header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} 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{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{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)} .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} @charset "UTF-8"; /* Colors */ /* Typography */ /* Components */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody .widget button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody .widget button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody .widget button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody .widget button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, .mod_cms_accept_tags form .formbody .widget button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, .mod_cms_accept_tags form .formbody .widget button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { font-family: "Poppins", Arial, sans-sarif; font-weight: 400; font-size: 14px; line-height: 18px; color: #888888; background-color: #ffffff; } hr { height: 0; margin-top: 14px; margin-bottom: 14px; border: 0; border-top: 1px solid #b3b3b3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.button, a.btn, button, .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody .widget button, input[type=submit], button[type=submit], input[type=reset], input[type=button] { display: block; padding: 14px 28px; text-align: center; font-weight: 400; font-size: 14px; letter-spacing: normal; text-decoration: none; white-space: nowrap; background-color: #ffffff; border: 1px solid #999; cursor: pointer; box-sizing: border-box; color: #888888; line-height: inherit; background-image: none; width: 100%; margin-bottom: 14px; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a.button.btn-sm, a.btn.btn-sm, button.btn-sm, .mod_cms_accept_tags form .formbody .widget button.btn-sm, input[type=submit].btn-sm, button[type=submit].btn-sm, input[type=reset].btn-sm, input[type=button].btn-sm { font-size: 12px; padding: 7px 14px; } a.button.btn-lg, a.btn.btn-lg, button.btn-lg, .mod_cms_accept_tags form .formbody .widget button.btn-lg, input[type=submit].btn-lg, button[type=submit].btn-lg, input[type=reset].btn-lg, input[type=button].btn-lg { padding: 28px 28px; } a.button.btn-block, a.btn.btn-block, button.btn-block, .mod_cms_accept_tags form .formbody .widget button.btn-block, input[type=submit].btn-block, button[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { display: block; width: 100%; } a.button:hover, a.button:focus, a.btn:hover, a.btn:focus, button:hover, .mod_cms_accept_tags form .formbody .widget button:hover, button:focus, .mod_cms_accept_tags form .formbody .widget button:focus, input[type=submit]:hover, input[type=submit]:focus, button[type=submit]:hover, button[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=button]:hover, input[type=button]:focus { background-color: #e6e6e6; color: #000; border-color: gray; outline: 0; } a.button.btn-primary, a.btn.btn-primary, button.btn-primary, .mod_cms_accept_tags form .formbody .widget button.btn-primary, input[type=submit].btn-primary, button[type=submit].btn-primary, input[type=reset].btn-primary, input[type=button].btn-primary { color: #fff; background-color: #e40421; border-color: #b2031a; } a.button.btn-primary:hover, a.button.btn-primary:focus, a.btn.btn-primary:hover, a.btn.btn-primary:focus, button.btn-primary:hover, .mod_cms_accept_tags form .formbody .widget button.btn-primary:hover, button.btn-primary:focus, .mod_cms_accept_tags form .formbody .widget button.btn-primary:focus, input[type=submit].btn-primary:hover, input[type=submit].btn-primary:focus, button[type=submit].btn-primary:hover, button[type=submit].btn-primary:focus, input[type=reset].btn-primary:hover, input[type=reset].btn-primary:focus, input[type=button].btn-primary:hover, input[type=button].btn-primary:focus { color: #fff; background-color: #b2031a; } a.button.btn-secondary, a.btn.btn-secondary, button.btn-secondary, .mod_cms_accept_tags form .formbody .widget button.btn-secondary, input[type=submit].btn-secondary, button[type=submit].btn-secondary, input[type=reset].btn-secondary, input[type=button].btn-secondary { background-color: #060606; border-color: black; color: #fff; } a.button.btn-secondary:hover, a.button.btn-secondary:focus, a.btn.btn-secondary:hover, a.btn.btn-secondary:focus, button.btn-secondary:hover, .mod_cms_accept_tags form .formbody .widget button.btn-secondary:hover, button.btn-secondary:focus, .mod_cms_accept_tags form .formbody .widget button.btn-secondary:focus, input[type=submit].btn-secondary:hover, input[type=submit].btn-secondary:focus, button[type=submit].btn-secondary:hover, button[type=submit].btn-secondary:focus, input[type=reset].btn-secondary:hover, input[type=reset].btn-secondary:focus, input[type=button].btn-secondary:hover, input[type=button].btn-secondary:focus { color: #fff; background-color: #202020; } @media (min-width: 576px) { a.button, a.btn, button, .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody .widget button, input[type=submit], button[type=submit], input[type=reset], input[type=button] { width: auto; display: inline-block; margin-right: 14px; } } img { vertical-align: middle; display: block; max-width: 100%; height: auto; } .ce_image { overflow: visible !important; } figure.image_container { display: table; margin: 0 0 14px 0; } figure.image_container.float_left, figure.image_container.float_right { float: none; } figure.image_container img { border: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } figure.image_container a { display: block; } figure.image_container a:hover img, figure.image_container a:focus img { border-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } figure.image_container figcaption { display: table-caption; caption-side: bottom; padding-top: 14px; color: #a2a2a2; } @media (min-width: 576px) { figure.image_container.float_left { margin-right: 14px; float: left; } figure.image_container.float_right { margin-left: 14px; float: right; } } /* * SVG fix for IE * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files * * [1] IE9 * [2] IE10+ */ /* 1 */ .ie9 img[src$=".svg"] { width: 100%; } /* 2 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } } input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select { height: 40px; padding: 7px 14px; background-color: #fff; border: 1px solid transparent; border-radius: 0; box-shadow: none; margin-bottom: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=email].placeholder, input[type=number].placeholder, input[type=search].placeholder, input[type=text].placeholder, input[type=tel].placeholder, input[type=url].placeholder, input[type=password].placeholder, textarea.placeholder, select.placeholder { color: #999; } input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { color: #999; } input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #999; } input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #999; } input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #999; } #main input[type=email], #main input[type=number], #main input[type=search], #main input[type=text], #main input[type=tel], #main input[type=url], #main input[type=password], #main textarea, #main select { border: 1px solid #b3b3b3; } input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 130px; } input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: #b3b3b3; outline: 0; } #main input[type=email]:focus, #main input[type=number]:focus, #main input[type=search]:focus, #main input[type=text]:focus, #main input[type=tel]:focus, #main input[type=url]:focus, #main input[type=password]:focus, #main textarea:focus, #main select:focus { border-color: #b3b3b3; } label, legend { display: inline-block; } label { margin-bottom: 5px; font-weight: 700; } input ~ label { margin-bottom: 0; font-weight: 400; display: inline; } legend { padding: 0 7px; width: auto; font-weight: 700; } fieldset { padding: 7px 14px; border: 1px solid #b3b3b3; margin-bottom: 14px; width: 100%; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form fieldset > span { display: block; margin-bottom: 7px; } input[type=checkbox], input[type=radio] { display: inline; } .checkbox_container { margin-bottom: 14px; } /* Feedback */ form input.error { border-color: #e40421; } form p.error { color: #e40421; position: relative; padding: 7px 14px 7px 28px; } form p.error:before { left: 7px; width: 20px; text-align: center; z-index: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-variant: normal; text-rendering: auto; line-height: 1; } form .captcha_text { display: block; margin-bottom: 14px; } /* general grid */ form .formbody, form fieldset { display: flex; flex-wrap: wrap; } form .formbody [class*=form-wrapper], form fieldset [class*=form-wrapper] { flex: 0 0 100%; } form .formbody .widget, form fieldset .widget { width: 100%; } @media (min-width: 768px) { form .formbody, form fieldset { display: flex; justify-content: space-between; } form .formbody [class*=form-wrapper], form fieldset [class*=form-wrapper] { flex-basis: 48%; } form .formbody [class*=form-wrapper] > .widget, form fieldset [class*=form-wrapper] > .widget { width: 100%; } } .hidden { display: none !important; } @media (min-width: 576px) { .visible-sm { display: none; } } @media (max-width: 575.98px) { .hidden-sm { display: inline-block; } } @media (min-width: 992px) { .visible-md { display: none; } } @media (max-width: 991.98px) { .hidden-md { display: inline-block; } } .only-mobile { display: inline-block !important; } @media (min-width: 992px) { .only-mobile { display: none !important; } } .no-mobile { display: none !important; } @media (min-width: 992px) { .no-mobile { display: inline-block !important; } } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #999; } .text-underline { text-decoration: underline; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; margin: 0; padding-right: 5px; padding-left: 5px; } /* Specific visibles */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 575.98px) { .visible-xs { display: block !important; } } @media (max-width: 575.98px) { .visible-xs-block { display: block !important; } } @media (max-width: 575.98px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 575.98px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 576px) and (max-width: 767px) { .visible-sm { display: block !important; } } @media (min-width: 576px) and (max-width: 767px) { .visible-sm-block { display: block !important; } } @media (min-width: 576px) and (max-width: 767px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 576px) and (max-width: 767px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 575.98px) { .hidden-xs { display: none !important; } } @media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none !important; } } @media (min-width: 1200px) { .hidden-xl { display: none !important; } } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } table { border-spacing: 0; border-collapse: collapse; background-color: #fff; width: 100%; max-width: 100%; } td, th { padding: 0; } caption { padding-top: 7px; padding-bottom: 7px; text-align: left; } th { text-align: left; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 7px; vertical-align: top; border-top: 1px solid #cccccc; } table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #cccccc; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-top: 0; } table > tbody + tbody { border-top: 2px solid #cccccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media (max-width: 767.98px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > table { margin-bottom: 0; } .table-responsive > table > thead > tr > th, .table-responsive > table > tbody > tr > th, .table-responsive > table > tfoot > tr > th, .table-responsive > table > thead > tr > td, .table-responsive > table > tbody > tr > td, .table-responsive > table > tfoot > tr > td { white-space: nowrap; } } p, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, blockquote, dl, fieldset, form, hr, table { margin: 0 0 14px 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, body .mod_cms_accept_tags > form > .tags > div .head span, .h5, .h6 { margin-top: 0; padding-top: 14px; } h1 + h2, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h4, h4 + h5, h4 + h6, h5 + h5, h5 + h6, h6 + h6 { padding-top: 0; } a { color: #e40421; text-decoration: none; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } a:hover, a:focus { color: #fc5268; } a:hover { text-decoration: none; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } span.active { color: #e40421; cursor: default; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, body .mod_cms_accept_tags > form > .tags > div .head span, h5, .h5, h6, .h6 { color: #222222; line-height: 1.1; font-family: "Roboto", Arial, sans-serif; } h1, .h1, h2, .h2 { font-weight: 900; } h3, .h3, h4, .h4, body .mod_cms_accept_tags > form > .tags > div .head span { font-weight: 400; } h5, .h5, h6, .h6 { font-weight: 700; } h1, .h1 { font-size: 24px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 14px; } h4, .h4, body .mod_cms_accept_tags > form > .tags > div .head span { font-size: 14px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 14px; } @media (min-width: 576px) { h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 18px; } h4, .h4, body .mod_cms_accept_tags > form > .tags > div .head span { font-size: 14px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 14px; } } @media (min-width: 768px) { h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4, body .mod_cms_accept_tags > form > .tags > div .head span { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 14px; } } ul, ol { margin-left: 0; padding-left: 14px; } ul { list-style-type: disc; list-style-position: outside; } ol { list-style-type: decimal; list-style-position: outside; } ul ul, ol ul { list-style-type: circle; list-style-position: outside; } ol ol, ul ol { list-style-type: lower-latin; list-style-position: outside; } ul ul, ul ol, ol ol, ol ul { margin: 7px 0 0 0; } ul li, ol li { margin-bottom: 5px; } dl { margin-top: 0; } dt { font-weight: 700; } dd { margin-left: 0; } small, .small { font-size: 12px; } code { padding: 7px; margin-right: 14px; margin-left: 14px; font-size: 12px; white-space: nowrap; background-color: #cccccc; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; } pre > code { display: block; padding: 7px 14px; white-space: pre; } blockquote { padding: 7px 14px; margin: 0 0 14px; border-left: 5px solid #b3b3b3; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } b, strong { font-weight: 700; } mark { display: inline-block; background-color: rgba(0, 0, 0, 0.05); color: #000; padding: 0 7px; } /* Accordion */ .ce_accordion { border: 1px solid #b3b3b3; border-bottom: none; margin-top: -1px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ce_accordion .toggler { border-bottom: 1px solid #b3b3b3; background-color: #cccccc; cursor: pointer; font-weight: 700; position: relative; padding: 14px 7px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .ce_accordion .toggler:after { right: 0; width: 40px; text-align: center; z-index: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-variant: normal; text-rendering: auto; line-height: 1; } .ce_accordion .toggler:after:hover, .ce_accordion .toggler:after.active { color: #e40421; } .ce_accordion .toggler:after:focus { outline: medium none; } .ce_accordion .ui-accordion-header-active:after { content: ""; } .ce_accordion .ui-accordion-content-active { border-bottom: 1px solid #b3b3b3; } .ce_accordion .ui-accordion-content > div { padding: 14px; } .ce_accordion .ui-accordion-content > div > *:last-child { margin-bottom: 0; } .ce_accordion + *:not(.ce_accordion) { padding-top: 14px; } /* ce_download / ce_downloads */ .ce_download, .ce_downloads { margin-bottom: 14px; } .ce_download ul, .ce_downloads ul { list-style-type: none; padding-left: 0; } .ce_download img, .ce_downloads img { margin-right: 7px; } .ce_download img, .ce_download a, .ce_downloads img, .ce_downloads a { display: inline-block; line-height: 18px; } .ce_download .size, .ce_downloads .size { font-size: 12px; opacity: 0.75; } /* ce_gallery */ .ce_gallery .cols_2, .ce_gallery .cols_3, .ce_gallery .cols_4 { display: flex; flex-wrap: wrap; } .ce_gallery .cols_2 li, .ce_gallery .cols_3 li, .ce_gallery .cols_4 li { flex: 0 0 100%; } @media (min-width: 576px) { .ce_gallery .cols_2 li, .ce_gallery .cols_3 li, .ce_gallery .cols_4 li { margin-right: 2%; flex-basis: 49%; } .ce_gallery .cols_2 li:nth-of-type(2n), .ce_gallery .cols_3 li:nth-of-type(2n), .ce_gallery .cols_4 li:nth-of-type(2n) { margin-right: 0; } } @media (min-width: 768px) { .ce_gallery .cols_2 li:nth-of-type(2n), .ce_gallery .cols_3 li:nth-of-type(2n), .ce_gallery .cols_4 li:nth-of-type(2n) { margin-right: 2%; } .ce_gallery .cols_2 li { flex-basis: 49%; } .ce_gallery .cols_3 li { flex-basis: 32%; } .ce_gallery .cols_4 li { flex-basis: 23.5%; } .ce_gallery .cols_2 li:nth-of-type(2n), .ce_gallery .cols_3 li:nth-of-type(3n), .ce_gallery .cols_4 li:nth-of-type(4n) { margin-right: 0; } } /* pagination */ .pagination ul { padding-left: 0; float: left; } .pagination ul:before, .pagination ul:after { content: ""; display: table; } .pagination ul:after { clear: both; } .pagination li { display: inline; } .pagination li > a, .pagination li > span { position: relative; float: left; margin-right: 5px; display: block; padding: 14px 28px; text-align: center; font-weight: 400; font-size: 14px; letter-spacing: normal; text-decoration: none; white-space: nowrap; background-color: #ffffff; border: 1px solid #999; cursor: pointer; box-sizing: border-box; color: #888888; line-height: inherit; background-image: none; margin-bottom: 14px; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .pagination li:first-child > a, .pagination li:first-child > span { margin-left: 0; } .pagination li > a:hover, .pagination li > a:focus { z-index: 2; background-color: #e6e6e6; color: #000; border-color: gray; outline: 0; } .pagination span.active { z-index: 3; background-color: #e40421; color: #fff; border-color: #b2031a; outline: 0; } .pagination p, .pagination li > a, .pagination li > span { line-height: 1; } /* ce_youtube Contao 3.X */ /* .ce_youtube { margin-bottom: $base-margin; .mejs-mediaelement { video, .me-plugin, embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; max-width: 100%; } } } */ /* ce_youtube Contao 4.X */ .ce_youtube { margin-bottom: 14px; position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } .ce_youtube iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } /* ce_hyperlink */ .ce_hyperlink a { display: inline-block; margin: 0 0 14px 0; } /* ce_toplink */ .ce_toplink a { display: inline-block; margin: 0 0 14px 0; } /* ce_sliderStart */ .ce_sliderStart { margin-bottom: 14px; /* Contao core overwrites */ } .ce_sliderStart .slider-control { display: flex; } .ce_sliderStart .slider-control .slider-prev, .ce_sliderStart .slider-control .slider-next, .ce_sliderStart .slider-control .slider-menu > * { line-height: 18px; } .ce_sliderStart .slider-control .slider-prev, .ce_sliderStart .slider-control .slider-next { flex: 0 0 25%; } .ce_sliderStart .slider-control .slider-prev { text-align: left; } .ce_sliderStart .slider-control .slider-next { text-align: right; } .ce_sliderStart .slider-control .slider-menu { flex: 0 0 50%; text-align: center; font-size: 18px; } .ce_sliderStart .slider-control .slider-menu * { display: inline-block; margin-right: 7px; } .ce_sliderStart .slider-control .slider-menu *:last-child { margin-right: 0; } .ce_sliderStart .slider-control a, .ce_sliderStart .slider-control .slider-menu { position: relative; top: 0; } .ce_sliderStart .slider-control .slider-menu { top: 0; width: auto; left: 0; margin-left: 0; } /* ce_player */ .ce_player { margin-bottom: 14px; } .ce_player .mejs-mediaelement video, .ce_player .mejs-mediaelement .me-plugin, .ce_player .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; max-width: 100%; } .content-center.content-center-padding > .inside { padding-top: 28px; padding-bottom: padding-large; } @media (min-width: 576px) { .content-center.content-center-padding > .inside { padding-top: 35px; padding-bottom: 35px; } } @media (min-width: 768px) { .content-center.content-center-padding > .inside { padding-top: 42px; padding-bottom: 42px; } } @media (min-width: 992px) { .content-center.content-center-padding > .inside { padding-top: 49px; padding-bottom: 49px; } } @media (min-width: 1200px) { .content-center.content-center-padding > .inside { padding-top: 56px; padding-bottom: 56px; } } .content-center.content-center-grey { background-color: #cccccc; } .cta-bar { padding: 28px 0; margin-bottom: 14px; border-bottom: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .cta-bar h2, .cta-bar p { text-align: center; } .cta-bar h2 { padding: 0; } .cta-bar p { margin: 0; font-size: 18px; } .cta-bar.bg-primary { background-color: #e40421; border-color: #b2031a; } .cta-bar.bg-secondary { background-color: #060606; border-color: black; } .cta-bar.color-dark h2, .cta-bar.color-dark p { color: #000; } .cta-bar.color-light h2, .cta-bar.color-light p { color: #fff; } @media (min-width: 576px) { .cta-bar { padding: 42px 0; } } @media (min-width: 768px) { .cta-bar { padding: 56px 0; } } .cta-bar-button { padding: 28px 0; border-bottom: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .cta-bar-button > .inside { display: flex; flex-wrap: wrap; } .cta-bar-button > .inside .cta-content { flex: 0 0 100%; margin-bottom: 14px; } .cta-bar-button > .inside .cta-content > .inside { text-align: center; } .cta-bar-button > .inside .cta-content > .inside h2 { padding: 0; } .cta-bar-button > .inside .cta-content > .inside p { font-size: 18px; } .cta-bar-button > .inside .cta-link { flex: 0 0 100%; text-align: center; } .cta-bar-button > .inside .cta-link a { margin: 0; } .cta-bar-button.bg-primary { background-color: #e40421; border-color: #b2031a; } .cta-bar-button.bg-secondary { background-color: #060606; border-color: black; } .cta-bar-button.color-dark h2, .cta-bar-button.color-dark p { color: #000; } .cta-bar-button.color-light h2, .cta-bar-button.color-light p { color: #fff; } @media (max-width: 575.98px) { .cta-bar-button > .inside { align-items: center; } .cta-bar-button > .inside .cta-link a { display: block !important; } } @media (min-width: 576px) { .cta-bar-button { padding: 42px 0; } } @media (min-width: 768px) { .cta-bar-button { padding: 56px 0; } .cta-bar-button > .inside .cta-content { flex: 1 1 auto; margin: 0; } .cta-bar-button > .inside .cta-content > .inside { text-align: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cta-bar-button > .inside .cta-content > .inside p { margin: 0; } .cta-bar-button > .inside .cta-link { flex: 0 0 20%; text-align: right; } .cta-bar-button > .inside .cta-link a { margin: 0; } } .custom-headline.custom-headline-bg h2 { position: relative; padding-bottom: 14px; } .custom-headline.custom-headline-bg h2:before { content: ""; display: block; width: 10%; height: 2px; background-color: #060606; bottom: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .custom-headline > *:not(p) { font-size: 30px; } .custom-headline > *:not(p).xl { font-size: 36px; } .custom-headline > *:not(p).lg { font-size: 30px; } .custom-headline > *:not(p).md { font-size: 24px; } .custom-headline > *:not(p).sm { font-size: 18px; } .custom-headline > *:not(p).xs { font-size: 14px; } .custom-headline > *:not(p).xxs { font-size: 14px; } .custom-headline > *:not(p) p { color: #888888; } /* icon boxes */ .icon-boxes { position: relative; padding: 28px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .icon-boxes:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.25); z-index: 2; } .icon-boxes h2 { position: relative; padding-bottom: 14px; margin-bottom: 28px; text-align: center; z-index: 3; } .icon-boxes h2:before { content: ""; display: block; width: 10%; height: 2px; background-color: #e40421; bottom: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .icon-boxes .icon-box { position: relative; margin-bottom: 28px; text-align: left; background-color: rgba(255, 255, 255, 0.9); display: block; z-index: 3; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon-boxes .icon-box > .inside { padding: 28px 14px; } .icon-boxes .icon-box span { display: inline-block; color: #999; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } .icon-boxes .icon-box span.icon-box-link { color: #e40421; } .icon-boxes .icon-box span.h3 { display: block; color: #222222; } .icon-boxes .icon-box span.icon-box-content { margin-bottom: 14px; } .icon-boxes .icon-box:hover, .icon-boxes .icon-box:focus { color: #fff; background-color: #e40421; } .icon-boxes .icon-box:hover h3, .icon-boxes .icon-box:hover h4, .icon-boxes .icon-box:hover .icon-box-content, .icon-boxes .icon-box:hover a, .icon-boxes .icon-box:hover span, .icon-boxes .icon-box:focus h3, .icon-boxes .icon-box:focus h4, .icon-boxes .icon-box:focus .icon-box-content, .icon-boxes .icon-box:focus a, .icon-boxes .icon-box:focus span { color: #fff; } .icon-boxes .icon-box:hover .icon-box-counter:after, .icon-boxes .icon-box:focus .icon-box-counter:after { color: rgba(255, 255, 255, 0.5); } .icon-boxes .icon-box .icon-box-counter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .icon-boxes .icon-box .icon-box-counter:after { position: absolute; right: 14px; top: 28px; color: #999; text-align: center; line-height: 1; font-weight: 300; font-size: 30px; z-index: 2; } .icon-boxes .icon-box .icon-box-counter.counter-1:after { content: "01"; } .icon-boxes .icon-box .icon-box-counter.counter-2:after { content: "02"; } .icon-boxes .icon-box .icon-box-counter.counter-3:after { content: "03"; } .icon-boxes .icon-box .icon-box-counter.counter-4:after { content: "04"; } .icon-boxes .icon-box .icon-box-counter.counter-5:after { content: "05"; } .icon-boxes .icon-box .icon-box-counter.counter-6:after { content: "06"; } .icon-boxes .icon-box .icon-box-counter.counter-7:after { content: "07"; } .icon-boxes .icon-box .icon-box-counter.counter-8:after { content: "08"; } .icon-boxes .icon-box .icon-box-counter.counter-9:after { content: "09"; } @media (min-width: 768px) { .icon-boxes .icon-boxes-wrapper > .inside { display: flex; justify-content: space-between; flex-wrap: wrap; } .icon-boxes .icon-boxes-wrapper > .inside .icon-box { flex: 0 0 49%; position: relative; } .icon-boxes .icon-boxes-wrapper > .inside .icon-box > .inside { padding: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 992px) { .icon-boxes .icon-boxes-wrapper > .inside .icon-box { flex-basis: 32%; } } /* icon-list */ .icon-list .inside ul { margin-bottom: 14px; } .icon-list .inside ul li { margin-bottom: 14px; padding-bottom: 14px; display: flex; flex-wrap: nowrap; position: relative; } .icon-list .inside ul li:not(:last-of-type):after { position: absolute; content: ""; display: block; height: 1px; right: 0; bottom: 0; left: 0; background-color: #b3b3b3; } .icon-list .inside ul li .list-icon { flex: 0 0 50px; background-color: #e40421; text-align: center; padding: 14px; position: relative; } .icon-list .inside ul li .list-icon [class^=fa] { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .icon-list .inside ul li .list-content { flex: 1 1 auto; } .icon-list .inside ul li .list-content .inside { padding-left: 28px; } /* image boxes */ .image-boxes { position: relative; padding: 28px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .image-boxes:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.25); z-index: 2; } .image-boxes h2 { position: relative; padding-bottom: 14px; margin-bottom: 28px; text-align: center; z-index: 3; } .image-boxes h2:before { content: ""; display: block; width: 10%; height: 2px; background-color: #e40421; bottom: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .image-boxes .image-box-wrapper { display: flex; flex-wrap: wrap; } .image-boxes .image-box-wrapper .image-box { flex: 0 0 100%; position: relative; margin-bottom: 28px; z-index: 3; overflow: hidden; border: 1px solid transparent; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .image-boxes .image-box-wrapper .image-box .box-header { position: relative; } .image-boxes .image-box-wrapper .image-box .box-header .box-icon { position: absolute; top: 0; right: auto; bottom: 0; left: 0; padding: 14px 7px; background-color: rgba(0, 0, 0, 0.5); z-index: 3; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .image-boxes .image-box-wrapper .image-box .box-header .box-icon [class^=fa] { color: rgba(255, 255, 255, 0.5); position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .image-boxes .image-box-wrapper .image-box .box-header .box-image figure { margin: 0; } .image-boxes .image-box-wrapper .image-box .box-header .box-image figure figcaption { padding-top: 0; background-color: rgba(228, 4, 33, 0.8); z-index: 2; } .image-boxes .image-box-wrapper .image-box .box-header .box-image figure figcaption .effeckt-figcaption-wrap a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .image-boxes .image-box-wrapper .image-box .box-header .box-image figure figcaption .effeckt-figcaption-wrap a .caption-link { display: block; width: 100%; text-align: center; color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-boxes .image-box-wrapper .image-box .box-header .box-image figure figcaption .effeckt-figcaption-wrap a:hover .caption-link:not([class^=fa]), .image-boxes .image-box-wrapper .image-box .box-header .box-image figure figcaption .effeckt-figcaption-wrap a:focus .caption-link:not([class^=fa]) { text-decoration: underline; } .image-boxes .image-box-wrapper .image-box .box-footer { padding: 0 14px; } .image-boxes .image-box-wrapper .image-box .box-footer .box-link { text-align: left; } .image-boxes .image-box-wrapper .image-box:hover, .image-boxes .image-box-wrapper .image-box:focus { border-color: #cccccc; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .image-boxes .image-box-wrapper .image-box:hover .box-header .box-icon, .image-boxes .image-box-wrapper .image-box:focus .box-header .box-icon { background-color: rgba(0, 0, 0, 0.75); } .image-boxes .image-box-wrapper .image-box:hover .box-header .box-icon [class^=fa], .image-boxes .image-box-wrapper .image-box:focus .box-header .box-icon [class^=fa] { color: white; } @media (min-width: 576px) { .image-boxes .image-box-wrapper { justify-content: space-between; } .image-boxes .image-box-wrapper .image-box { flex: 0 0 47%; } } @media (min-width: 768px) { .image-boxes .image-box-wrapper .image-box { flex: 0 0 31.333%; } } .slider-home { width: 100%; height: 100%; position: relative; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .slider-home .swiper-wrapper .swiper-slide { position: relative; z-index: 1; } .slider-home .swiper-wrapper figure { width: 100%; height: 50vh; position: relative; display: block; margin: 0; } .slider-home .swiper-wrapper figure img { width: 100%; /* position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; */ height: 50vh; object-fit: cover; } .slider-home .swiper-wrapper figure.custom-object-fit { position: relative; background-size: cover; background-position: center center; } .slider-home .swiper-wrapper figure.custom-object-fit .featured-image { opacity: 0; } .slider-home .swiper-wrapper .swiper-caption { width: 100%; max-width: 1170px; margin: 0 auto; padding-right: 15px; padding-left: 15px; text-align: left; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .slider-home .swiper-wrapper .swiper-caption .caption-headline { color: #fff; text-transform: none; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75), -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75); } @media (min-width: 768px) { .slider-home .swiper-wrapper .swiper-caption .caption-headline { font-size: 40px; text-transform: uppercase; } } @media (min-width: 992px) { .slider-home .swiper-wrapper .swiper-caption .caption-headline { font-size: 50px; } } @media (min-width: 1200px) { .slider-home .swiper-wrapper .swiper-caption .caption-headline { font-size: 60px; } } .slider-home .swiper-wrapper .swiper-caption .caption-text { display: none; } @media (min-width: 768px) { .slider-home .swiper-wrapper .swiper-caption .caption-text { display: block; color: #fff; font-size: 18px; margin-bottom: 28px; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75), -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75); } } .slider-home .swiper-wrapper .swiper-caption .btn { display: inline-block; width: auto; } .slider-home .swiper-pagination { display: none; } @media (min-width: 576px) { .slider-home .swiper-wrapper figure { height: 55vh; } .slider-home .swiper-wrapper figure img { height: 55vh; } .slider-home .swiper-button-next, .slider-home .swiper-button-prev { display: block; width: 50px; height: 50px; color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .slider-home .swiper-button-next:not(.swiper-button-disabled):hover, .slider-home .swiper-button-next:not(.swiper-button-disabled):hover, .slider-home .swiper-button-next:not(.swiper-button-disabled):focus, .slider-home .swiper-button-prev:not(.swiper-button-disabled):hover, .slider-home .swiper-button-prev:not(.swiper-button-disabled):hover, .slider-home .swiper-button-prev:not(.swiper-button-disabled):focus { background-color: rgba(0, 0, 0, 0.5); color: white; outline: 0; } .slider-home .swiper-button-next:before, .slider-home .swiper-button-prev:before { font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3em; } .slider-home .swiper-button-next.swiper-button-disabled, .slider-home .swiper-button-prev.swiper-button-disabled { opacity: 0.25; cursor: default; } .slider-home .swiper-button-next { right: 15px; } .slider-home .swiper-button-next:before { content: ""; } .slider-home .swiper-button-prev { left: 15px; } .slider-home .swiper-button-prev:before { content: ""; } } @media (min-width: 768px) { .slider-home .swiper-wrapper figure { height: 60vh; } .slider-home .swiper-wrapper figure img { height: 60vh; } .slider-home .swiper-pagination-bullets-dynamic { display: block; top: auto; bottom: 14px; width: auto; z-index: 9999; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider-home .swiper-pagination-bullets-dynamic:before, .slider-home .swiper-pagination-bullets-dynamic:after { content: ""; display: table; } .slider-home .swiper-pagination-bullets-dynamic:after { clear: both; } .slider-home .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.75; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .slider-home .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider-home .swiper-pagination-bullets-dynamic .swiper-pagination-bullet:hover { background-color: #e40421; opacity: 1; } } @media (min-width: 1200px) { .slider-home .swiper-wrapper figure { height: 65vh; } .slider-home .swiper-wrapper figure img { height: 65vh; } } .slider-home .swiper-wrapper .swiper-slide.bg-dark:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 2; } .slider-home .swiper-wrapper .swiper-slide.bg-dark .caption-text, .slider-home .swiper-wrapper .swiper-slide.bg-dark .caption-headline { color: #fff !important; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .slider-home .swiper-wrapper .swiper-slide.bg-light:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.25); z-index: 2; } .slider-home .swiper-wrapper .swiper-slide.bg-light .caption-text, .slider-home .swiper-wrapper .swiper-slide.bg-light .caption-headline { color: #000 !important; text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); } .slider-images { position: relative; } .slider-images .inside { padding: 28px 0; } .slider-images .inside figure { margin: 0; overflow: hidden; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 200ms ease-out; -moz-transition: border-color 200ms ease-out; -ms-transition: border-color 200ms ease-out; -o-transition: border-color 200ms ease-out; transition: border-color 200ms ease-out; } .slider-images .inside figure figcaption { background-color: #e40421; padding: 0; z-index: 2; } .slider-images .inside figure figcaption .swiper-caption a { display: block; color: #fff; padding: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slider-images .inside figure:hover, .slider-images .inside figure:focus { border-color: #cccccc; } @media (min-width: 576px) { .slider-images .inside { padding: 42px 0; } } @media (min-width: 768px) { .slider-images .inside { padding: 56px 0; } } .slider-images .swiper-button-next, .slider-images .swiper-button-prev { display: block; width: 50px; height: 50px; color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .slider-images .swiper-button-next:not(.swiper-button-disabled):hover, .slider-images .swiper-button-next:not(.swiper-button-disabled):hover, .slider-images .swiper-button-next:not(.swiper-button-disabled):focus, .slider-images .swiper-button-prev:not(.swiper-button-disabled):hover, .slider-images .swiper-button-prev:not(.swiper-button-disabled):hover, .slider-images .swiper-button-prev:not(.swiper-button-disabled):focus { background-color: rgba(0, 0, 0, 0.5); color: white; outline: 0; } .slider-images .swiper-button-next:before, .slider-images .swiper-button-prev:before { font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3em; } .slider-images .swiper-button-next.swiper-button-disabled, .slider-images .swiper-button-prev.swiper-button-disabled { opacity: 0.25; cursor: default; } .slider-images .swiper-button-next { right: 15px; } .slider-images .swiper-button-next:before { content: ""; } .slider-images .swiper-button-prev { left: 15px; } .slider-images .swiper-button-prev:before { content: ""; } .mod_breadcrumb ul { margin: 0; } .mod_breadcrumb ul li.first a { display: block; padding: 7px 0; } .mod_breadcrumb ul li.first a [class^=fa] { display: none; } @media (max-width: 767.98px) { .mod_breadcrumb ul li.first { display: none; } } @media (max-width: 575.98px) { .mod_breadcrumb { display: none; } } @media (max-width: 767.98px) { .mod_breadcrumb li.first + li [class^=fa] { display: none; } } .ce_dlh_googlemaps.show-placeholder, .mod_dlh_googlemaps.show-placeholder { background: url(../../files/theme_files/img/layout/bg-google-map.jpg) center center no-repeat; background-size: cover; max-height: calc((1 / 3) * 100vw); /* Set aspect ratio from module setting */ overflow: hidden; } .ce_dlh_googlemaps.show-placeholder #confirm-googlemaps, .mod_dlh_googlemaps.show-placeholder #confirm-googlemaps { text-align: center; } .ce_dlh_googlemaps.show-placeholder #confirm-googlemaps .inside, .mod_dlh_googlemaps.show-placeholder #confirm-googlemaps .inside { display: inline-block; background-color: rgba(255, 255, 255, 0.5); padding: 28px 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ce_dlh_googlemaps.show-placeholder #confirm-googlemaps .inside #btn-toggle-map, .mod_dlh_googlemaps.show-placeholder #confirm-googlemaps .inside #btn-toggle-map { margin-bottom: 0; } .mod_newslist { display: flex; flex-wrap: wrap; } .mod_newslist .layout_latest { flex: 0 0 100%; position: relative; border: 1px solid #060606; margin-bottom: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 200ms ease-out; -moz-transition: border-color 200ms ease-out; -ms-transition: border-color 200ms ease-out; -o-transition: border-color 200ms ease-out; transition: border-color 200ms ease-out; } .mod_newslist .layout_latest figure { overflow: hidden; margin: 0; width: 100%; } .mod_newslist .layout_latest figure img { margin: 0 auto; width: 100%; } .mod_newslist .layout_latest figure figcaption { background-color: #e40421; color: #fff; padding: 0; } .mod_newslist .layout_latest figure figcaption .effeckt-figcaption-wrap { padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mod_newslist .layout_latest figure figcaption * { line-height: 1; } .mod_newslist .layout_latest figure figcaption h3 { padding: 0 0 7px 0; margin: 0 0 7px 0; position: relative; } .mod_newslist .layout_latest figure figcaption h3:after { content: ""; display: block; width: 25%; height: 1px; top: auto; right: 0; bottom: 0; left: 0; background-color: #ddd; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .mod_newslist .layout_latest figure figcaption h3 a { color: #fff; } .mod_newslist .layout_latest figure figcaption h3 a:focus, .mod_newslist .layout_latest figure figcaption h3 a:hover { text-decoration: underline; } .mod_newslist .layout_latest figure figcaption .description { color: #ddd; } .mod_newslist .layout_latest figure figcaption p { margin-bottom: 7px; } .mod_newslist .layout_latest figure figcaption p.info { font-size: 12px; line-height: 21px; color: #ddd; } .mod_newslist .layout_latest figure figcaption p.more { display: block; font-size: 12px; line-height: 21px; margin: 0; } .mod_newslist .layout_latest figure figcaption p.more a { color: #fff; } .mod_newslist .layout_latest figure figcaption p.more a:focus, .mod_newslist .layout_latest figure figcaption p.more a:hover { text-decoration: underline; } .mod_newslist .layout_latest:hover, .mod_newslist .layout_latest:focus { border-color: #b2031a; } .mod_newslist .layout_latest_news .news-subline { margin: 0; padding: 14px 15px; } @media (min-width: 576px) { .mod_newslist { justify-content: space-between; } .mod_newslist .layout_latest { flex: 0 0 48%; } } @media (min-width: 768px) { .mod_newslist .layout_latest { flex: 0 0 31%; } } .mod_search form { margin-bottom: 14px; } .mod_search form .formbody { display: flex; flex-wrap: wrap; } .mod_search form .formbody .widget { flex: 0 0 100%; margin: 0; } .mod_search form .formbody .widget input { width: 100%; } .mod_search .header { font-size: 18px; } .mod_search h3 { font-size: 18px; } .mod_search h3 span { color: #999; font-size: 14px; } @media (min-width: 768px) { .mod_search form .formbody { flex-wrap: nowrap; justify-content: space-between; } .mod_search form .formbody .widget { margin: 0; } .mod_search form .formbody .widget-text { flex: 0 0 78%; } .mod_search form .formbody .widget-submit { flex: 0 0 20%; } .mod_search form .formbody .widget-submit button { margin: 0; height: 40px; padding: 7px 14px; display: block; width: 100%; } } /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; 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-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 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% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; 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: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /* custom fix */ body.js .animate { opacity: 0; } body .mod_cms_accept_tags > form { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); } body .mod_cms_accept_tags > form > .formbody { padding-bottom: 0; } body .mod_cms_accept_tags > form > .formbody .info { margin-bottom: 14px; } body .mod_cms_accept_tags > form > .formbody .info a { text-decoration: underline; } body .mod_cms_accept_tags > form > .formbody .info p { margin-bottom: 14px; } body .mod_cms_accept_tags > form > .formbody .widget { padding-top: 0; margin-bottom: 0; text-align: center; } body .mod_cms_accept_tags > form > .formbody .widget button { margin: 0 7px 14px 7px; outline: 0; cursor: pointer; padding: 14px 15px; z-index: 99999; position: relative; display: inline-block; } @media (max-width: 575.98px) { body .mod_cms_accept_tags > form > .formbody .widget button { margin: 0 0 14px 0; } } body .mod_cms_accept_tags > form > .tags > div { padding-bottom: 0; } body .mod_cms_accept_tags > form > .tags > div .head { margin: 0; } body .mod_cms_accept_tags > form > .tags > div .head span { padding: 0; margin-bottom: 14px; } :root cms-accept-tags { --btn-accept-text-color: #fff; --btn-accept-bg-color: #e40421 !important; } /* Captions Markup Pattern & Explanation data-effeckt-type = ""
*/ .effeckt-caption { position: relative; } .effeckt-caption img { transition: 500ms; } .effeckt-caption figcaption { position: absolute; transition: 500ms; width: 100%; } .effeckt-caption[data-effeckt-type=quarter-appear] figcaption { bottom: 0; left: 0; opacity: 0; } .effeckt-caption[data-effeckt-type=quarter-appear]:hover figcaption, .effeckt-caption[data-effeckt-type=quarter-appear]:active figcaption, .effeckt-caption[data-effeckt-type=quarter-appear].active figcaption { opacity: 1; } .effeckt-caption[data-effeckt-type=quarter-slide-up] figcaption { bottom: 0; left: 0; opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .effeckt-caption[data-effeckt-type=quarter-slide-up]:hover figcaption, .effeckt-caption[data-effeckt-type=quarter-slide-up]:active figcaption, .effeckt-caption[data-effeckt-type=quarter-slide-up].active figcaption { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .effeckt-caption[data-effeckt-type=sqkwoosh] figcaption { top: 0; left: 0; width: 100%; height: 100%; transition: none; z-index: 0; } .effeckt-caption[data-effeckt-type=sqkwoosh] img { position: relative; z-index: 1; transition-delay: 0.25s; } .effeckt-caption[data-effeckt-type=sqkwoosh] .effeckt-figcaption-wrap { position: absolute; bottom: 1rem; opacity: 0; transition: opacity 0.25s linear 0s; } .effeckt-caption[data-effeckt-type=sqkwoosh]:hover .effeckt-figcaption-wrap, .effeckt-caption[data-effeckt-type=sqkwoosh]:active .effeckt-figcaption-wrap, .effeckt-caption[data-effeckt-type=sqkwoosh].active .effeckt-figcaption-wrap { opacity: 1; transition-delay: 0.25s; } .effeckt-caption[data-effeckt-type=sqkwoosh]:hover img, .effeckt-caption[data-effeckt-type=sqkwoosh]:active img, .effeckt-caption[data-effeckt-type=sqkwoosh].active img { -webkit-transform: scale(0.5) translateY(-80px); -ms-transform: scale(0.5) translateY(-80px); transform: scale(0.5) translateY(-80px); transition-delay: 0; } .effeckt-caption[data-effeckt-type=quarter-slide-side] figcaption { left: 0; bottom: 0; opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .effeckt-caption[data-effeckt-type=quarter-slide-side]:hover figcaption, .effeckt-caption[data-effeckt-type=quarter-slide-side]:active figcaption, .effeckt-caption[data-effeckt-type=quarter-slide-side].active figcaption { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .effeckt-caption[data-effeckt-type=cover-fade] figcaption { top: 0; left: 0; height: 100%; opacity: 0; } .effeckt-caption[data-effeckt-type=cover-fade]:hover figcaption, .effeckt-caption[data-effeckt-type=cover-fade]:active figcaption, .effeckt-caption[data-effeckt-type=cover-fade].active figcaption { opacity: 1; } .effeckt-caption[data-effeckt-type=quarter-fall-in] figcaption { top: 0; left: 0; -webkit-transform: translateX(100%) rotate(20deg); -ms-transform: translateX(100%) rotate(20deg); transform: translateX(100%) rotate(20deg); opacity: 0; } .effeckt-caption[data-effeckt-type=quarter-fall-in]:hover figcaption, .effeckt-caption[data-effeckt-type=quarter-fall-in]:active figcaption, .effeckt-caption[data-effeckt-type=quarter-fall-in].active figcaption { -webkit-transform: translateX(0) rotate(0deg); -ms-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } .effeckt-caption[data-effeckt-type=quarter-two-step] figcaption { top: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; z-index: 2; } .effeckt-caption[data-effeckt-type=quarter-two-step] .effeckt-figcaption-wrap { transition: 500ms 250ms; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); } .effeckt-caption[data-effeckt-type=quarter-two-step]:hover figcaption, .effeckt-caption[data-effeckt-type=quarter-two-step]:active figcaption, .effeckt-caption[data-effeckt-type=quarter-two-step].active figcaption { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .effeckt-caption[data-effeckt-type=quarter-two-step]:hover .effeckt-figcaption-wrap, .effeckt-caption[data-effeckt-type=quarter-two-step]:active .effeckt-figcaption-wrap, .effeckt-caption[data-effeckt-type=quarter-two-step].active .effeckt-figcaption-wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .effeckt-caption[data-effeckt-type=cover-push-right] figcaption { top: 0; left: 0; height: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .effeckt-caption[data-effeckt-type=cover-push-right] img { transition: 500ms; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .effeckt-caption[data-effeckt-type=cover-push-right]:hover figcaption, .effeckt-caption[data-effeckt-type=cover-push-right]:active figcaption, .effeckt-caption[data-effeckt-type=cover-push-right].active figcaption { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .effeckt-caption[data-effeckt-type=cover-push-right]:hover img, .effeckt-caption[data-effeckt-type=cover-push-right]:active img, .effeckt-caption[data-effeckt-type=cover-push-right].active img { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .effeckt-caption[data-effeckt-type=cover-slide-top] figcaption { top: 0; left: 0; height: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .effeckt-caption[data-effeckt-type=cover-slide-top] img { transition: 500ms; } .effeckt-caption[data-effeckt-type=cover-slide-top]:hover figcaption, .effeckt-caption[data-effeckt-type=cover-slide-top]:active figcaption, .effeckt-caption[data-effeckt-type=cover-slide-top].active figcaption { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .effeckt-caption[data-effeckt-type=quarter-zoom] figcaption { top: 0; left: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); text-align: center; opacity: 0; } .effeckt-caption[data-effeckt-type=quarter-zoom] img { transition: 500ms; } .effeckt-caption[data-effeckt-type=quarter-zoom]:hover figcaption, .effeckt-caption[data-effeckt-type=quarter-zoom]:active figcaption, .effeckt-caption[data-effeckt-type=quarter-zoom].active figcaption { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .effeckt-caption[data-effeckt-type=quarter-zoom]:hover img, .effeckt-caption[data-effeckt-type=quarter-zoom]:active img, .effeckt-caption[data-effeckt-type=quarter-zoom].active img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .effeckt-caption[data-effeckt-type=revolving-door-left] { overflow: visible; } .effeckt-caption[data-effeckt-type=revolving-door-left] figcaption { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: perspective(1300px) rotateY(180deg); transform: perspective(1300px) rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effeckt-caption[data-effeckt-type=revolving-door-left] img { -webkit-transform: perspective(1300px); transform: perspective(1300px); transition: 500ms; } .effeckt-caption[data-effeckt-type=revolving-door-left]:hover figcaption, .effeckt-caption[data-effeckt-type=revolving-door-left]:active figcaption, .effeckt-caption[data-effeckt-type=revolving-door-left].active figcaption { -webkit-transform: perspective(1300px) rotateY(0deg); transform: perspective(1300px) rotateY(0deg); } .effeckt-caption[data-effeckt-type=revolving-door-left]:hover img, .effeckt-caption[data-effeckt-type=revolving-door-left]:active img, .effeckt-caption[data-effeckt-type=revolving-door-left].active img { -webkit-transform: perspective(1300px) rotateY(-180deg); transform: perspective(1300px) rotateY(-180deg); } .effeckt-caption[data-effeckt-type=revolving-door-right] { overflow: visible; } .effeckt-caption[data-effeckt-type=revolving-door-right] figcaption { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: perspective(1300px) rotateY(180deg); transform: perspective(1300px) rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effeckt-caption[data-effeckt-type=revolving-door-right] img { -webkit-transform: perspective(1300px); transform: perspective(1300px); transition: 500ms; } .effeckt-caption[data-effeckt-type=revolving-door-right]:hover figcaption, .effeckt-caption[data-effeckt-type=revolving-door-right]:active figcaption, .effeckt-caption[data-effeckt-type=revolving-door-right].active figcaption { -webkit-transform: perspective(1300px) rotateY(360deg); transform: perspective(1300px) rotateY(360deg); } .effeckt-caption[data-effeckt-type=revolving-door-right]:hover img, .effeckt-caption[data-effeckt-type=revolving-door-right]:active img, .effeckt-caption[data-effeckt-type=revolving-door-right].active img { -webkit-transform: perspective(1300px) rotateY(180deg); transform: perspective(1300px) rotateY(180deg); } .effeckt-caption[data-effeckt-type=revolving-door-top] { overflow: visible; } .effeckt-caption[data-effeckt-type=revolving-door-top] figcaption { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: perspective(1300px) rotateX(180deg); transform: perspective(1300px) rotateX(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effeckt-caption[data-effeckt-type=revolving-door-top] img { -webkit-transform: perspective(1300px); transform: perspective(1300px); transition: 500ms; } .effeckt-caption[data-effeckt-type=revolving-door-top]:hover figcaption, .effeckt-caption[data-effeckt-type=revolving-door-top]:active figcaption, .effeckt-caption[data-effeckt-type=revolving-door-top].active figcaption { -webkit-transform: perspective(1300px) rotateX(360deg); transform: perspective(1300px) rotateX(360deg); } .effeckt-caption[data-effeckt-type=revolving-door-top]:hover img, .effeckt-caption[data-effeckt-type=revolving-door-top]:active img, .effeckt-caption[data-effeckt-type=revolving-door-top].active img { -webkit-transform: perspective(1300px) rotateX(180deg); transform: perspective(1300px) rotateX(180deg); } .effeckt-caption[data-effeckt-type=revolving-door-bottom] { overflow: visible; } .effeckt-caption[data-effeckt-type=revolving-door-bottom] figcaption { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: perspective(1300px) rotateX(180deg); transform: perspective(1300px) rotateX(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effeckt-caption[data-effeckt-type=revolving-door-bottom] img { -webkit-transform: perspective(1300px); transform: perspective(1300px); transition: 500ms; } .effeckt-caption[data-effeckt-type=revolving-door-bottom]:hover figcaption, .effeckt-caption[data-effeckt-type=revolving-door-bottom]:active figcaption, .effeckt-caption[data-effeckt-type=revolving-door-bottom].active figcaption { -webkit-transform: perspective(1300px) rotateX(0deg); transform: perspective(1300px) rotateX(0deg); } .effeckt-caption[data-effeckt-type=revolving-door-bottom]:hover img, .effeckt-caption[data-effeckt-type=revolving-door-bottom]:active img, .effeckt-caption[data-effeckt-type=revolving-door-bottom].active img { -webkit-transform: perspective(1300px) rotateX(-180deg); transform: perspective(1300px) rotateX(-180deg); } .effeckt-caption[data-effeckt-type=offset] { overflow: visible; } .effeckt-caption[data-effeckt-type=offset] figcaption { top: 0; left: 0; text-align: center; opacity: 0; height: 100%; } .effeckt-caption[data-effeckt-type=offset] img { transition: 500ms; } .effeckt-caption[data-effeckt-type=offset]:hover figcaption, .effeckt-caption[data-effeckt-type=offset]:active figcaption, .effeckt-caption[data-effeckt-type=offset].active figcaption { -webkit-transform: translate(15px, 15px); -ms-transform: translate(15px, 15px); transform: translate(15px, 15px); opacity: 1; z-index: 100; overflow: hidden; } .effeckt-caption[data-effeckt-type=guillotine-reverse] { overflow: visible; } .effeckt-caption[data-effeckt-type=guillotine-reverse] figcaption { top: 0; left: 0; text-align: center; height: 100%; } .effeckt-caption[data-effeckt-type=guillotine-reverse] img { display: block; position: relative; z-index: 10; transition: 500ms; } .effeckt-caption[data-effeckt-type=guillotine-reverse]:hover img, .effeckt-caption[data-effeckt-type=guillotine-reverse]:active img, .effeckt-caption[data-effeckt-type=guillotine-reverse].active img { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .effeckt-caption[data-effeckt-type=half-slide] figcaption { top: 0; left: 0; text-align: center; height: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .effeckt-caption[data-effeckt-type=half-slide] img { display: block; position: relative; transition: 500ms; } .effeckt-caption[data-effeckt-type=half-slide]:hover img, .effeckt-caption[data-effeckt-type=half-slide]:active img, .effeckt-caption[data-effeckt-type=half-slide].active img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .effeckt-caption[data-effeckt-type=half-slide]:hover figcaption, .effeckt-caption[data-effeckt-type=half-slide]:active figcaption, .effeckt-caption[data-effeckt-type=half-slide].active figcaption { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .effeckt-caption[data-effeckt-type=tunnel] figcaption { top: 0; left: 0; text-align: center; height: 100%; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .effeckt-caption[data-effeckt-type=tunnel] img { display: block; position: relative; z-index: 10; transition: 500ms; } .effeckt-caption[data-effeckt-type=tunnel]:hover img, .effeckt-caption[data-effeckt-type=tunnel]:active img, .effeckt-caption[data-effeckt-type=tunnel].active img { -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } .effeckt-caption[data-effeckt-type=tunnel]:hover figcaption, .effeckt-caption[data-effeckt-type=tunnel]:active figcaption, .effeckt-caption[data-effeckt-type=tunnel].active figcaption { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*! * Font Awesome Pro 5.5.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: ""; } .fa-abacus:before { content: ""; } .fa-accessible-icon:before { content: ""; } .fa-accusoft:before { content: ""; } .fa-acorn:before { content: ""; } .fa-acquisitions-incorporated:before { content: ""; } .fa-ad:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-card:before { content: ""; } .fa-adjust:before { content: ""; } .fa-adn:before { content: ""; } .fa-adversal:before { content: ""; } .fa-affiliatetheme:before { content: ""; } .fa-air-freshener:before { content: ""; } .fa-alarm-clock:before { content: ""; } .fa-algolia:before { content: ""; } .fa-alicorn:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-right:before { content: ""; } .fa-alipay:before { content: ""; } .fa-allergies:before { content: ""; } .fa-amazon:before { content: ""; } .fa-amazon-pay:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-american-sign-language-interpreting:before { content: ""; } .fa-amilia:before { content: ""; } .fa-analytics:before { content: ""; } .fa-anchor:before { content: ""; } .fa-android:before { content: ""; } .fa-angellist:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angry:before { content: ""; } .fa-angrycreative:before { content: ""; } .fa-angular:before { content: ""; } .fa-ankh:before { content: ""; } .fa-app-store:before { content: ""; } .fa-app-store-ios:before { content: ""; } .fa-apper:before { content: ""; } .fa-apple:before { content: ""; } .fa-apple-alt:before { content: ""; } .fa-apple-crate:before { content: ""; } .fa-apple-pay:before { content: ""; } .fa-archive:before { content: ""; } .fa-archway:before { content: ""; } .fa-arrow-alt-circle-down:before { content: ""; } .fa-arrow-alt-circle-left:before { content: ""; } .fa-arrow-alt-circle-right:before { content: ""; } .fa-arrow-alt-circle-up:before { content: ""; } .fa-arrow-alt-down:before { content: ""; } .fa-arrow-alt-from-bottom:before { content: ""; } .fa-arrow-alt-from-left:before { content: ""; } .fa-arrow-alt-from-right:before { content: ""; } .fa-arrow-alt-from-top:before { content: ""; } .fa-arrow-alt-left:before { content: ""; } .fa-arrow-alt-right:before { content: ""; } .fa-arrow-alt-square-down:before { content: ""; } .fa-arrow-alt-square-left:before { content: ""; } .fa-arrow-alt-square-right:before { content: ""; } .fa-arrow-alt-square-up:before { content: ""; } .fa-arrow-alt-to-bottom:before { content: ""; } .fa-arrow-alt-to-left:before { content: ""; } .fa-arrow-alt-to-right:before { content: ""; } .fa-arrow-alt-to-top:before { content: ""; } .fa-arrow-alt-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-arrow-from-bottom:before { content: ""; } .fa-arrow-from-left:before { content: ""; } .fa-arrow-from-right:before { content: ""; } .fa-arrow-from-top:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-square-down:before { content: ""; } .fa-arrow-square-left:before { content: ""; } .fa-arrow-square-right:before { content: ""; } .fa-arrow-square-up:before { content: ""; } .fa-arrow-to-bottom:before { content: ""; } .fa-arrow-to-left:before { content: ""; } .fa-arrow-to-right:before { content: ""; } .fa-arrow-to-top:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrows:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-arrows-alt-h:before { content: ""; } .fa-arrows-alt-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-asymmetrik:before { content: ""; } .fa-at:before { content: ""; } .fa-atlas:before { content: ""; } .fa-atom:before { content: ""; } .fa-atom-alt:before { content: ""; } .fa-audible:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-autoprefixer:before { content: ""; } .fa-avianex:before { content: ""; } .fa-aviato:before { content: ""; } .fa-award:before { content: ""; } .fa-aws:before { content: ""; } .fa-axe:before { content: ""; } .fa-axe-battle:before { content: ""; } .fa-backpack:before { content: ""; } .fa-backspace:before { content: ""; } .fa-backward:before { content: ""; } .fa-badge:before { content: ""; } .fa-badge-check:before { content: ""; } .fa-badge-dollar:before { content: ""; } .fa-badge-percent:before { content: ""; } .fa-badger-honey:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-balance-scale-left:before { content: ""; } .fa-balance-scale-right:before { content: ""; } .fa-ballot:before { content: ""; } .fa-ballot-check:before { content: ""; } .fa-ban:before { content: ""; } .fa-band-aid:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-barcode:before { content: ""; } .fa-barcode-alt:before { content: ""; } .fa-barcode-read:before { content: ""; } .fa-barcode-scan:before { content: ""; } .fa-bars:before { content: ""; } .fa-baseball:before { content: ""; } .fa-baseball-ball:before { content: ""; } .fa-basketball-ball:before { content: ""; } .fa-basketball-hoop:before { content: ""; } .fa-bat:before { content: ""; } .fa-bath:before { content: ""; } .fa-battery-bolt:before { content: ""; } .fa-battery-empty:before { content: ""; } .fa-battery-full:before { content: ""; } .fa-battery-half:before { content: ""; } .fa-battery-quarter:before { content: ""; } .fa-battery-slash:before { content: ""; } .fa-battery-three-quarters:before { content: ""; } .fa-bed:before { content: ""; } .fa-beer:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-bell:before { content: ""; } .fa-bell-school:before { content: ""; } .fa-bell-school-slash:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bezier-curve:before { content: ""; } .fa-bible:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bimobject:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitcoin:before { content: ""; } .fa-bity:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-blackberry:before { content: ""; } .fa-blanket:before { content: ""; } .fa-blender:before { content: ""; } .fa-blender-phone:before { content: ""; } .fa-blind:before { content: ""; } .fa-blogger:before { content: ""; } .fa-blogger-b:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-bold:before { content: ""; } .fa-bolt:before { content: ""; } .fa-bomb:before { content: ""; } .fa-bone:before { content: ""; } .fa-bone-break:before { content: ""; } .fa-bong:before { content: ""; } .fa-book:before { content: ""; } .fa-book-alt:before { content: ""; } .fa-book-dead:before { content: ""; } .fa-book-heart:before { content: ""; } .fa-book-open:before { content: ""; } .fa-book-reader:before { content: ""; } .fa-book-spells:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-books:before { content: ""; } .fa-booth-curtain:before { content: ""; } .fa-bow-arrow:before { content: ""; } .fa-bowling-ball:before { content: ""; } .fa-bowling-pins:before { content: ""; } .fa-box:before { content: ""; } .fa-box-alt:before { content: ""; } .fa-box-ballot:before { content: ""; } .fa-box-check:before { content: ""; } .fa-box-fragile:before { content: ""; } .fa-box-full:before { content: ""; } .fa-box-heart:before { content: ""; } .fa-box-open:before { content: ""; } .fa-box-up:before { content: ""; } .fa-box-usd:before { content: ""; } .fa-boxes:before { content: ""; } .fa-boxes-alt:before { content: ""; } .fa-boxing-glove:before { content: ""; } .fa-braille:before { content: ""; } .fa-brain:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-briefcase-medical:before { content: ""; } .fa-broadcast-tower:before { content: ""; } .fa-broom:before { content: ""; } .fa-browser:before { content: ""; } .fa-brush:before { content: ""; } .fa-btc:before { content: ""; } .fa-bug:before { content: ""; } .fa-building:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-bullseye-arrow:before { content: ""; } .fa-bullseye-pointer:before { content: ""; } .fa-burn:before { content: ""; } .fa-buromobelexperte:before { content: ""; } .fa-bus:before { content: ""; } .fa-bus-alt:before { content: ""; } .fa-bus-school:before { content: ""; } .fa-business-time:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-cabinet-filing:before { content: ""; } .fa-calculator:before { content: ""; } .fa-calculator-alt:before { content: ""; } .fa-calendar:before { content: ""; } .fa-calendar-alt:before { content: ""; } .fa-calendar-check:before { content: ""; } .fa-calendar-edit:before { content: ""; } .fa-calendar-exclamation:before { content: ""; } .fa-calendar-minus:before { content: ""; } .fa-calendar-plus:before { content: ""; } .fa-calendar-star:before { content: ""; } .fa-calendar-times:before { content: ""; } .fa-camera:before { content: ""; } .fa-camera-alt:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-campfire:before { content: ""; } .fa-campground:before { content: ""; } .fa-candle-holder:before { content: ""; } .fa-candy-corn:before { content: ""; } .fa-cannabis:before { content: ""; } .fa-capsules:before { content: ""; } .fa-car:before { content: ""; } .fa-car-alt:before { content: ""; } .fa-car-battery:before { content: ""; } .fa-car-bump:before { content: ""; } .fa-car-crash:before { content: ""; } .fa-car-garage:before { content: ""; } .fa-car-mechanic:before { content: ""; } .fa-car-side:before { content: ""; } .fa-car-tilt:before { content: ""; } .fa-car-wash:before { content: ""; } .fa-caret-circle-down:before { content: ""; } .fa-caret-circle-left:before { content: ""; } .fa-caret-circle-right:before { content: ""; } .fa-caret-circle-up:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-caret-square-down:before { content: ""; } .fa-caret-square-left:before { content: ""; } .fa-caret-square-right:before { content: ""; } .fa-caret-square-up:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cat:before { content: ""; } .fa-cauldron:before { content: ""; } .fa-cc-amazon-pay:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-apple-pay:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-centercode:before { content: ""; } .fa-certificate:before { content: ""; } .fa-chair:before { content: ""; } .fa-chair-office:before { content: ""; } .fa-chalkboard:before { content: ""; } .fa-chalkboard-teacher:before { content: ""; } .fa-charging-station:before { content: ""; } .fa-chart-area:before { content: ""; } .fa-chart-bar:before { content: ""; } .fa-chart-line:before { content: ""; } .fa-chart-line-down:before { content: ""; } .fa-chart-pie:before { content: ""; } .fa-chart-pie-alt:before { content: ""; } .fa-check:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-check-double:before { content: ""; } .fa-check-square:before { content: ""; } .fa-chess:before { content: ""; } .fa-chess-bishop:before { content: ""; } .fa-chess-bishop-alt:before { content: ""; } .fa-chess-board:before { content: ""; } .fa-chess-clock:before { content: ""; } .fa-chess-clock-alt:before { content: ""; } .fa-chess-king:before { content: ""; } .fa-chess-king-alt:before { content: ""; } .fa-chess-knight:before { content: ""; } .fa-chess-knight-alt:before { content: ""; } .fa-chess-pawn:before { content: ""; } .fa-chess-pawn-alt:before { content: ""; } .fa-chess-queen:before { content: ""; } .fa-chess-queen-alt:before { content: ""; } .fa-chess-rook:before { content: ""; } .fa-chess-rook-alt:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-double-down:before { content: ""; } .fa-chevron-double-left:before { content: ""; } .fa-chevron-double-right:before { content: ""; } .fa-chevron-double-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-chevron-square-down:before { content: ""; } .fa-chevron-square-left:before { content: ""; } .fa-chevron-square-right:before { content: ""; } .fa-chevron-square-up:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-child:before { content: ""; } .fa-chrome:before { content: ""; } .fa-church:before { content: ""; } .fa-circle:before { content: ""; } .fa-circle-notch:before { content: ""; } .fa-city:before { content: ""; } .fa-claw-marks:before { content: ""; } .fa-clipboard:before { content: ""; } .fa-clipboard-check:before { content: ""; } .fa-clipboard-list:before { content: ""; } .fa-clipboard-list-check:before { content: ""; } .fa-clipboard-prescription:before { content: ""; } .fa-clock:before { content: ""; } .fa-clone:before { content: ""; } .fa-closed-captioning:before { content: ""; } .fa-cloud:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-download-alt:before { content: ""; } .fa-cloud-drizzle:before { content: ""; } .fa-cloud-hail:before { content: ""; } .fa-cloud-hail-mixed:before { content: ""; } .fa-cloud-meatball:before { content: ""; } .fa-cloud-moon:before { content: ""; } .fa-cloud-moon-rain:before { content: ""; } .fa-cloud-rain:before { content: ""; } .fa-cloud-rainbow:before { content: ""; } .fa-cloud-showers:before { content: ""; } .fa-cloud-showers-heavy:before { content: ""; } .fa-cloud-sleet:before { content: ""; } .fa-cloud-snow:before { content: ""; } .fa-cloud-sun:before { content: ""; } .fa-cloud-sun-rain:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-cloud-upload-alt:before { content: ""; } .fa-clouds:before { content: ""; } .fa-clouds-moon:before { content: ""; } .fa-clouds-sun:before { content: ""; } .fa-cloudscale:before { content: ""; } .fa-cloudsmith:before { content: ""; } .fa-cloudversify:before { content: ""; } .fa-club:before { content: ""; } .fa-cocktail:before { content: ""; } .fa-code:before { content: ""; } .fa-code-branch:before { content: ""; } .fa-code-commit:before { content: ""; } .fa-code-merge:before { content: ""; } .fa-codepen:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-coffee:before { content: ""; } .fa-coffee-togo:before { content: ""; } .fa-coffin:before { content: ""; } .fa-cog:before { content: ""; } .fa-cogs:before { content: ""; } .fa-coins:before { content: ""; } .fa-columns:before { content: ""; } .fa-comment:before { content: ""; } .fa-comment-alt:before { content: ""; } .fa-comment-alt-check:before { content: ""; } .fa-comment-alt-dollar:before { content: ""; } .fa-comment-alt-dots:before { content: ""; } .fa-comment-alt-edit:before { content: ""; } .fa-comment-alt-exclamation:before { content: ""; } .fa-comment-alt-lines:before { content: ""; } .fa-comment-alt-minus:before { content: ""; } .fa-comment-alt-plus:before { content: ""; } .fa-comment-alt-slash:before { content: ""; } .fa-comment-alt-smile:before { content: ""; } .fa-comment-alt-times:before { content: ""; } .fa-comment-check:before { content: ""; } .fa-comment-dollar:before { content: ""; } .fa-comment-dots:before { content: ""; } .fa-comment-edit:before { content: ""; } .fa-comment-exclamation:before { content: ""; } .fa-comment-lines:before { content: ""; } .fa-comment-minus:before { content: ""; } .fa-comment-plus:before { content: ""; } .fa-comment-slash:before { content: ""; } .fa-comment-smile:before { content: ""; } .fa-comment-times:before { content: ""; } .fa-comments:before { content: ""; } .fa-comments-alt:before { content: ""; } .fa-comments-alt-dollar:before { content: ""; } .fa-comments-dollar:before { content: ""; } .fa-compact-disc:before { content: ""; } .fa-compass:before { content: ""; } .fa-compass-slash:before { content: ""; } .fa-compress:before { content: ""; } .fa-compress-alt:before { content: ""; } .fa-compress-wide:before { content: ""; } .fa-concierge-bell:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-container-storage:before { content: ""; } .fa-contao:before { content: ""; } .fa-conveyor-belt:before { content: ""; } .fa-conveyor-belt-alt:before { content: ""; } .fa-cookie:before { content: ""; } .fa-cookie-bite:before { content: ""; } .fa-copy:before { content: ""; } .fa-copyright:before { content: ""; } .fa-corn:before { content: ""; } .fa-couch:before { content: ""; } .fa-cow:before { content: ""; } .fa-cpanel:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-creative-commons-by:before { content: ""; } .fa-creative-commons-nc:before { content: ""; } .fa-creative-commons-nc-eu:before { content: ""; } .fa-creative-commons-nc-jp:before { content: ""; } .fa-creative-commons-nd:before { content: ""; } .fa-creative-commons-pd:before { content: ""; } .fa-creative-commons-pd-alt:before { content: ""; } .fa-creative-commons-remix:before { content: ""; } .fa-creative-commons-sa:before { content: ""; } .fa-creative-commons-sampling:before { content: ""; } .fa-creative-commons-sampling-plus:before { content: ""; } .fa-creative-commons-share:before { content: ""; } .fa-creative-commons-zero:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-credit-card-blank:before { content: ""; } .fa-credit-card-front:before { content: ""; } .fa-cricket:before { content: ""; } .fa-critical-role:before { content: ""; } .fa-crop:before { content: ""; } .fa-crop-alt:before { content: ""; } .fa-cross:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-crow:before { content: ""; } .fa-crown:before { content: ""; } .fa-css3:before { content: ""; } .fa-css3-alt:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-curling:before { content: ""; } .fa-cut:before { content: ""; } .fa-cuttlefish:before { content: ""; } .fa-d-and-d:before { content: ""; } .fa-d-and-d-beyond:before { content: ""; } .fa-dagger:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-database:before { content: ""; } .fa-deaf:before { content: ""; } .fa-delicious:before { content: ""; } .fa-democrat:before { content: ""; } .fa-deploydog:before { content: ""; } .fa-deskpro:before { content: ""; } .fa-desktop:before { content: ""; } .fa-desktop-alt:before { content: ""; } .fa-dev:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-dewpoint:before { content: ""; } .fa-dharmachakra:before { content: ""; } .fa-diagnoses:before { content: ""; } .fa-diamond:before { content: ""; } .fa-dice:before { content: ""; } .fa-dice-d10:before { content: ""; } .fa-dice-d12:before { content: ""; } .fa-dice-d20:before { content: ""; } .fa-dice-d4:before { content: ""; } .fa-dice-d6:before { content: ""; } .fa-dice-d8:before { content: ""; } .fa-dice-five:before { content: ""; } .fa-dice-four:before { content: ""; } .fa-dice-one:before { content: ""; } .fa-dice-six:before { content: ""; } .fa-dice-three:before { content: ""; } .fa-dice-two:before { content: ""; } .fa-digg:before { content: ""; } .fa-digital-ocean:before { content: ""; } .fa-digital-tachograph:before { content: ""; } .fa-diploma:before { content: ""; } .fa-directions:before { content: ""; } .fa-discord:before { content: ""; } .fa-discourse:before { content: ""; } .fa-divide:before { content: ""; } .fa-dizzy:before { content: ""; } .fa-dna:before { content: ""; } .fa-do-not-enter:before { content: ""; } .fa-dochub:before { content: ""; } .fa-docker:before { content: ""; } .fa-dog:before { content: ""; } .fa-dog-leashed:before { content: ""; } .fa-dollar-sign:before { content: ""; } .fa-dolly:before { content: ""; } .fa-dolly-empty:before { content: ""; } .fa-dolly-flatbed:before { content: ""; } .fa-dolly-flatbed-alt:before { content: ""; } .fa-dolly-flatbed-empty:before { content: ""; } .fa-donate:before { content: ""; } .fa-door-closed:before { content: ""; } .fa-door-open:before { content: ""; } .fa-dot-circle:before { content: ""; } .fa-dove:before { content: ""; } .fa-download:before { content: ""; } .fa-draft2digital:before { content: ""; } .fa-drafting-compass:before { content: ""; } .fa-dragon:before { content: ""; } .fa-draw-circle:before { content: ""; } .fa-draw-polygon:before { content: ""; } .fa-draw-square:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-dribbble-square:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-drum:before { content: ""; } .fa-drum-steelpan:before { content: ""; } .fa-drumstick:before { content: ""; } .fa-drumstick-bite:before { content: ""; } .fa-drupal:before { content: ""; } .fa-duck:before { content: ""; } .fa-dumbbell:before { content: ""; } .fa-dungeon:before { content: ""; } .fa-dyalog:before { content: ""; } .fa-ear:before { content: ""; } .fa-earlybirds:before { content: ""; } .fa-ebay:before { content: ""; } .fa-eclipse:before { content: ""; } .fa-eclipse-alt:before { content: ""; } .fa-edge:before { content: ""; } .fa-edit:before { content: ""; } .fa-eject:before { content: ""; } .fa-elementor:before { content: ""; } .fa-elephant:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-h-alt:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-ellipsis-v-alt:before { content: ""; } .fa-ello:before { content: ""; } .fa-ember:before { content: ""; } .fa-empire:before { content: ""; } .fa-empty-set:before { content: ""; } .fa-engine-warning:before { content: ""; } .fa-envelope:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-dollar:before { content: ""; } .fa-envelope-open-text:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-envira:before { content: ""; } .fa-equals:before { content: ""; } .fa-eraser:before { content: ""; } .fa-erlang:before { content: ""; } .fa-ethereum:before { content: ""; } .fa-etsy:before { content: ""; } .fa-euro-sign:before { content: ""; } .fa-exchange:before { content: ""; } .fa-exchange-alt:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-exclamation-square:before { content: ""; } .fa-exclamation-triangle:before { content: ""; } .fa-expand:before { content: ""; } .fa-expand-alt:before { content: ""; } .fa-expand-arrows:before { content: ""; } .fa-expand-arrows-alt:before { content: ""; } .fa-expand-wide:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-external-link:before { content: ""; } .fa-external-link-alt:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-external-link-square-alt:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-dropper:before { content: ""; } .fa-eye-evil:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-facebook:before { content: ""; } .fa-facebook-f:before { content: ""; } .fa-facebook-messenger:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-fantasy-flight-games:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-fax:before { content: ""; } .fa-feather:before { content: ""; } .fa-feather-alt:before { content: ""; } .fa-female:before { content: ""; } .fa-field-hockey:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-file:before { content: ""; } .fa-file-alt:before { content: ""; } .fa-file-archive:before { content: ""; } .fa-file-audio:before { content: ""; } .fa-file-certificate:before { content: ""; } .fa-file-chart-line:before { content: ""; } .fa-file-chart-pie:before { content: ""; } .fa-file-check:before { content: ""; } .fa-file-code:before { content: ""; } .fa-file-contract:before { content: ""; } .fa-file-csv:before { content: ""; } .fa-file-download:before { content: ""; } .fa-file-edit:before { content: ""; } .fa-file-excel:before { content: ""; } .fa-file-exclamation:before { content: ""; } .fa-file-export:before { content: ""; } .fa-file-image:before { content: ""; } .fa-file-import:before { content: ""; } .fa-file-invoice:before { content: ""; } .fa-file-invoice-dollar:before { content: ""; } .fa-file-medical:before { content: ""; } .fa-file-medical-alt:before { content: ""; } .fa-file-minus:before { content: ""; } .fa-file-pdf:before { content: ""; } .fa-file-plus:before { content: ""; } .fa-file-powerpoint:before { content: ""; } .fa-file-prescription:before { content: ""; } .fa-file-signature:before { content: ""; } .fa-file-spreadsheet:before { content: ""; } .fa-file-times:before { content: ""; } .fa-file-upload:before { content: ""; } .fa-file-user:before { content: ""; } .fa-file-video:before { content: ""; } .fa-file-word:before { content: ""; } .fa-fill:before { content: ""; } .fa-fill-drip:before { content: ""; } .fa-film:before { content: ""; } .fa-film-alt:before { content: ""; } .fa-filter:before { content: ""; } .fa-fingerprint:before { content: ""; } .fa-fire:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-fire-smoke:before { content: ""; } .fa-firefox:before { content: ""; } .fa-first-aid:before { content: ""; } .fa-first-order:before { content: ""; } .fa-first-order-alt:before { content: ""; } .fa-firstdraft:before { content: ""; } .fa-fish:before { content: ""; } .fa-fist-raised:before { content: ""; } .fa-flag:before { content: ""; } .fa-flag-alt:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-flag-usa:before { content: ""; } .fa-flame:before { content: ""; } .fa-flask:before { content: ""; } .fa-flask-poison:before { content: ""; } .fa-flask-potion:before { content: ""; } .fa-flickr:before { content: ""; } .fa-flipboard:before { content: ""; } .fa-flushed:before { content: ""; } .fa-fly:before { content: ""; } .fa-fog:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-minus:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-folder-plus:before { content: ""; } .fa-folder-times:before { content: ""; } .fa-folders:before { content: ""; } .fa-font:before { content: ""; } .fa-font-awesome:before { content: ""; } .fa-font-awesome-alt:before { content: ""; } .fa-font-awesome-flag:before { content: ""; } .fa-font-awesome-logo-full:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-fonticons-fi:before { content: ""; } .fa-football-ball:before { content: ""; } .fa-football-helmet:before { content: ""; } .fa-forklift:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-fort-awesome-alt:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-forward:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-fragile:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-freebsd:before { content: ""; } .fa-frog:before { content: ""; } .fa-frown:before { content: ""; } .fa-frown-open:before { content: ""; } .fa-fulcrum:before { content: ""; } .fa-function:before { content: ""; } .fa-funnel-dollar:before { content: ""; } .fa-futbol:before { content: ""; } .fa-galactic-republic:before { content: ""; } .fa-galactic-senate:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-gas-pump:before { content: ""; } .fa-gas-pump-slash:before { content: ""; } .fa-gavel:before { content: ""; } .fa-gem:before { content: ""; } .fa-genderless:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-ghost:before { content: ""; } .fa-gift:before { content: ""; } .fa-gift-card:before { content: ""; } .fa-git:before { content: ""; } .fa-git-square:before { content: ""; } .fa-github:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-github-square:before { content: ""; } .fa-gitkraken:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-gitter:before { content: ""; } .fa-glass-martini:before { content: ""; } .fa-glass-martini-alt:before { content: ""; } .fa-glasses:before { content: ""; } .fa-glasses-alt:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-globe:before { content: ""; } .fa-globe-africa:before { content: ""; } .fa-globe-americas:before { content: ""; } .fa-globe-asia:before { content: ""; } .fa-globe-stand:before { content: ""; } .fa-gofore:before { content: ""; } .fa-golf-ball:before { content: ""; } .fa-golf-club:before { content: ""; } .fa-goodreads:before { content: ""; } .fa-goodreads-g:before { content: ""; } .fa-google:before { content: ""; } .fa-google-drive:before { content: ""; } .fa-google-play:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-google-plus-g:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-gopuram:before { content: ""; } .fa-graduation-cap:before { content: ""; } .fa-gratipay:before { content: ""; } .fa-grav:before { content: ""; } .fa-greater-than:before { content: ""; } .fa-greater-than-equal:before { content: ""; } .fa-grimace:before { content: ""; } .fa-grin:before { content: ""; } .fa-grin-alt:before { content: ""; } .fa-grin-beam:before { content: ""; } .fa-grin-beam-sweat:before { content: ""; } .fa-grin-hearts:before { content: ""; } .fa-grin-squint:before { content: ""; } .fa-grin-squint-tears:before { content: ""; } .fa-grin-stars:before { content: ""; } .fa-grin-tears:before { content: ""; } .fa-grin-tongue:before { content: ""; } .fa-grin-tongue-squint:before { content: ""; } .fa-grin-tongue-wink:before { content: ""; } .fa-grin-wink:before { content: ""; } .fa-grip-horizontal:before { content: ""; } .fa-grip-vertical:before { content: ""; } .fa-gripfire:before { content: ""; } .fa-grunt:before { content: ""; } .fa-gulp:before { content: ""; } .fa-h-square:before { content: ""; } .fa-h1:before { content: ""; } .fa-h2:before { content: ""; } .fa-h3:before { content: ""; } .fa-hacker-news:before { content: ""; } .fa-hacker-news-square:before { content: ""; } .fa-hackerrank:before { content: ""; } .fa-hammer:before { content: ""; } .fa-hammer-war:before { content: ""; } .fa-hamsa:before { content: ""; } .fa-hand-heart:before { content: ""; } .fa-hand-holding:before { content: ""; } .fa-hand-holding-box:before { content: ""; } .fa-hand-holding-heart:before { content: ""; } .fa-hand-holding-magic:before { content: ""; } .fa-hand-holding-seedling:before { content: ""; } .fa-hand-holding-usd:before { content: ""; } .fa-hand-holding-water:before { content: ""; } .fa-hand-lizard:before { content: ""; } .fa-hand-paper:before { content: ""; } .fa-hand-peace:before { content: ""; } .fa-hand-point-down:before { content: ""; } .fa-hand-point-left:before { content: ""; } .fa-hand-point-right:before { content: ""; } .fa-hand-point-up:before { content: ""; } .fa-hand-pointer:before { content: ""; } .fa-hand-receiving:before { content: ""; } .fa-hand-rock:before { content: ""; } .fa-hand-scissors:before { content: ""; } .fa-hand-spock:before { content: ""; } .fa-hands:before { content: ""; } .fa-hands-heart:before { content: ""; } .fa-hands-helping:before { content: ""; } .fa-hands-usd:before { content: ""; } .fa-handshake:before { content: ""; } .fa-handshake-alt:before { content: ""; } .fa-hanukiah:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-hat-witch:before { content: ""; } .fa-hat-wizard:before { content: ""; } .fa-haykal:before { content: ""; } .fa-hdd:before { content: ""; } .fa-head-side:before { content: ""; } .fa-head-vr:before { content: ""; } .fa-heading:before { content: ""; } .fa-headphones:before { content: ""; } .fa-headphones-alt:before { content: ""; } .fa-headset:before { content: ""; } .fa-heart:before { content: ""; } .fa-heart-circle:before { content: ""; } .fa-heart-rate:before { content: ""; } .fa-heart-square:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-helicopter:before { content: ""; } .fa-helmet-battle:before { content: ""; } .fa-hexagon:before { content: ""; } .fa-highlighter:before { content: ""; } .fa-hiking:before { content: ""; } .fa-hippo:before { content: ""; } .fa-hips:before { content: ""; } .fa-hire-a-helper:before { content: ""; } .fa-history:before { content: ""; } .fa-hockey-mask:before { content: ""; } .fa-hockey-puck:before { content: ""; } .fa-hockey-sticks:before { content: ""; } .fa-home:before { content: ""; } .fa-home-heart:before { content: ""; } .fa-hood-cloak:before { content: ""; } .fa-hooli:before { content: ""; } .fa-hornbill:before { content: ""; } .fa-horse:before { content: ""; } .fa-hospital:before { content: ""; } .fa-hospital-alt:before { content: ""; } .fa-hospital-symbol:before { content: ""; } .fa-hot-tub:before { content: ""; } .fa-hotel:before { content: ""; } .fa-hotjar:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hourglass-end:before { content: ""; } .fa-hourglass-half:before { content: ""; } .fa-hourglass-start:before { content: ""; } .fa-house-damage:before { content: ""; } .fa-house-flood:before { content: ""; } .fa-houzz:before { content: ""; } .fa-hryvnia:before { content: ""; } .fa-html5:before { content: ""; } .fa-hubspot:before { content: ""; } .fa-humidity:before { content: ""; } .fa-hurricane:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-id-card:before { content: ""; } .fa-id-card-alt:before { content: ""; } .fa-image:before { content: ""; } .fa-images:before { content: ""; } .fa-imdb:before { content: ""; } .fa-inbox:before { content: ""; } .fa-inbox-in:before { content: ""; } .fa-inbox-out:before { content: ""; } .fa-indent:before { content: ""; } .fa-industry:before { content: ""; } .fa-industry-alt:before { content: ""; } .fa-infinity:before { content: ""; } .fa-info:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-info-square:before { content: ""; } .fa-inhaler:before { content: ""; } .fa-instagram:before { content: ""; } .fa-integral:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-intersection:before { content: ""; } .fa-inventory:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-italic:before { content: ""; } .fa-itunes:before { content: ""; } .fa-itunes-note:before { content: ""; } .fa-jack-o-lantern:before { content: ""; } .fa-java:before { content: ""; } .fa-jedi:before { content: ""; } .fa-jedi-order:before { content: ""; } .fa-jenkins:before { content: ""; } .fa-joget:before { content: ""; } .fa-joint:before { content: ""; } .fa-joomla:before { content: ""; } .fa-journal-whills:before { content: ""; } .fa-js:before { content: ""; } .fa-js-square:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-kaaba:before { content: ""; } .fa-kaggle:before { content: ""; } .fa-key:before { content: ""; } .fa-key-skeleton:before { content: ""; } .fa-keybase:before { content: ""; } .fa-keyboard:before { content: ""; } .fa-keycdn:before { content: ""; } .fa-keynote:before { content: ""; } .fa-khanda:before { content: ""; } .fa-kickstarter:before { content: ""; } .fa-kickstarter-k:before { content: ""; } .fa-kidneys:before { content: ""; } .fa-kiss:before { content: ""; } .fa-kiss-beam:before { content: ""; } .fa-kiss-wink-heart:before { content: ""; } .fa-kite:before { content: ""; } .fa-kiwi-bird:before { content: ""; } .fa-knife-kitchen:before { content: ""; } .fa-korvue:before { content: ""; } .fa-lambda:before { content: ""; } .fa-lamp:before { content: ""; } .fa-landmark:before { content: ""; } .fa-landmark-alt:before { content: ""; } .fa-language:before { content: ""; } .fa-laptop:before { content: ""; } .fa-laptop-code:before { content: ""; } .fa-laravel:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-laugh:before { content: ""; } .fa-laugh-beam:before { content: ""; } .fa-laugh-squint:before { content: ""; } .fa-laugh-wink:before { content: ""; } .fa-layer-group:before { content: ""; } .fa-layer-minus:before { content: ""; } .fa-layer-plus:before { content: ""; } .fa-leaf:before { content: ""; } .fa-leaf-heart:before { content: ""; } .fa-leaf-maple:before { content: ""; } .fa-leaf-oak:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-lemon:before { content: ""; } .fa-less:before { content: ""; } .fa-less-than:before { content: ""; } .fa-less-than-equal:before { content: ""; } .fa-level-down:before { content: ""; } .fa-level-down-alt:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-up-alt:before { content: ""; } .fa-life-ring:before { content: ""; } .fa-lightbulb:before { content: ""; } .fa-lightbulb-dollar:before { content: ""; } .fa-lightbulb-exclamation:before { content: ""; } .fa-lightbulb-on:before { content: ""; } .fa-lightbulb-slash:before { content: ""; } .fa-line:before { content: ""; } .fa-link:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-linkedin-in:before { content: ""; } .fa-linode:before { content: ""; } .fa-linux:before { content: ""; } .fa-lips:before { content: ""; } .fa-lira-sign:before { content: ""; } .fa-list:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-location:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-location-circle:before { content: ""; } .fa-location-slash:before { content: ""; } .fa-lock:before { content: ""; } .fa-lock-alt:before { content: ""; } .fa-lock-open:before { content: ""; } .fa-lock-open-alt:before { content: ""; } .fa-long-arrow-alt-down:before { content: ""; } .fa-long-arrow-alt-left:before { content: ""; } .fa-long-arrow-alt-right:before { content: ""; } .fa-long-arrow-alt-up:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-loveseat:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-luchador:before { content: ""; } .fa-luggage-cart:before { content: ""; } .fa-lungs:before { content: ""; } .fa-lyft:before { content: ""; } .fa-mace:before { content: ""; } .fa-magento:before { content: ""; } .fa-magic:before { content: ""; } .fa-magnet:before { content: ""; } .fa-mail-bulk:before { content: ""; } .fa-mailchimp:before { content: ""; } .fa-male:before { content: ""; } .fa-mandalorian:before { content: ""; } .fa-mandolin:before { content: ""; } .fa-map:before { content: ""; } .fa-map-marked:before { content: ""; } .fa-map-marked-alt:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-map-marker-alt:before { content: ""; } .fa-map-marker-alt-slash:before { content: ""; } .fa-map-marker-check:before { content: ""; } .fa-map-marker-edit:before { content: ""; } .fa-map-marker-exclamation:before { content: ""; } .fa-map-marker-minus:before { content: ""; } .fa-map-marker-plus:before { content: ""; } .fa-map-marker-question:before { content: ""; } .fa-map-marker-slash:before { content: ""; } .fa-map-marker-smile:before { content: ""; } .fa-map-marker-times:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-markdown:before { content: ""; } .fa-marker:before { content: ""; } .fa-mars:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mask:before { content: ""; } .fa-mastodon:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-medal:before { content: ""; } .fa-medapps:before { content: ""; } .fa-medium:before { content: ""; } .fa-medium-m:before { content: ""; } .fa-medkit:before { content: ""; } .fa-medrt:before { content: ""; } .fa-meetup:before { content: ""; } .fa-megaphone:before { content: ""; } .fa-megaport:before { content: ""; } .fa-meh:before { content: ""; } .fa-meh-blank:before { content: ""; } .fa-meh-rolling-eyes:before { content: ""; } .fa-memory:before { content: ""; } .fa-menorah:before { content: ""; } .fa-mercury:before { content: ""; } .fa-meteor:before { content: ""; } .fa-microchip:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-alt:before { content: ""; } .fa-microphone-alt-slash:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-microscope:before { content: ""; } .fa-microsoft:before { content: ""; } .fa-mind-share:before { content: ""; } .fa-minus:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-minus-hexagon:before { content: ""; } .fa-minus-octagon:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-mix:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-mizuni:before { content: ""; } .fa-mobile:before { content: ""; } .fa-mobile-alt:before { content: ""; } .fa-mobile-android:before { content: ""; } .fa-mobile-android-alt:before { content: ""; } .fa-modx:before { content: ""; } .fa-monero:before { content: ""; } .fa-money-bill:before { content: ""; } .fa-money-bill-alt:before { content: ""; } .fa-money-bill-wave:before { content: ""; } .fa-money-bill-wave-alt:before { content: ""; } .fa-money-check:before { content: ""; } .fa-money-check-alt:before { content: ""; } .fa-monitor-heart-rate:before { content: ""; } .fa-monkey:before { content: ""; } .fa-monument:before { content: ""; } .fa-moon:before { content: ""; } .fa-moon-cloud:before { content: ""; } .fa-moon-stars:before { content: ""; } .fa-mortar-pestle:before { content: ""; } .fa-mosque:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-mountain:before { content: ""; } .fa-mountains:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-music:before { content: ""; } .fa-napster:before { content: ""; } .fa-narwhal:before { content: ""; } .fa-neos:before { content: ""; } .fa-network-wired:before { content: ""; } .fa-neuter:before { content: ""; } .fa-newspaper:before { content: ""; } .fa-nimblr:before { content: ""; } .fa-nintendo-switch:before { content: ""; } .fa-node:before { content: ""; } .fa-node-js:before { content: ""; } .fa-not-equal:before { content: ""; } .fa-notes-medical:before { content: ""; } .fa-npm:before { content: ""; } .fa-ns8:before { content: ""; } .fa-nutritionix:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-octagon:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-oil-can:before { content: ""; } .fa-oil-temp:before { content: ""; } .fa-old-republic:before { content: ""; } .fa-om:before { content: ""; } .fa-omega:before { content: ""; } .fa-opencart:before { content: ""; } .fa-openid:before { content: ""; } .fa-opera:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-osi:before { content: ""; } .fa-otter:before { content: ""; } .fa-outdent:before { content: ""; } .fa-page4:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-paint-brush-alt:before { content: ""; } .fa-paint-roller:before { content: ""; } .fa-palette:before { content: ""; } .fa-palfed:before { content: ""; } .fa-pallet:before { content: ""; } .fa-pallet-alt:before { content: ""; } .fa-paper-plane:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-parachute-box:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-parking:before { content: ""; } .fa-parking-circle:before { content: ""; } .fa-parking-circle-slash:before { content: ""; } .fa-parking-slash:before { content: ""; } .fa-passport:before { content: ""; } .fa-pastafarianism:before { content: ""; } .fa-paste:before { content: ""; } .fa-patreon:before { content: ""; } .fa-pause:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-paw:before { content: ""; } .fa-paw-alt:before { content: ""; } .fa-paw-claws:before { content: ""; } .fa-paypal:before { content: ""; } .fa-peace:before { content: ""; } .fa-pegasus:before { content: ""; } .fa-pen:before { content: ""; } .fa-pen-alt:before { content: ""; } .fa-pen-fancy:before { content: ""; } .fa-pen-nib:before { content: ""; } .fa-pen-square:before { content: ""; } .fa-pencil:before { content: ""; } .fa-pencil-alt:before { content: ""; } .fa-pencil-paintbrush:before { content: ""; } .fa-pencil-ruler:before { content: ""; } .fa-pennant:before { content: ""; } .fa-penny-arcade:before { content: ""; } .fa-people-carry:before { content: ""; } .fa-percent:before { content: ""; } .fa-percentage:before { content: ""; } .fa-periscope:before { content: ""; } .fa-person-booth:before { content: ""; } .fa-person-carry:before { content: ""; } .fa-person-dolly:before { content: ""; } .fa-person-dolly-empty:before { content: ""; } .fa-person-sign:before { content: ""; } .fa-phabricator:before { content: ""; } .fa-phoenix-framework:before { content: ""; } .fa-phoenix-squadron:before { content: ""; } .fa-phone:before { content: ""; } .fa-phone-office:before { content: ""; } .fa-phone-plus:before { content: ""; } .fa-phone-slash:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-phone-volume:before { content: ""; } .fa-php:before { content: ""; } .fa-pi:before { content: ""; } .fa-pie:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-pied-piper-hat:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pig:before { content: ""; } .fa-piggy-bank:before { content: ""; } .fa-pills:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-place-of-worship:before { content: ""; } .fa-plane:before { content: ""; } .fa-plane-alt:before { content: ""; } .fa-plane-arrival:before { content: ""; } .fa-plane-departure:before { content: ""; } .fa-play:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-playstation:before { content: ""; } .fa-plug:before { content: ""; } .fa-plus:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-plus-hexagon:before { content: ""; } .fa-plus-octagon:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-podcast:before { content: ""; } .fa-podium:before { content: ""; } .fa-podium-star:before { content: ""; } .fa-poll:before { content: ""; } .fa-poll-h:before { content: ""; } .fa-poll-people:before { content: ""; } .fa-poo:before { content: ""; } .fa-poo-storm:before { content: ""; } .fa-poop:before { content: ""; } .fa-portrait:before { content: ""; } .fa-pound-sign:before { content: ""; } .fa-power-off:before { content: ""; } .fa-pray:before { content: ""; } .fa-praying-hands:before { content: ""; } .fa-prescription:before { content: ""; } .fa-prescription-bottle:before { content: ""; } .fa-prescription-bottle-alt:before { content: ""; } .fa-presentation:before { content: ""; } .fa-print:before { content: ""; } .fa-print-slash:before { content: ""; } .fa-procedures:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-project-diagram:before { content: ""; } .fa-pumpkin:before { content: ""; } .fa-pushed:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-python:before { content: ""; } .fa-qq:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-question:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-question-square:before { content: ""; } .fa-quidditch:before { content: ""; } .fa-quinscape:before { content: ""; } .fa-quora:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-quran:before { content: ""; } .fa-r-project:before { content: ""; } .fa-rabbit:before { content: ""; } .fa-rabbit-fast:before { content: ""; } .fa-racquet:before { content: ""; } .fa-rainbow:before { content: ""; } .fa-raindrops:before { content: ""; } .fa-ram:before { content: ""; } .fa-ramp-loading:before { content: ""; } .fa-random:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-react:before { content: ""; } .fa-reacteurope:before { content: ""; } .fa-readme:before { content: ""; } .fa-rebel:before { content: ""; } .fa-receipt:before { content: ""; } .fa-rectangle-landscape:before { content: ""; } .fa-rectangle-portrait:before { content: ""; } .fa-rectangle-wide:before { content: ""; } .fa-recycle:before { content: ""; } .fa-red-river:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-redo:before { content: ""; } .fa-redo-alt:before { content: ""; } .fa-registered:before { content: ""; } .fa-renren:before { content: ""; } .fa-repeat:before { content: ""; } .fa-repeat-1:before { content: ""; } .fa-repeat-1-alt:before { content: ""; } .fa-repeat-alt:before { content: ""; } .fa-reply:before { content: ""; } .fa-reply-all:before { content: ""; } .fa-replyd:before { content: ""; } .fa-republican:before { content: ""; } .fa-researchgate:before { content: ""; } .fa-resolving:before { content: ""; } .fa-retweet:before { content: ""; } .fa-retweet-alt:before { content: ""; } .fa-rev:before { content: ""; } .fa-ribbon:before { content: ""; } .fa-ring:before { content: ""; } .fa-road:before { content: ""; } .fa-robot:before { content: ""; } .fa-rocket:before { content: ""; } .fa-rocketchat:before { content: ""; } .fa-rockrms:before { content: ""; } .fa-route:before { content: ""; } .fa-route-highway:before { content: ""; } .fa-route-interstate:before { content: ""; } .fa-rss:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-ruble-sign:before { content: ""; } .fa-ruler:before { content: ""; } .fa-ruler-combined:before { content: ""; } .fa-ruler-horizontal:before { content: ""; } .fa-ruler-triangle:before { content: ""; } .fa-ruler-vertical:before { content: ""; } .fa-running:before { content: ""; } .fa-rupee-sign:before { content: ""; } .fa-sad-cry:before { content: ""; } .fa-sad-tear:before { content: ""; } .fa-safari:before { content: ""; } .fa-sass:before { content: ""; } .fa-save:before { content: ""; } .fa-scalpel:before { content: ""; } .fa-scalpel-path:before { content: ""; } .fa-scanner:before { content: ""; } .fa-scanner-keyboard:before { content: ""; } .fa-scanner-touchscreen:before { content: ""; } .fa-scarecrow:before { content: ""; } .fa-schlix:before { content: ""; } .fa-school:before { content: ""; } .fa-screwdriver:before { content: ""; } .fa-scribd:before { content: ""; } .fa-scroll:before { content: ""; } .fa-scroll-old:before { content: ""; } .fa-scrubber:before { content: ""; } .fa-scythe:before { content: ""; } .fa-search:before { content: ""; } .fa-search-dollar:before { content: ""; } .fa-search-location:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-searchengin:before { content: ""; } .fa-seedling:before { content: ""; } .fa-sellcast:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-server:before { content: ""; } .fa-servicestack:before { content: ""; } .fa-shapes:before { content: ""; } .fa-share:before { content: ""; } .fa-share-all:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-sheep:before { content: ""; } .fa-shekel-sign:before { content: ""; } .fa-shield:before { content: ""; } .fa-shield-alt:before { content: ""; } .fa-shield-check:before { content: ""; } .fa-shield-cross:before { content: ""; } .fa-ship:before { content: ""; } .fa-shipping-fast:before { content: ""; } .fa-shipping-timed:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-shoe-prints:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-shopware:before { content: ""; } .fa-shovel:before { content: ""; } .fa-shower:before { content: ""; } .fa-shredder:before { content: ""; } .fa-shuttle-van:before { content: ""; } .fa-shuttlecock:before { content: ""; } .fa-sigma:before { content: ""; } .fa-sign:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-sign-in-alt:before { content: ""; } .fa-sign-language:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-sign-out-alt:before { content: ""; } .fa-signal:before { content: ""; } .fa-signal-1:before { content: ""; } .fa-signal-2:before { content: ""; } .fa-signal-3:before { content: ""; } .fa-signal-4:before { content: ""; } .fa-signal-alt:before { content: ""; } .fa-signal-alt-1:before { content: ""; } .fa-signal-alt-2:before { content: ""; } .fa-signal-alt-3:before { content: ""; } .fa-signal-alt-slash:before { content: ""; } .fa-signal-slash:before { content: ""; } .fa-signature:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-sistrix:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-sith:before { content: ""; } .fa-skeleton:before { content: ""; } .fa-skull:before { content: ""; } .fa-skull-crossbones:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-skype:before { content: ""; } .fa-slack:before { content: ""; } .fa-slack-hash:before { content: ""; } .fa-slash:before { content: ""; } .fa-sliders-h:before { content: ""; } .fa-sliders-h-square:before { content: ""; } .fa-sliders-v:before { content: ""; } .fa-sliders-v-square:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-smile:before { content: ""; } .fa-smile-beam:before { content: ""; } .fa-smile-plus:before { content: ""; } .fa-smile-wink:before { content: ""; } .fa-smog:before { content: ""; } .fa-smoke:before { content: ""; } .fa-smoking:before { content: ""; } .fa-smoking-ban:before { content: ""; } .fa-snake:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-snow-blowing:before { content: ""; } .fa-snowflake:before { content: ""; } .fa-socks:before { content: ""; } .fa-solar-panel:before { content: ""; } .fa-sort:before { content: ""; } .fa-sort-alpha-down:before { content: ""; } .fa-sort-alpha-up:before { content: ""; } .fa-sort-amount-down:before { content: ""; } .fa-sort-amount-up:before { content: ""; } .fa-sort-down:before { content: ""; } .fa-sort-numeric-down:before { content: ""; } .fa-sort-numeric-up:before { content: ""; } .fa-sort-up:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-spa:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-spade:before { content: ""; } .fa-speakap:before { content: ""; } .fa-spider:before { content: ""; } .fa-spider-black-widow:before { content: ""; } .fa-spider-web:before { content: ""; } .fa-spinner:before { content: ""; } .fa-spinner-third:before { content: ""; } .fa-splotch:before { content: ""; } .fa-spotify:before { content: ""; } .fa-spray-can:before { content: ""; } .fa-square:before { content: ""; } .fa-square-full:before { content: ""; } .fa-square-root:before { content: ""; } .fa-square-root-alt:before { content: ""; } .fa-squarespace:before { content: ""; } .fa-squirrel:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-staff:before { content: ""; } .fa-stamp:before { content: ""; } .fa-star:before { content: ""; } .fa-star-and-crescent:before { content: ""; } .fa-star-exclamation:before { content: ""; } .fa-star-half:before { content: ""; } .fa-star-half-alt:before { content: ""; } .fa-star-of-david:before { content: ""; } .fa-star-of-life:before { content: ""; } .fa-stars:before { content: ""; } .fa-staylinked:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-steam-symbol:before { content: ""; } .fa-steering-wheel:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-sticker-mule:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-stomach:before { content: ""; } .fa-stop:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stopwatch:before { content: ""; } .fa-store:before { content: ""; } .fa-store-alt:before { content: ""; } .fa-strava:before { content: ""; } .fa-stream:before { content: ""; } .fa-street-view:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-stripe:before { content: ""; } .fa-stripe-s:before { content: ""; } .fa-stroopwafel:before { content: ""; } .fa-studiovinari:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-subscript:before { content: ""; } .fa-subway:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-suitcase-rolling:before { content: ""; } .fa-sun:before { content: ""; } .fa-sun-cloud:before { content: ""; } .fa-sun-dust:before { content: ""; } .fa-sun-haze:before { content: ""; } .fa-sunrise:before { content: ""; } .fa-sunset:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-superscript:before { content: ""; } .fa-supple:before { content: ""; } .fa-surprise:before { content: ""; } .fa-swatchbook:before { content: ""; } .fa-swimmer:before { content: ""; } .fa-swimming-pool:before { content: ""; } .fa-sword:before { content: ""; } .fa-swords:before { content: ""; } .fa-synagogue:before { content: ""; } .fa-sync:before { content: ""; } .fa-sync-alt:before { content: ""; } .fa-syringe:before { content: ""; } .fa-table:before { content: ""; } .fa-table-tennis:before { content: ""; } .fa-tablet:before { content: ""; } .fa-tablet-alt:before { content: ""; } .fa-tablet-android:before { content: ""; } .fa-tablet-android-alt:before { content: ""; } .fa-tablet-rugged:before { content: ""; } .fa-tablets:before { content: ""; } .fa-tachometer:before { content: ""; } .fa-tachometer-alt:before { content: ""; } .fa-tachometer-alt-average:before { content: ""; } .fa-tachometer-alt-fast:before { content: ""; } .fa-tachometer-alt-fastest:before { content: ""; } .fa-tachometer-alt-slow:before { content: ""; } .fa-tachometer-alt-slowest:before { content: ""; } .fa-tachometer-average:before { content: ""; } .fa-tachometer-fast:before { content: ""; } .fa-tachometer-fastest:before { content: ""; } .fa-tachometer-slow:before { content: ""; } .fa-tachometer-slowest:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-tally:before { content: ""; } .fa-tape:before { content: ""; } .fa-tasks:before { content: ""; } .fa-taxi:before { content: ""; } .fa-teamspeak:before { content: ""; } .fa-teeth:before { content: ""; } .fa-teeth-open:before { content: ""; } .fa-telegram:before { content: ""; } .fa-telegram-plane:before { content: ""; } .fa-temperature-frigid:before { content: ""; } .fa-temperature-high:before { content: ""; } .fa-temperature-hot:before { content: ""; } .fa-temperature-low:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-tennis-ball:before { content: ""; } .fa-terminal:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-th:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th-list:before { content: ""; } .fa-the-red-yeti:before { content: ""; } .fa-theater-masks:before { content: ""; } .fa-themeco:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-thermometer:before { content: ""; } .fa-thermometer-empty:before { content: ""; } .fa-thermometer-full:before { content: ""; } .fa-thermometer-half:before { content: ""; } .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-three-quarters:before { content: ""; } .fa-theta:before { content: ""; } .fa-think-peaks:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbtack:before { content: ""; } .fa-thunderstorm:before { content: ""; } .fa-thunderstorm-moon:before { content: ""; } .fa-thunderstorm-sun:before { content: ""; } .fa-ticket:before { content: ""; } .fa-ticket-alt:before { content: ""; } .fa-tilde:before { content: ""; } .fa-times:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-times-hexagon:before { content: ""; } .fa-times-octagon:before { content: ""; } .fa-times-square:before { content: ""; } .fa-tint:before { content: ""; } .fa-tint-slash:before { content: ""; } .fa-tire:before { content: ""; } .fa-tire-flat:before { content: ""; } .fa-tire-pressure-warning:before { content: ""; } .fa-tire-rugged:before { content: ""; } .fa-tired:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-toilet-paper:before { content: ""; } .fa-toilet-paper-alt:before { content: ""; } .fa-tombstone:before { content: ""; } .fa-tombstone-alt:before { content: ""; } .fa-toolbox:before { content: ""; } .fa-tooth:before { content: ""; } .fa-toothbrush:before { content: ""; } .fa-torah:before { content: ""; } .fa-torii-gate:before { content: ""; } .fa-tornado:before { content: ""; } .fa-tractor:before { content: ""; } .fa-trade-federation:before { content: ""; } .fa-trademark:before { content: ""; } .fa-traffic-cone:before { content: ""; } .fa-traffic-light:before { content: ""; } .fa-traffic-light-go:before { content: ""; } .fa-traffic-light-slow:before { content: ""; } .fa-traffic-light-stop:before { content: ""; } .fa-train:before { content: ""; } .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-trash:before { content: ""; } .fa-trash-alt:before { content: ""; } .fa-treasure-chest:before { content: ""; } .fa-tree:before { content: ""; } .fa-tree-alt:before { content: ""; } .fa-trees:before { content: ""; } .fa-trello:before { content: ""; } .fa-triangle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-trophy:before { content: ""; } .fa-trophy-alt:before { content: ""; } .fa-truck:before { content: ""; } .fa-truck-container:before { content: ""; } .fa-truck-couch:before { content: ""; } .fa-truck-loading:before { content: ""; } .fa-truck-monster:before { content: ""; } .fa-truck-moving:before { content: ""; } .fa-truck-pickup:before { content: ""; } .fa-truck-ramp:before { content: ""; } .fa-tshirt:before { content: ""; } .fa-tty:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-turkey:before { content: ""; } .fa-turtle:before { content: ""; } .fa-tv:before { content: ""; } .fa-tv-retro:before { content: ""; } .fa-twitch:before { content: ""; } .fa-twitter:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-typo3:before { content: ""; } .fa-uber:before { content: ""; } .fa-uikit:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-umbrella-beach:before { content: ""; } .fa-underline:before { content: ""; } .fa-undo:before { content: ""; } .fa-undo-alt:before { content: ""; } .fa-unicorn:before { content: ""; } .fa-union:before { content: ""; } .fa-uniregistry:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-university:before { content: ""; } .fa-unlink:before { content: ""; } .fa-unlock:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-untappd:before { content: ""; } .fa-upload:before { content: ""; } .fa-usb:before { content: ""; } .fa-usd-circle:before { content: ""; } .fa-usd-square:before { content: ""; } .fa-user:before { content: ""; } .fa-user-alt:before { content: ""; } .fa-user-alt-slash:before { content: ""; } .fa-user-astronaut:before { content: ""; } .fa-user-chart:before { content: ""; } .fa-user-check:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-clock:before { content: ""; } .fa-user-cog:before { content: ""; } .fa-user-crown:before { content: ""; } .fa-user-edit:before { content: ""; } .fa-user-friends:before { content: ""; } .fa-user-graduate:before { content: ""; } .fa-user-injured:before { content: ""; } .fa-user-lock:before { content: ""; } .fa-user-md:before { content: ""; } .fa-user-minus:before { content: ""; } .fa-user-ninja:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-user-shield:before { content: ""; } .fa-user-slash:before { content: ""; } .fa-user-tag:before { content: ""; } .fa-user-tie:before { content: ""; } .fa-user-times:before { content: ""; } .fa-users:before { content: ""; } .fa-users-class:before { content: ""; } .fa-users-cog:before { content: ""; } .fa-users-crown:before { content: ""; } .fa-ussunnah:before { content: ""; } .fa-utensil-fork:before { content: ""; } .fa-utensil-knife:before { content: ""; } .fa-utensil-spoon:before { content: ""; } .fa-utensils:before { content: ""; } .fa-utensils-alt:before { content: ""; } .fa-vaadin:before { content: ""; } .fa-value-absolute:before { content: ""; } .fa-vector-square:before { content: ""; } .fa-venus:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-vial:before { content: ""; } .fa-vials:before { content: ""; } .fa-viber:before { content: ""; } .fa-video:before { content: ""; } .fa-video-plus:before { content: ""; } .fa-video-slash:before { content: ""; } .fa-vihara:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-vimeo-v:before { content: ""; } .fa-vine:before { content: ""; } .fa-vk:before { content: ""; } .fa-vnv:before { content: ""; } .fa-volcano:before { content: ""; } .fa-volleyball-ball:before { content: ""; } .fa-volume:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-mute:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-slash:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-vote-nay:before { content: ""; } .fa-vote-yea:before { content: ""; } .fa-vr-cardboard:before { content: ""; } .fa-vuejs:before { content: ""; } .fa-walking:before { content: ""; } .fa-wallet:before { content: ""; } .fa-wand:before { content: ""; } .fa-wand-magic:before { content: ""; } .fa-warehouse:before { content: ""; } .fa-warehouse-alt:before { content: ""; } .fa-watch:before { content: ""; } .fa-watch-fitness:before { content: ""; } .fa-water:before { content: ""; } .fa-water-lower:before { content: ""; } .fa-water-rise:before { content: ""; } .fa-weebly:before { content: ""; } .fa-weibo:before { content: ""; } .fa-weight:before { content: ""; } .fa-weight-hanging:before { content: ""; } .fa-weixin:before { content: ""; } .fa-whale:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-whatsapp-square:before { content: ""; } .fa-wheat:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-whistle:before { content: ""; } .fa-whmcs:before { content: ""; } .fa-wifi:before { content: ""; } .fa-wifi-1:before { content: ""; } .fa-wifi-2:before { content: ""; } .fa-wifi-slash:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-wind:before { content: ""; } .fa-wind-warning:before { content: ""; } .fa-window:before { content: ""; } .fa-window-alt:before { content: ""; } .fa-window-close:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-windows:before { content: ""; } .fa-windsock:before { content: ""; } .fa-wine-bottle:before { content: ""; } .fa-wine-glass:before { content: ""; } .fa-wine-glass-alt:before { content: ""; } .fa-wix:before { content: ""; } .fa-wizards-of-the-coast:before { content: ""; } .fa-wolf-pack-battalion:before { content: ""; } .fa-won-sign:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-wordpress-simple:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-wpressr:before { content: ""; } .fa-wrench:before { content: ""; } .fa-x-ray:before { content: ""; } .fa-xbox:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-y-combinator:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-yandex:before { content: ""; } .fa-yandex-international:before { content: ""; } .fa-yelp:before { content: ""; } .fa-yen-sign:before { content: ""; } .fa-yin-yang:before { content: ""; } .fa-yoast:before { content: ""; } .fa-youtube:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-zhihu:before { content: ""; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-display: swap; font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; src: url("../../files/theme_files/webfonts/fontawesome/fa-brands-400.eot"); src: url("../../files/theme_files/webfonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../../files/theme_files/webfonts/fontawesome/fa-brands-400.woff") format("woff"), url("../../files/theme_files/webfonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("../../files/theme_files/webfonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-display: swap; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; src: url("../../files/theme_files/webfonts/fontawesome/fa-light-300.eot"); src: url("../../files/theme_files/webfonts/fontawesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/fontawesome/fa-light-300.woff2") format("woff2"), url("../../files/theme_files/webfonts/fontawesome/fa-light-300.woff") format("woff"), url("../../files/theme_files/webfonts/fontawesome/fa-light-300.ttf") format("truetype"), url("../../files/theme_files/webfonts/fontawesome/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: "Font Awesome 5 Pro"; font-weight: 300; } @font-face { font-display: swap; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; src: url("../../files/theme_files/webfonts/fontawesome/fa-regular-400.eot"); src: url("../../files/theme_files/webfonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../../files/theme_files/webfonts/fontawesome/fa-regular-400.woff") format("woff"), url("../../files/theme_files/webfonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../../files/theme_files/webfonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Pro"; font-weight: 400; } @font-face { font-display: swap; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; src: url("../../files/theme_files/webfonts/fontawesome/fa-solid-900.eot"); src: url("../../files/theme_files/webfonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../../files/theme_files/webfonts/fontawesome/fa-solid-900.woff") format("woff"), url("../../files/theme_files/webfonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../../files/theme_files/webfonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; } /* Superfish */ .mod_navigation { overflow: visible !important; } .mod_navigation:before, .mod_navigation:after { content: ""; display: table; } .mod_navigation:after { clear: both; } .sf-menu { display: none; } @media (min-width: 992px) { .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { display: block !important; font-family: "Roboto", Arial, sans-serif; } .sf-menu:before, .sf-menu:after { content: ""; display: table; } .sf-menu:after { clear: both; } .sf-menu li { position: relative; background-color: #060606; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu ul { min-width: 200px; *width: 200px; text-align: left; } .sf-menu a, .sf-menu span { display: block; text-decoration: none; zoom: 1; text-transform: uppercase; font-weight: 700; } .sf-menu > li:hover { background-color: #e40421; -webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -ms-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out; } .sf-menu > li:hover > a, .sf-menu > li:hover > span { color: #fff !important; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } .sf-menu > li > a, .sf-menu > li > span { line-height: 1; padding: 28px 14px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .sf-menu ul a, .sf-menu ul span.active { padding: 7px 14px; } .sf-menu a { color: rgba(255, 255, 255, 0.9); } .sf-menu li { white-space: nowrap; *white-space: normal; } .sf-menu li.active > span, .sf-menu li.trail > span, .sf-menu li.trail > a { display: block; color: #fff !important; background-color: #e40421; } .sf-menu ul li { background: #e40421; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .sf-menu ul > li.first { padding-top: 14px; } .sf-menu ul > li.last { padding-bottom: 14px; } .sf-menu li:hover > a, .sf-menu li.sfHover > a { color: #fff; } .sf-menu ul li:hover > a, .sf-menu ul li.sfHover > a { color: #fff; background-color: #b2031a; } .sf-menu li.trail > span:hover { cursor: default; } .sf-arrows .sf-with-ul, li.trail > span, li.submenu > span { padding-right: 2.5em !important; *padding-right: 1em !important; } .sf-arrows .sf-with-ul:after, li.trail > span:after { content: ""; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: rgba(255, 255, 255, 0.75); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > li.active > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #fff; } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: rgba(255, 255, 255, 0.75); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #fff; } } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { /* position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; */ z-index: 10; cursor: pointer; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } /* .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } */ .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet, .mod_cms_accept_tags form .formbody .widget button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* roboto-300 - latin */ @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 300; src: url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Light"), local("Roboto-Light"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-300.woff2") format("woff2"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-300.woff") format("woff"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-300.ttf") format("truetype"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 700; src: url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold"), local("Roboto-Bold"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-700.woff2") format("woff2"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-700.woff") format("woff"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-700.ttf") format("truetype"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 900; src: url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-900.eot"); /* IE9 Compat Modes */ src: local("Roboto Black"), local("Roboto-Black"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-900.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-900.woff2") format("woff2"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-900.woff") format("woff"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-900.ttf") format("truetype"), url("../../files/theme_files/webfonts/roboto/roboto-v19-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-display: swap; font-family: "Poppins"; font-style: normal; font-weight: 400; src: url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Poppins Regular"), local("Poppins-Regular"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-regular.woff2") format("woff2"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-regular.woff") format("woff"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-regular.ttf") format("truetype"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-display: swap; font-family: "Poppins"; font-style: normal; font-weight: 700; src: url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-700.eot"); /* IE9 Compat Modes */ src: local("Poppins Bold"), local("Poppins-Bold"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-700.woff2") format("woff2"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-700.woff") format("woff"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-700.ttf") format("truetype"), url("../../files/theme_files/webfonts/poppins/poppins-v8-latin-700.svg#Poppins") format("svg"); /* Legacy iOS */ } #header-topbar > .inside, #header-top > .inside, #header-btm > .inside, #footer-main > .inside, #footer-bar > .inside, .content-center > .inside, .image-boxes > .inside, #references-header > .inside, #news-latest-swiper .swiper-background > .inside, .cta-bar > .inside, .cta-bar-button > .inside, .slider-images > .inside, #breadcrumb-wrapper > .inside, body.two-cols #container { width: 100%; max-width: 1170px; margin: 0 auto; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header-topbar { background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(0, 0, 0, 0.05) 6px, rgba(0, 0, 0, 0.05) 7px); background-color: #e40421; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } #header-topbar .inside { display: flex; flex-wrap: wrap; color: #fff; } #header-topbar .inside #topbar-address, #header-topbar .inside #topbar-links { flex: 0 0 100%; } #header-topbar .inside #topbar-address { display: none; } @media (min-width: 576px) { #header-topbar .inside #topbar-address { display: block; font-size: 12px; line-height: 45px; } } #header-topbar .inside #topbar-links ul { margin: 0; padding: 0; list-style-type: none; display: block; } #header-topbar .inside #topbar-links ul:before, #header-topbar .inside #topbar-links ul:after { content: ""; display: table; } #header-topbar .inside #topbar-links ul:after { clear: both; } #header-topbar .inside #topbar-links ul li { margin: 0; float: left; } #header-topbar .inside #topbar-links ul li a { display: block; color: #fff; line-height: 45px; width: 45px; background-color: transparent; text-align: center; -webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -ms-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out; } #header-topbar .inside #topbar-links ul li a:hover, #header-topbar .inside #topbar-links ul li a:focus { background-color: rgba(0, 0, 0, 0.15); } @media (max-width: 575.98px) { #header-topbar .inside #topbar-links ul { float: left; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 576px) { #header-topbar .inside #topbar-links:before, #header-topbar .inside #topbar-links:after { content: ""; display: table; } #header-topbar .inside #topbar-links:after { clear: both; } #header-topbar .inside #topbar-links ul { float: right; } } @media (min-width: 576px) { #header-topbar .inside { flex-wrap: wrap; } #header-topbar .inside #topbar-address { flex: 0 0 65%; } #header-topbar .inside #topbar-links { flex: 0 0 35%; } } #header-wrapper #header-top .inside { display: flex; flex-wrap: wrap; align-items: center; } #header-wrapper #header-top .inside #header-contact, #header-wrapper #header-top .inside #header-cta { display: none; } #header-wrapper #header-top .inside #header-logo { flex: 0 0 80%; margin: 14px 0; } #header-wrapper #header-top .inside #header-logo figure { margin: 0; } #header-wrapper #header-top .inside #nav-mobile-trigger { flex: 0 0 20%; text-align: right; } @media (min-width: 576px) { #header-wrapper #header-top .inside { flex-wrap: nowrap; } #header-wrapper #header-top .inside #header-logo { flex: 0 0 40%; } #header-wrapper #header-top .inside #nav-mobile-trigger { flex: 0 0 60%; } } @media (min-width: 768px) { #header-wrapper #header-top .inside { align-items: center; } #header-wrapper #header-top .inside #header-logo { flex: 0 0 30%; } #header-wrapper #header-top .inside #header-contact { display: block; flex: 1 0 50%; } #header-wrapper #header-top .inside #header-contact:before, #header-wrapper #header-top .inside #header-contact:after { content: ""; display: table; } #header-wrapper #header-top .inside #header-contact:after { clear: both; } #header-wrapper #header-top .inside #header-contact ul { margin: 0; padding: 0; list-style-type: none; float: right; } #header-wrapper #header-top .inside #header-contact ul:before, #header-wrapper #header-top .inside #header-contact ul:after { content: ""; display: table; } #header-wrapper #header-top .inside #header-contact ul:after { clear: both; } #header-wrapper #header-top .inside #header-contact ul li { float: left; padding: 0 30px 0 0; margin: 0; display: block; position: relative; } #header-wrapper #header-top .inside #header-contact ul li:not(:first-of-type):before { content: ""; width: 1px; height: 100%; background-color: #b3b3b3; position: absolute; left: -15px; } #header-wrapper #header-top .inside #nav-mobile-trigger { flex: 0 1 auto; } } @media (min-width: 992px) { #header-wrapper #header-top .inside #header-logo { flex: 0 0 20%; } #header-wrapper #header-top .inside #header-contact { display: block; flex: 1 0 60%; } #header-wrapper #header-top .inside #header-contact strong { color: #000; } #header-wrapper #header-top .inside #header-cta { display: block; flex: 0 0 20%; } #header-wrapper #header-top .inside #header-cta a { margin: 0; } } @media (min-width: 992px) { #header-wrapper #header-top .inside #nav-mobile-trigger { display: none; } } #header-wrapper #header-btm-sticky-wrapper { z-index: 9999; } #header-wrapper #header-btm-sticky-wrapper.is-sticky #header-btm { background-color: #060606; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } #header-wrapper #header-btm-sticky-wrapper.is-sticky #header-btm #nav-main-extension #header-catalog a, #header-wrapper #header-btm-sticky-wrapper.is-sticky #header-btm #nav-main-extension #header-search a { padding: 14px 15px; } #header-wrapper #header-btm-sticky-wrapper.is-sticky #header-catalog a, #header-wrapper #header-btm-sticky-wrapper.is-sticky #header-search a { line-height: 1; } #header-wrapper #header-btm-sticky-wrapper.is-sticky .sf-menu > li > a, #header-wrapper #header-btm-sticky-wrapper.is-sticky .sf-menu > li > span { padding: 14px 14px; } #header-wrapper #header-btm { background-color: transparent; } @media (min-width: 992px) { #header-wrapper #header-btm { display: block !important; } } #header-wrapper #header-btm .inside { display: flex; flex-wrap: nowrap; } #header-wrapper #header-btm .inside #nav-main-extension, #header-wrapper #header-btm .inside > nav { background-color: #060606; } #header-wrapper #header-btm .inside #nav-main-extension { display: none; } @media (min-width: 992px) { #header-wrapper #header-btm .inside > nav { flex: 1 0 75%; } #header-wrapper #header-btm .inside #nav-main-extension { display: block; flex: 1 1 auto; text-align: right; } #header-wrapper #header-btm .inside #nav-main-extension #header-catalog, #header-wrapper #header-btm .inside #nav-main-extension #header-search { display: inline-block; } #header-wrapper #header-btm .inside #nav-main-extension #header-catalog a, #header-wrapper #header-btm .inside #nav-main-extension #header-search a { line-height: 1; color: #ddd; display: block; padding: 28px 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #header-wrapper #header-btm .inside #nav-main-extension #header-catalog a:hover, #header-wrapper #header-btm .inside #nav-main-extension #header-catalog a:focus, #header-wrapper #header-btm .inside #nav-main-extension #header-search a:hover, #header-wrapper #header-btm .inside #nav-main-extension #header-search a:focus { color: #fff; background-color: rgba(255, 255, 255, 0.1); } } #index-references #references-header { background-color: #060606; } #index-references #references-header .inside .ce_headline { font-size: 24px; color: #fff; margin: 0; padding: 28px 0; } #index-references .swiper-background { position: relative; padding: 100px 0; background: url(../../files/theme_files/img/novoferm/ALB_051206-A18-16x9.jpg) center bottom no-repeat; background-size: cover; z-index: 1; } #index-references .swiper-background:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: -1; } #slider-partner .slider-images { background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(0, 0, 0, 0.05) 6px, rgba(0, 0, 0, 0.05) 7px); background-color: #eee; border-top: 1px solid #cccccc; border-bottom: 1px solid #b3b3b3; } #slider-partner .slider-images h2 { padding: 0; } footer #footer-main { background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.05) 6px, rgba(255, 255, 255, 0.05) 7px); background-color: #202020; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset; } footer #footer-main .inside { padding-top: 28px; padding-bottom: 28px; } footer #footer-main .inside h4 { color: #fff; text-transform: uppercase; } footer #footer-main .inside #footer-links ul { margin: 0; padding: 0; list-style-type: none; display: block; } footer #footer-main .inside #footer-links ul:before, footer #footer-main .inside #footer-links ul:after { content: ""; display: table; } footer #footer-main .inside #footer-links ul:after { clear: both; } footer #footer-main .inside #footer-links ul li { margin: 0; float: left; } footer #footer-main .inside #footer-links ul li a { display: block; color: #fff; line-height: 45px; width: 45px; text-align: center; background-color: rgba(255, 255, 255, 0.15); -webkit-transition: background-color 200ms ease-out; -moz-transition: background-color 200ms ease-out; -ms-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out; } footer #footer-main .inside #footer-links ul li a:hover, footer #footer-main .inside #footer-links ul li a:focus { background-color: rgba(255, 255, 255, 0.5); } footer #footer-main .inside #nav-footer ul, footer #footer-main .inside #nav-agb ul, footer #footer-main .inside #nav-ga-optout ul { list-style-type: none; margin: 0; padding: 0; } footer #footer-main .inside #nav-footer ul li, footer #footer-main .inside #nav-agb ul li, footer #footer-main .inside #nav-ga-optout ul li { margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 1px solid #666666; } footer #footer-main .inside #nav-footer ul li.active, footer #footer-main .inside #nav-agb ul li.active, footer #footer-main .inside #nav-ga-optout ul li.active { font-weight: 700; color: #fff; } footer #footer-main .inside #nav-footer ul li.active:focus, footer #footer-main .inside #nav-footer ul li.active:hover, footer #footer-main .inside #nav-agb ul li.active:focus, footer #footer-main .inside #nav-agb ul li.active:hover, footer #footer-main .inside #nav-ga-optout ul li.active:focus, footer #footer-main .inside #nav-ga-optout ul li.active:hover { cursor: default; } footer #footer-main .inside #nav-footer ul li a, footer #footer-main .inside #nav-agb ul li a, footer #footer-main .inside #nav-ga-optout ul li a { color: #ddd; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } footer #footer-main .inside #nav-footer ul li a:focus, footer #footer-main .inside #nav-footer ul li a:hover, footer #footer-main .inside #nav-agb ul li a:focus, footer #footer-main .inside #nav-agb ul li a:hover, footer #footer-main .inside #nav-ga-optout ul li a:focus, footer #footer-main .inside #nav-ga-optout ul li a:hover { color: #fff; } footer #footer-main .inside #news-short-footer .layout_short { margin: 0 0 7px 0; /* padding: 0 0 $padding-small 0; border-bottom: 1px solid $gray-darker; */ } footer #footer-main .inside #news-short-footer .layout_short .info, footer #footer-main .inside #news-short-footer .layout_short .ce_text { font-size: 12px; line-height: 21px; margin-bottom: 7px; } footer #footer-main .inside #news-short-footer .layout_short .ce_text p { margin: 0; } footer #footer-main .inside #news-short-footer .layout_short h4 { padding: 0; margin-bottom: 7px; text-transform: none; } footer #footer-main .inside #news-short-footer .layout_short .more { margin: 0; } footer #footer-main .inside #news-short-footer .layout_short a { color: #ddd; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } footer #footer-main .inside #news-short-footer .layout_short a:focus, footer #footer-main .inside #news-short-footer .layout_short a:hover { color: #fff; } footer #footer-main .inside #footer-contact a { color: #ddd; -webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out; } footer #footer-main .inside #footer-contact a:focus, footer #footer-main .inside #footer-contact a:hover { color: #fff; } @media (min-width: 576px) { footer #footer-main .inside { padding-top: 42px; padding-bottom: 42px; } } @media (min-width: 768px) { footer #footer-main .inside { padding-top: 56px; padding-bottom: 56px; } } footer #footer-bar { background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(0, 0, 0, 0.05) 6px, rgba(0, 0, 0, 0.05) 7px); background-color: #eee; border-top: 1px solid #cccccc; border-bottom: 1px solid #b3b3b3; } footer #footer-bar > .inside { display: flex; flex-wrap: wrap; padding-top: 28px; padding-bottom: 28px; } footer #footer-bar > .inside #footer-copyright, footer #footer-bar > .inside #footer-toplink { flex: 0 0 100%; } @media (min-width: 576px) { footer #footer-bar > .inside { flex-wrap: nowrap; } footer #footer-bar > .inside #footer-copyright, footer #footer-bar > .inside #footer-toplink { flex: 0 0 50%; } footer #footer-bar > .inside #footer-copyright p, footer #footer-bar > .inside #footer-toplink p { margin: 0; } footer #footer-bar > .inside #footer-toplink p { text-align: right; } footer #footer-bar > .inside #footer-toplink p a { display: block; } } #breadcrumb-wrapper .inside { display: flex; flex-wrap: nowrap; } #breadcrumb-wrapper .inside #nav-breadcrumb { flex: 1 0 auto; } #breadcrumb-wrapper .inside #nav-breadcrumb ul { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #breadcrumb-wrapper .inside #nav-breadcrumb-cta { display: none; } @media (min-width: 576px) { #breadcrumb-wrapper .inside #nav-breadcrumb-cta { display: block; flex: 0 0 150px; } #breadcrumb-wrapper .inside #nav-breadcrumb-cta a { margin: 0; } } #contact-box-red { background-color: #e40421; padding: 28px; } #contact-box-red * { color: #fff; } #contact-box-red * a { text-decoration: underline; } @media (min-width: 992px) { #contact-box-red { overflow: visible; margin-top: -120px; -webkit-box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.25); box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.25); } } #breadcrumb { border-bottom: 1px solid #cccccc; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); } /* Two columns */ body.two-cols #container { display: flex; flex-wrap: wrap; justify-content: space-between; } body.two-cols #container #main, body.two-cols #container #left { margin: 0; float: none; } body.two-cols #container #main { flex: 0 0 100%; order: 0; } body.two-cols #container #left { flex: 0 0 100%; order: 1; margin-bottom: 14px; border-bottom: 1px dotted #cccccc; } body.two-cols #container #left .mod_article { overflow: visible; } @media (min-width: 992px) { body.two-cols #container { flex-wrap: nowrap; padding: 28px 0; } body.two-cols #container #main { flex: 0 0 70%; order: 1; } body.two-cols #container #left { flex: 0 0 25%; order: 0; margin-bottom: 0; border-bottom: none; } } @media (min-width: 1200px) { body.two-cols #container #main { flex: 0 0 65%; } body.two-cols #container #left { flex: 0 0 30%; } } #left .sidebar-box { padding: 0 14px; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 14px; } @media (min-width: 992px) { #left { padding-top: 14px; } } .page-contact #nav-breadcrumb, .page-offer #nav-breadcrumb { padding: 14px 0; } .page-contact #nav-breadcrumb-cta, .page-offer #nav-breadcrumb-cta { display: none !important; } .page-offer #header-cta { display: none !important; } .page-offer #header-wrapper #header-top .inside #header-contact ul li:last-of-type { padding-right: 0; } .mod_cms_accept_tags form .formbody .info { margin-bottom: 14px; } .mod_cms_accept_tags form .formbody .widget { margin-bottom: 0; text-align: center; } .mod_cms_accept_tags form .formbody .widget button, body .mod_cms_accept_tags > form > .formbody form .formbody .widget button { margin-bottom: 0; } #header-image figure { position: relative; z-index: 1; margin: 0; width: 100%; } #header-image figure:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } #header-image figure img { width: 100%; } #header-image figure figcaption { font-family: "Roboto", Arial, sans-serif; font-size: 18px; font-weight: 900; color: #fff; z-index: 3; width: 100%; padding: 0; margin: 0; display: block; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 576px) { #header-image figure figcaption { font-size: 24px; } } @media (min-width: 768px) { #header-image figure figcaption { font-size: 30px; } } @media (min-width: 992px) { #header-image figure figcaption { font-size: 36px; } } /* * jQuery mmenu v6.1.8 * @requires jQuery 1.7.0 or later * * mmenu.frebsite.nl * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panels { overflow: hidden; } .mm-panel { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panel.mm-noanimation { -webkit-transition: none !important; transition: none !important; } .mm-panel.mm-noanimation.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ""; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { box-sizing: border-box; height: 40px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ""; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px; } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px; } .mm-next:after, .mm-prev:before { content: ""; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn:first-child { left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; } .mm-menu.mm-offcanvas.mm-opened { display: block; } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10; } .mm-menu.mm-offcanvas { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-menu .mm-listview.mm-border-none > li:after, .mm-menu .mm-listview > li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview > li:after { content: none; } .mm-menu .mm-listview.mm-border-full > li:after, .mm-menu .mm-listview > li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview > li:after { left: 0 !important; } .mm-menu .mm-listview.mm-border-offset > li:after, .mm-menu .mm-listview > li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview > li:after { right: 20px; } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } @media all and (max-width: 140px) { html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout { -webkit-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); transform: translate(10000px, 0); -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout { -webkit-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); transform: translate(-10000px, 0); -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0); } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px; } .mm-menu.mm-fx-menu-zoom { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } html.mm-opening .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu.mm-fx-menu-slide { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-opening .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-fx-menu-fade { opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } html.mm-opening .mm-menu.mm-fx-menu-fade { opacity: 1; } .mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel { -webkit-transition-property: none; transition-property: none; } .mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); } .mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li { -webkit-transition: none 0.4s ease; transition: none 0.4s ease; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) { -webkit-transition-delay: 50ms; transition-delay: 50ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) { -webkit-transition-delay: 150ms; transition-delay: 150ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) { -webkit-transition-delay: 250ms; transition-delay: 250ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) { -webkit-transition-delay: 350ms; transition-delay: 350ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) { -webkit-transition-delay: 450ms; transition-delay: 450ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) { -webkit-transition-delay: 550ms; transition-delay: 550ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) { -webkit-transition-delay: 650ms; transition-delay: 650ms; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) { -webkit-transition-delay: 750ms; transition-delay: 750ms; } .mm-menu.mm-fx-listitems-slide .mm-listview > li { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu.mm-fx-listitems-fade .mm-listview > li { -webkit-transition-property: opacity; transition-property: opacity; opacity: 0; } html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1; } .mm-menu.mm-fx-listitems-drop .mm-listview > li { -webkit-transition-property: opacity, top; transition-property: opacity, top; opacity: 0; top: -25%; } html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0; } html.mm-iconbar body { overflow-x: hidden; } html.mm-iconbar .mm-page { background: inherit; min-height: 100vh; } html.mm-iconbar .mm-slideout { box-sizing: border-box; padding-right: 60px; -webkit-transform: translate(60px, 0); -ms-transform: translate(60px, 0); transform: translate(60px, 0); -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } .mm-menu.mm-iconbar { display: block; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify:after, .mm-menu .mm-panels > .mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:after, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:before { content: none; display: none; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 40px; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span { box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mm-listview-small .mm-listview > li > a:not(.mm-next), .mm-listview-small .mm-listview > li > span { padding: 7px 10px 7px 20px; } .mm-listview-small .mm-listview > li.mm-vertical > .mm-next, .mm-listview-small .mm-vertical > .mm-listview > li > .mm-next { height: 34px; } .mm-listview-large .mm-listview > li > a:not(.mm-next), .mm-listview-large .mm-listview > li > span { padding: 15px 10px 15px 20px; } .mm-listview-large .mm-listview > li.mm-vertical > .mm-next, .mm-listview-large .mm-vertical > .mm-listview > li > .mm-next { height: 50px; } .mm-listview-huge .mm-listview > li > a:not(.mm-next), .mm-listview-huge .mm-listview > li > span { padding: 20px 10px 20px 20px; } .mm-listview-huge .mm-listview > li.mm-vertical > .mm-next, .mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next { height: 60px; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-menu .mm-listview.mm-multiline > li > a, .mm-menu .mm-listview.mm-multiline > li > span, .mm-menu .mm-listview > li.mm-multiline > a, .mm-menu .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span { text-overflow: clip; white-space: normal; } .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker { opacity: 0; } html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker { opacity: 0.3; -webkit-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s; } .mm-menu.mm-opened.mm-pagedim ~ #mm-blocker { background: inherit; } .mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker { background: #fff; } .mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker { background: #000; } .mm-menu.mm-popup { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .mm-menu.mm-popup.mm-opened ~ .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-menu.mm-popup.mm-opened ~ #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-opening .mm-menu.mm-popup { opacity: 1; } .mm-menu.mm-offcanvas.mm-right { left: auto; } html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } html.mm-front .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-front #mm-blocker { z-index: 1; } html.mm-front .mm-menu.mm-offcanvas { z-index: 2; } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-offcanvas.mm-bottom { top: auto; } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 80%; min-height: 140px; max-height: 880px; } .mm-menu.mm-shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); } .mm-menu.mm-shadow-page.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after { content: none; display: none; } .mm-menu.mm-shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-keyboardfocus a:focus { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-shadow-page.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); tap-highlight-color: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-keyboardfocus a:focus { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-shadow-page.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); tap-highlight-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-shadow-page.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) { box-shadow: false; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ""; display: block; clear: both; } .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative; } .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next { width: auto; } .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before { content: none; display: none; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu.mm-tileview .mm-listview { margin: 0; } html.mm-widescreen body { position: relative; } html.mm-widescreen #mm-blocker { display: none !important; } html.mm-widescreen .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 70% !important; margin-left: 30% !important; } html.mm-widescreen .mm-page { background: inherit; box-sizing: border-box; } html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body { overflow: auto; } .mm-menu.mm-widescreen { border-right-width: 1px; border-right-style: solid; display: block !important; width: 30% !important; min-width: 0 !important; max-width: none !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; z-index: 100 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-menu.mm-widescreen.mm-pageshadow:after { content: none; display: none; } .mm-menu.mm-autoheight { -webkit-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .mm-menu.mm-autoheight:not(.mm-offcanvas) { position: relative; } .mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) { display: block !important; } .mm-menu.mm-measureheight .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } .mm-columns { -webkit-transition-property: width; transition-property: width; } .mm-columns .mm-panels > .mm-panel { right: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; transition-property: width, transform; transition-property: width, transform, -webkit-transform; } .mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened { border-left: 1px solid; border-color: inherit; display: block !important; } .mm-columns .mm-panels > .mm-columns-0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-columns-0 .mm-panels > .mm-panel { z-index: 0; } .mm-columns-0 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0; } html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 0px) { html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 0px) { html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mm-columns .mm-panels > .mm-columns-1 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-columns-1 .mm-panels > .mm-panel { z-index: 1; width: 100%; } .mm-columns-1 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } .mm-columns .mm-panels > .mm-columns-2 { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-columns-2 .mm-panels > .mm-panel { z-index: 2; width: 50%; } .mm-columns-2 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px; } html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout { -webkit-transform: translate(880px, 0); -ms-transform: translate(880px, 0); transform: translate(880px, 0); -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout { -webkit-transform: translate(-880px, 0); -ms-transform: translate(-880px, 0); transform: translate(-880px, 0); -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0); } } .mm-columns .mm-panels > .mm-columns-3 { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-columns-3 .mm-panels > .mm-panel { z-index: 3; width: 33.34%; } .mm-columns-3 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px; } html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout { -webkit-transform: translate(1320px, 0); -ms-transform: translate(1320px, 0); transform: translate(1320px, 0); -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout { -webkit-transform: translate(-1320px, 0); -ms-transform: translate(-1320px, 0); transform: translate(-1320px, 0); -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0); } } .mm-columns .mm-panels > .mm-columns-4 { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-columns-4 .mm-panels > .mm-panel { z-index: 4; width: 25%; } .mm-columns-4 .mm-panels > .mm-panel else { width: 100%; } .mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(500%, 0); -ms-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px; } html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout { -webkit-transform: translate(1760px, 0); -ms-transform: translate(1760px, 0); transform: translate(1760px, 0); -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0); } } html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout { -webkit-transform: translate(-1760px, 0); -ms-transform: translate(-1760px, 0); transform: translate(-1760px, 0); -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0); } } .mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top { width: 100%; max-width: 100%; min-width: 100%; } html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next { -webkit-transition-property: width, min-width, max-width, -webkit-transform; transition-property: width, min-width, max-width, -webkit-transform; transition-property: width, min-width, max-width, transform; transition-property: width, min-width, max-width, transform, -webkit-transform; } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span { padding-right: 90px; } .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span { padding-right: 90px; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 10; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; transition-duration: 0s; } .mm-menu.mm-dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; } html.mm-dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-dropdown .mm-menu { z-index: 2; } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu.mm-dropdown { display: none; } .mm-menu.mm-tip:before { content: ""; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-tipleft:before { left: 22px; } .mm-menu.mm-tipright:before { right: 22px; } .mm-menu.mm-tiptop:before { top: -8px; } .mm-menu.mm-tipbottom:before { bottom: -8px; } .mm-iconpanel .mm-panels > .mm-panel { -webkit-transition-property: left, -webkit-transform; transition-property: left, -webkit-transform; transition-property: transform, left; transition-property: transform, left, -webkit-transform; } .mm-iconpanel .mm-panels > .mm-panel.mm-opened, .mm-iconpanel .mm-panels > .mm-panel.mm-subopened { border-left: 1px solid; border-color: inherit; display: block !important; } .mm-iconpanel .mm-panels > .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; max-height: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; bottom: -100000px; } .mm-keyboardfocus a:focus { outline: 0; } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, 0.5); } .mm-navbars-bottom, .mm-navbars-top { background: inherit; border-color: inherit; border-width: 0; overflow: hidden; position: absolute; left: 0; right: 0; z-index: 3; } .mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar { border: none; padding: 0; position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-navbars-top { border-bottom-style: solid; border-bottom-width: 1px; top: 0; } .mm-navbars-bottom { border-top-style: solid; border-top-width: 1px; bottom: 0; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-navbar[class*=mm-navbar-content-] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-hasnavbar-top-1 .mm-panels { top: 40px; } .mm-hasnavbar-top-2 .mm-panels { top: 80px; } .mm-hasnavbar-top-3 .mm-panels { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-hasnavbar-bottom-1 .mm-panels { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } .mm-menu.mm-rtl { direction: rtl; } .mm-menu.mm-rtl.mm-offcanvas { right: auto; } .mm-menu.mm-rtl .mm-panel:not(.mm-opened) { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-rtl .mm-panel.mm-subopened { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child { left: auto; right: 0; } .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child { right: auto; left: 0; } .mm-menu.mm-rtl .mm-navbar .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-menu.mm-rtl .mm-navbar .mm-prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after { left: 0; right: 20px; } .mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) { padding-left: 10px; padding-right: 20px !important; margin-right: 0 !important; } .mm-menu.mm-rtl .mm-listview .mm-next { right: auto; left: 0; } .mm-menu.mm-rtl .mm-listview .mm-next:before { left: auto; right: 0; } .mm-menu.mm-rtl .mm-listview .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span { margin-left: 50px; } .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span { padding-left: 50px; } .mm-menu.mm-rtl em.mm-counter { left: 45px; right: auto; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span { margin-left: 90px; } .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span { padding-left: 90px; } .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle { left: 20px; right: auto !important; } .mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span { padding-left: 80px; } .mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span { padding-left: 60px; } .mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle { left: 60px; } .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span { margin-left: 50px; } .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span { padding-left: 70px; } .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span { padding-left: 50px; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle { left: 100px; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span { margin-left: 90px; } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] { left: 0; } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-rtl.mm-iconpanel .mm-panel { -webkit-transition-property: right, -webkit-transform; transition-property: right, -webkit-transform; transition-property: transform, right; transition-property: transform, right, -webkit-transform; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 { right: 0; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 { right: 40px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 { right: 80px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 { right: 120px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 { right: 160px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 { right: 200px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 { right: 240px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened { border-left: none; border-right: 1px solid; border-color: inherit; } .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0 10px; position: relative; } .mm-search input { border: none !important; outline: 0 !important; box-shadow: none !important; border-radius: 4px; font: inherit; font-size: 14px; line-height: 26px; display: block; box-sizing: border-box; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-search .mm-clear, .mm-search .mm-next { right: 0; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar > .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 15; -webkit-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) { -webkit-transition: background 0.4s ease; transition: background 0.4s ease; } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.5); } input.mm-check, input.mm-toggle { position: absolute; left: -10000px; } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-check:before, label.mm-toggle:before { content: ""; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-check, label.mm-toggle { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-check, a.mm-next + label.mm-toggle { right: 60px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle { right: 100px; } em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.75); } #news-latest-swiper { display: block; } #news-latest-swiper .layout_latest { flex: none; position: relative; border: 1px solid #060606; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 200ms ease-out; -moz-transition: border-color 200ms ease-out; -ms-transition: border-color 200ms ease-out; -o-transition: border-color 200ms ease-out; transition: border-color 200ms ease-out; } #news-latest-swiper .layout_latest figure { overflow: hidden; margin: 0; width: 100%; } #news-latest-swiper .layout_latest figure img { margin: 0 auto; width: 100%; } #news-latest-swiper .layout_latest figure figcaption { background-color: #e40421; color: #fff; padding: 0; } #news-latest-swiper .layout_latest figure figcaption .effeckt-figcaption-wrap { padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #news-latest-swiper .layout_latest figure figcaption * { line-height: 1; } #news-latest-swiper .layout_latest figure figcaption h3 { padding: 0 0 7px 0; margin: 0 0 7px 0; position: relative; } #news-latest-swiper .layout_latest figure figcaption h3:after { content: ""; display: block; width: 25%; height: 1px; top: auto; right: 0; bottom: 0; left: 0; background-color: #ddd; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #news-latest-swiper .layout_latest figure figcaption h3 a { color: #fff; } #news-latest-swiper .layout_latest figure figcaption h3 a:focus, #news-latest-swiper .layout_latest figure figcaption h3 a:hover { text-decoration: underline; } #news-latest-swiper .layout_latest figure figcaption .description { color: #ddd; } #news-latest-swiper .layout_latest figure figcaption p { margin-bottom: 7px; } #news-latest-swiper .layout_latest figure figcaption p.info { font-size: 12px; line-height: 21px; color: #ddd; } #news-latest-swiper .layout_latest figure figcaption p.more { display: block; font-size: 12px; line-height: 21px; margin: 0; } #news-latest-swiper .layout_latest figure figcaption p.more a { color: #fff; } #news-latest-swiper .layout_latest figure figcaption p.more a:focus, #news-latest-swiper .layout_latest figure figcaption p.more a:hover { text-decoration: underline; } #news-latest-swiper .layout_latest:hover, #news-latest-swiper .layout_latest:focus { border-color: #b2031a; } #news-latest-swiper .swiper-button-next, #news-latest-swiper .swiper-button-prev { display: block; width: 50px; height: 50px; color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.1); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #news-latest-swiper .swiper-button-next:not(.swiper-button-disabled):hover, #news-latest-swiper .swiper-button-next:not(.swiper-button-disabled):hover, #news-latest-swiper .swiper-button-next:not(.swiper-button-disabled):focus, #news-latest-swiper .swiper-button-prev:not(.swiper-button-disabled):hover, #news-latest-swiper .swiper-button-prev:not(.swiper-button-disabled):hover, #news-latest-swiper .swiper-button-prev:not(.swiper-button-disabled):focus { background-color: rgba(255, 255, 255, 0.25); color: white; outline: 0; } #news-latest-swiper .swiper-button-next:before, #news-latest-swiper .swiper-button-prev:before { font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3em; } #news-latest-swiper .swiper-button-next.swiper-button-disabled, #news-latest-swiper .swiper-button-prev.swiper-button-disabled { opacity: 0.25; cursor: default; } #news-latest-swiper .swiper-button-next { right: 15px; } #news-latest-swiper .swiper-button-next:before { content: ""; } #news-latest-swiper .swiper-button-prev { left: 15px; } #news-latest-swiper .swiper-button-prev:before { content: ""; } /*# sourceMappingURL=styles.css.map */