.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)} p.privacy { color: rgb(255,255,255); background: red; font-weight: bold; padding: 20px; text-align: center; margin: 20px; } /* ============================================================================= * mod_privacy_optin * ========================================================================== */ .mod_privacy_optin * { font-family: Arial, Verdana, sans-serif; line-height: 20px; font-size: 13px; margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; } .mod_privacy_optin { display: none; } .mod_privacy_optin.open { display: block; } .mod_privacy_optin h1, .mod_privacy_optin h2, .mod_privacy_optin h3, .mod_privacy_optin h4, .mod_privacy_optin h5, .mod_privacy_optin h6 { font-family: Arial, Verdana, sans-serif; margin: 0 0 10px 0; padding: 10px 0 10px 45px; background-repeat: no-repeat; background-position: left center; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjkuNzZweCIgaGVpZ2h0PSIzNC4yNTlweCIgdmlld0JveD0iMCAwIDI5Ljc2IDM0LjI1OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkuNzYgMzQuMjU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNCM0M0MSIgc3Ryb2tlLXdpZHRoPSIxLjQ0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MjU2IiBkPSINCglNMTQuODgxLDMzLjU0QzYuNDI3LDI5Ljg4LDAuNzIsMjEuOTM4LDAuNzIsMTMuOTc1YzAtNC4wODEsMC4wNDktOS4xNywwLjA0OS0xMy4yNTVDMi4wMzYsMi4yMTEsNC41ODgsNC4yMzEsNy41Myw0LjIzMQ0KCWMzLjUxOSwwLDYuNDgtMS40NTgsNy4zNTEtMy40MzljMC44NzIsMS45ODEsMy44MzIsMy40MzksNy4zNTEsMy40MzljMi45NDIsMCw1LjQ5NC0yLjAyLDYuNzYxLTMuNTExDQoJYzAsNC4wODUsMC4wNDgsOS4xNzQsMC4wNDgsMTMuMjU1QzI5LjA0MSwyMS45MzgsMjMuMzMzLDI5Ljg4LDE0Ljg4MSwzMy41NEwxNC44ODEsMzMuNTR6Ii8+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM0IzQzQxIiBzdHJva2Utd2lkdGg9IjEuNDQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkyNTYiIHBvaW50cz0iDQoJOC45MjgsMTYuNzk0IDE0LjQxMSwyMy4xNDYgMjMuMTM3LDkuNzggIi8+DQo8L3N2Zz4NCg=="); } .mod_privacy_optin h1 { font-size: 26px; } .mod_privacy_optin h2 { font-size: 24px; } .mod_privacy_optin h3 { font-size: 22px; } .mod_privacy_optin h4 { font-size: 20px; } .mod_privacy_optin h5 { font-size: 18px; } .mod_privacy_optin h6 { font-size: 16px; } .mod_privacy_optin .privacy_buttons input { background: green; padding: 0 15px; line-height: 35px; color: white; border-radius: 5px; width: 100%; cursor: pointer; display: block; border: 0; } .mod_privacy_optin .privacy_overlay { z-index: 10000000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); } .mod_privacy_optin .privacy_popup { position: fixed; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 20000000; width: 90%; max-width: 475px; max-height: 100vh; overflow: auto; } .mod_privacy_optin.optin_bottom .privacy_popup { bottom: 10px; top: auto; } .mod_privacy_optin .privacy_content { padding: 20px 20px 15px 20px; background: rgb(248,248,248); } .mod_privacy_optin .privacy_popup.view_help { position: absolute; } .mod_privacy_optin .privacy_option_info { font-size: 12px; color: rgba(0,0,0,0.6); line-height: 1.4; margin-bottom: 0; cursor: pointer; display: block; } .mod_privacy_optin .privacy_text p { line-height: 19px; font-size: 12px; margin-bottom: 15px; } .mod_privacy_optin .privacy_item { margin-bottom: 15px; } .mod_privacy_optin .privacy_label { display: block; position: relative; padding-left: 28px; font-size: 14px; line-height: 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mod_privacy_optin .privacy_label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .mod_privacy_optin .privacy_label .privacy_checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #eee; border: 1px solid rgba(0,0,0,0.1); transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } .mod_privacy_optin .privacy_label:hover input ~ .privacy_checkmark { background-color: #ccc; } .mod_privacy_optin .privacy_label input:checked ~ .privacy_checkmark { background-color: #2196F3; } .mod_privacy_optin .privacy_label .privacy_checkmark:after { content: ""; position: absolute; display: none; } .mod_privacy_optin .privacy_label input:checked ~ .privacy_checkmark:after { display: block; } .mod_privacy_optin .privacy_label .privacy_checkmark:after { left: 4px; top: 0px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mod_privacy_optin .privacy_buttons { margin-top: 20px; } .mod_privacy_optin .submit { margin-bottom: 10px; } .mod_privacy_optin .submit:active { opacity: 0.8; } .mod_privacy_optin .submit.readonly, .mod_privacy_optin .submit.readonly:hover, .mod_privacy_optin .submit.readonly:focus { background: rgb(221, 221, 221); color: rgb(154, 154, 154); } .mod_privacy_optin .headline { font-size: 1.3rem; margin-bottom: 10px; } .mod_privacy_optin .privacy_help_link, .mod_privacy_optin .privacy_help_close { font-size: 0.85rem; text-align: center; color: rgba(0,0,0,0.5); margin-top: 5px; cursor: pointer; text-decoration: underline; } .mod_privacy_optin .privacy_help p { font-size: 0.9rem; line-height: 1.5; } .mod_privacy_optin .ajax_info { background: rgb(16, 126, 16); border-radius: 3px; margin: 10px 0; padding: 3px 15px; color: rgb(255,255,255); font-size: 0.9rem; display: none; } .mod_privacy_optin .privacy_help { display: none; } .mod_privacy_optin .view_help .privacy_settings { display: none; } .mod_privacy_optin .view_help .privacy_help { display: block; } .mod_privacy_optin p.privacy a { text-decoration: underline; color: rgba(255,255,255)!important; } .mod_privacy_optin .privacy.hidden { display: none; } .mod_privacy_optin .privacy_links { text-align: center; margin-top: 10px; } .mod_privacy_optin .privacy_links a { font-size: 12px; text-align: center; color: rgba(0,0,0,0.5); margin-top: 5px; cursor: pointer; text-decoration: underline; display: inline-block; margin-left: 3px; margin-right: 3px; } /* ============================================================================= * mod_privacy_optin_medium * ========================================================================== */ .mod_privacy_optin_medium * { font-family: Arial, Verdana, sans-serif; line-height: 19px; font-size: 13px; box-sizing: border-box; } .mod_privacy_optin_medium { display: none; } .mod_privacy_optin_medium.open { display: block; } .mod_privacy_optin_medium h1, .mod_privacy_optin_medium h2, .mod_privacy_optin_medium h3, .mod_privacy_optin_medium h4, .mod_privacy_optin_medium h5, .mod_privacy_optin_medium h6 { font-family: Arial, Verdana, sans-serif; margin: 0 0 10px 0; padding: 5px 0 5px 35px; background-repeat: no-repeat; background-position: left center; background-size: 25px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjkuNzZweCIgaGVpZ2h0PSIzNC4yNTlweCIgdmlld0JveD0iMCAwIDI5Ljc2IDM0LjI1OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkuNzYgMzQuMjU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNCM0M0MSIgc3Ryb2tlLXdpZHRoPSIxLjQ0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MjU2IiBkPSINCglNMTQuODgxLDMzLjU0QzYuNDI3LDI5Ljg4LDAuNzIsMjEuOTM4LDAuNzIsMTMuOTc1YzAtNC4wODEsMC4wNDktOS4xNywwLjA0OS0xMy4yNTVDMi4wMzYsMi4yMTEsNC41ODgsNC4yMzEsNy41Myw0LjIzMQ0KCWMzLjUxOSwwLDYuNDgtMS40NTgsNy4zNTEtMy40MzljMC44NzIsMS45ODEsMy44MzIsMy40MzksNy4zNTEsMy40MzljMi45NDIsMCw1LjQ5NC0yLjAyLDYuNzYxLTMuNTExDQoJYzAsNC4wODUsMC4wNDgsOS4xNzQsMC4wNDgsMTMuMjU1QzI5LjA0MSwyMS45MzgsMjMuMzMzLDI5Ljg4LDE0Ljg4MSwzMy41NEwxNC44ODEsMzMuNTR6Ii8+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM0IzQzQxIiBzdHJva2Utd2lkdGg9IjEuNDQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkyNTYiIHBvaW50cz0iDQoJOC45MjgsMTYuNzk0IDE0LjQxMSwyMy4xNDYgMjMuMTM3LDkuNzggIi8+DQo8L3N2Zz4NCg=="); } .mod_privacy_optin_medium h1 { font-size: 26px; } .mod_privacy_optin_medium h2 { font-size: 24px; } .mod_privacy_optin_medium h3 { font-size: 22px; } .mod_privacy_optin_medium h4 { font-size: 20px; } .mod_privacy_optin_medium h5 { font-size: 18px; } .mod_privacy_optin_medium h6 { font-size: 16px; } .mod_privacy_optin_medium .privacy_buttons { margin: 25px 0 15px 0; } .mod_privacy_optin_medium .privacy_buttons input { background: green; padding: 0 15px; line-height: 35px; color: white; border-radius: 5px; width: 100%; cursor: pointer; display: block; border: 0; } .mod_privacy_optin_medium .privacy_overlay { z-index: 10000000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); } .mod_privacy_optin_medium .privacy_popup { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 20000000; width: 90%; max-width: 420px; max-height: 100vh; overflow: auto; } .mod_privacy_optin_medium.optin_bottom .privacy_popup { bottom: 10px; top: auto; } .mod_privacy_optin_medium .privacy_content { padding: 15px 15px 10px 15px; background: rgb(248,248,248); border-radius: 5px; } .mod_privacy_optin_medium .privacy_popup.view_help { position: absolute; } .mod_privacy_optin_medium .privacy_option_info { font-size: 12px; color: rgba(0,0,0,0.6); line-height: 1.4; margin-bottom: 0; cursor: pointer; } .mod_privacy_optin_medium .privacy_text { line-height: 1.2; font-size: 0.9rem; } .mod_privacy_optin_medium .privacy_checkboxes { display: flex; justify-content: center; margin-bottom: 10px; } .mod_privacy_optin_medium .privacy_item { display: inline-block; margin: 0 10px; } .mod_privacy_optin_medium .privacy_label { display: block; position: relative; padding-left: 28px; font-size: 14px; line-height: 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mod_privacy_optin_medium .privacy_label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .mod_privacy_optin_medium .privacy_label .privacy_checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid rgba(0,0,0,0.4); background-color: #eee; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } .mod_privacy_optin_medium .privacy_label:hover input ~ .privacy_checkmark { background-color: #ccc; } .mod_privacy_optin_medium .privacy_label input:checked ~ .privacy_checkmark { background-color: #2196F3; } .mod_privacy_optin_medium .privacy_label .privacy_checkmark:after { content: ""; position: absolute; display: none; } .mod_privacy_optin_medium .privacy_label input:checked ~ .privacy_checkmark:after { display: block; } .mod_privacy_optin_medium .privacy_label .privacy_checkmark:after { left: 4px; top: 1px; width: 5px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mod_privacy_optin_medium .submit { margin-top: 10px; padding: 12px; width: 100%; } .mod_privacy_optin_medium .submit:active { opacity: 0.8; } .mod_privacy_optin_medium .submit.readonly, .mod_privacy_optin_medium .submit.readonly:hover, .mod_privacy_optin_medium .submit.readonly:focus { background: rgb(221, 221, 221); color: rgb(154, 154, 154); } .mod_privacy_optin_medium .headline { font-size: 1.3rem; margin-bottom: 10px; } .mod_privacy_optin_medium .privacy_help_link, .mod_privacy_optin_medium .privacy_help_close { font-size: 0.85rem; text-align: center; color: rgba(0,0,0,0.5); margin-top: 5px; cursor: pointer; text-decoration: underline; } .mod_privacy_optin_medium .privacy_help p { font-size: 0.9rem; line-height: 1.5; } .mod_privacy_optin_medium .ajax_info { background: rgb(16, 126, 16); border-radius: 3px; margin: 10px 0; padding: 3px 15px; color: rgb(255,255,255); font-size: 0.9rem; display: none; } .mod_privacy_optin_medium .privacy_help { display: none; } .mod_privacy_optin_medium .view_help .privacy_settings { display: none; } .mod_privacy_optin_medium .view_help .privacy_help { display: block; } .mod_privacy_optin_medium p.privacy { color: rgb(255,255,255); background: red; font-weight: bold; padding: 20px; text-align: center; margin: 20px; } .mod_privacy_optin_medium p.privacy a { text-decoration: underline; color: rgba(255,255,255)!important; } .mod_privacy_optin_medium .privacy.hidden { display: none; } .mod_privacy_optin_medium .privacy_links { text-align: center; } .mod_privacy_optin_medium .privacy_links a { font-size: 12px; text-align: center; color: rgba(0,0,0,0.5); margin-top: 5px; cursor: pointer; text-decoration: underline; display: inline-block; margin-left: 3px; margin-right: 3px; } /* ============================================================================= * mod_privacy_optin_slim * ========================================================================== */ .mod_privacy_optin_slim * { font-family: Arial, Verdana, sans-serif; line-height: 20px; font-size: 13px; box-sizing: border-box; } .mod_privacy_optin_slim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000000; } .mod_privacy_optin_slim.open { display: block; } .mod_privacy_optin_slim .privacy_inside { color: rgb(255,255,255); background: rgb(0,0,0); box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100; overflow: hidden; padding: 15px; } .mod_privacy_optin_slim .privacy_overlay { z-index: 10000000; z-index: 10; width: inherit; height: inherit; position: inherit; background-color: rgba(0,0,0,.4); } .mod_privacy_optin_slim .privacy_buttons { float: right; width: 40%; text-align: right; } .mod_privacy_optin_slim .privacy_button { display: inline-block; } .mod_privacy_optin_slim .privacy_button a { padding: 5px; min-width: 140px; margin: 5px 0; } .mod_privacy_optin_slim .privacy_content { float: left; width: 60%; line-height: 1.5; } .mod_privacy_optin_slim .privacy_content a { color: rgb(255,255,255); text-decoration: underline; } .mod_privacy_optin_slim .privacy_content p { margin-bottom: 0; } .mod_privacy_optin_slim .privacy_button a { background: green; color: white; text-decoration: none; padding: 0 15px; line-height: 35px; display: inline-block; text-align: center; min-width: 140px; } /* ============================================================================= * helper classes * ========================================================================== */ .privacy.hidden { display: none; } a.privacy_optout_click { cursor: pointer; } /* ============================================================================= * hide_optin class * ========================================================================== */ .hide_optin .mod_privacy_optin, .hide_optin .mod_privacy_optin_slim, .hide_optin .mod_privacy_optin_medium { display: none!important; } /* ============================================================================= * mobile * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_privacy_optin_slim .privacy_buttons, .mod_privacy_optin_slim .privacy_content { float: none; width: 100%; text-align: left; } .mod_privacy_optin_slim .privacy_content { margin-bottom: 10px; } .mod_privacy_optin_slim .privacy_button, .mod_privacy_optin_slim .privacy_button a { display: block; } } .autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_row,.autogrid_wrapper{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_row.gutter_none,.autogrid_wrapper.gutter_none{margin-left:0;margin-right:0}.autogrid_row.gutter_none>div,.autogrid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.autogrid_row.gutter_s,.autogrid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_row.gutter_s>div,.autogrid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_row.gutter_m,.autogrid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_row.gutter_m>div,.autogrid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_row.gutter_l,.autogrid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_row.gutter_l>div,.autogrid_wrapper.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.autogrid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.autogrid[class*=offset_],.autogrid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.autogrid_grid,.autogrid_row,.autogrid_wrapper{margin-left:0!important;margin-right:0!important}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:0 0!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*=col_]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*=col_]{flex-basis:100%}} @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -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 { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -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; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { 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 { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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 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); } 100% { -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); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .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); } 100% { -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 { 0% { -webkit-transform: none; transform: none; } 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); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 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); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { 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); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { 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); } 100% { -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(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -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 { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -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 { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -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 { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -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); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -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); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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; } 100% { -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; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* ============================================================================= * Template: mod_customcatalogfilter_mobile_trigger.html5 * ========================================================================== */ .mod_customcatalogfilter .mobile_trigger { display: none; text-align: right; } .mod_customcatalogfilter .mobile_trigger i { background: rgb(80,80,80); color: rgb(255,255,255); line-height: 40px; width: 40px; text-align: center; border-radius: 3px; cursor: pointer; } @media only screen and (max-width: 767px) { .mod_customcatalogfilter .mobile_trigger { display: block; } } /* ============================================================================= * Template | customcatalog_XXX_ajaxsearch_results.html5 * ========================================================================== */ .suggestions_container { display: none; } .autocomplete_results { max-width: 420px; display: none; background: #fff; z-index: 100; } .autocomplete_results .module_container { border: 0; } .mod_customcatalog_search_results .item-left { display: inline-block; width: 35px; display: flex; justify-content: center; flex-direction: column; margin-right: 25px; } .mod_customcatalog_search_results .item-right { display: inline-block; display: flex; justify-content: center; flex-direction: column; } .mod_customcatalog_search_results .item-inside { border-top: 1px solid rgba(0,0,0,0.1); } .mod_customcatalog_search_results .item-inside:first-child { border-top: 0; } .mod_customcatalog_search_results .item-inside a { display: flex; padding: 8px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_customcatalog_search_results .item-inside a:hover { background: rgba(0,0,0,0.03); } .mod_customcatalog_search_results .item-wrapper { padding: 20px; } .mod_customcatalog_search_results .suggestions_container { display: none!important; } /* ============================================================================= * ajax-search | form * ========================================================================== */ .no_submits .submit_container, .no_submits legend, .no_submits label { display: none; } .no_submits fieldset { border: 0; padding: 0; margin: 0; } .no_submits .filterform { margin: 0 auto; max-width: 420px; } .no_submits input { border-radius: 5px; border: 1px solid rgba(255,255,255,1); padding: 20px; } /** * DEMO: cc_immorealty */ /* ============================================================================= * cc_immorealty reader * ========================================================================== */ .mod_customcatalogreader.cc_immorealty { background: rgb(255,255,255); padding: 30px; } .mod_customcatalogreader.cc_immorealty .name { float: left; } .mod_customcatalogreader.cc_immorealty .place { float: right; line-height: 3.3; } .mod_customcatalogreader.cc_immorealty .place .ce_tags { display: inline-block; } .mod_customcatalogreader.cc_immorealty .place i { margin-right: 5px; } .mod_customcatalogreader.cc_immorealty .propety-headline { overflow: hidden; } .mod_customcatalogreader.cc_immorealty .property-meta { overflow: hidden; border-top: 1px solid rgb(245,245,245); border-bottom: 1px solid rgb(245,245,245); margin: 25px 0; padding: 20px 0; } .mod_customcatalogreader.cc_immorealty .property-meta li { float: left; width: 33.333%; line-height: 2.3; } .mod_customcatalogreader.cc_immorealty .property-meta li i { margin-right: 5px; } .mod_customcatalogreader.cc_immorealty .property-meta li .ce_tags { display: inline-block; } .mod_customcatalogreader.cc_immorealty .property-furnishing { overflow: hidden; } .mod_customcatalogreader.cc_immorealty .property-furnishing li { width: 33.33%; float: left; line-height: 3; } .mod_customcatalogreader.cc_immorealty .property-furnishing li i { margin-right: 10px; } .mod_customcatalogreader.cc_immorealty h3 { margin-top: 35px; } .mod_customcatalogreader.cc_immorealty .property-gallery { margin-top: 35px; } .mod_customcatalogreader.cc_immorealty .price { position: absolute; right: 0; bottom: 0; color: rgb(255,255,255); background: rgba(255,255,255,0.2); padding: 15px; font-size: 1.4em; } .mod_customcatalogreader.cc_immorealty .propety-header .image { position: relative; } .mod_customcatalogreader.cc_immorealty .customelements_notelist { float: none; margin-bottom: 25px; } /* ============================================================================= * cc_immorealty list * ========================================================================== */ .mod_customcataloglist.cc_immorealty .entries { margin-left: -1%; margin-right: -1%; display: flex; flex-wrap: wrap; } .mod_customcataloglist.cc_immorealty .entry { flex: 0 0 50%; padding-left: 1%; padding-right: 1%; overflow: hidden; display: block; position: relative; margin-bottom: 15px; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_inside { border: 1px solid rgb(243,243,243); background: rgb(255,255,255); position: relative; overflow: hidden; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_top { padding: 15px; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_top .place { font-size: 1.2em; color: rgb(150,150,150); } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_top h4 { margin: 0; } .mod_customcataloglist.cc_immorealty .entry .property-meta { overflow: hidden; padding: 15px; color: rgb(153,153,153); } .mod_customcataloglist.cc_immorealty .entry .property-meta li { float: left; width: 50%; line-height: 2; } .mod_customcataloglist.cc_immorealty .entry .property-meta li i { margin-right: 5px; } .mod_customcataloglist.cc_immorealty .entry .property-meta li .ce_tags { display: inline-block; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_bottom { overflow: hidden; border-top: 1px solid rgb(246,246,246); padding: 15px; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_bottom .price { float: right; font-size: 1.4em; color: rgb(153,153,153); } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_bottom .price span { font-size: 0.6em; } .mod_customcataloglist.cc_immorealty .entry.top_object .cc_immorealty_top { background: rgb(55,55,55); } .mod_customcataloglist.cc_immorealty .entry.top_object .cc_immorealty_top h4 a, .mod_customcataloglist.cc_immorealty .entry.top_object .cc_immorealty_top .place { color: rgb(255,255,255); } .mod_customcataloglist.cc_immorealty .entry .top_object_icon { background: rgba(255,255,255,0.3); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; } .mod_customcataloglist p.empty { margin-left: 1%; } .mod_customcataloglist.cc_immorealty .pagination { padding-left: 1%; padding-right: 1%; } /* ============================================================================= * cc_immorealty list top_objects * ========================================================================== */ .mod_customcataloglist.cc_immorealty.top_objects .entry { flex: 0 0 33.333%; } /* ============================================================================= * cc_immorealty slider * ========================================================================== */ .mod_customcataloglist.cc_immorealty_slider_wrap { display: block; } .mod_customcataloglist .cc_immorealty_slider .swiper-container { height: 550px; } .mod_customcataloglist .cc_immorealty_slider .entry { flex: 0 0 100%; } .mod_customcataloglist .cc_immorealty_slider .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .mod_customcataloglist .cc_immorealty_slider .content-left { position: absolute; z-index: 10; bottom: 50px; left: 0; } .mod_customcataloglist .cc_immorealty_slider .content-outside { max-width: 1240px; margin-left: auto; margin-right: auto; position: relative; height: 100%; } .mod_customcataloglist .cc_immorealty_slider .content-inside { margin-left: 40px; margin-right: 40px; position: relative; height: 100%; } .mod_customcataloglist .cc_immorealty_slider .category { color: rgb(255,255,255); font-size: 1.3em; padding: 5px 10px; background: rgba(0,0,0,0.3); display: inline-block; opacity: 0.95; } .mod_customcataloglist .cc_immorealty_slider .price { font-size: 2em; padding: 5px 10px; background: rgba(255,255,255,0.9); } .mod_customcataloglist .cc_immorealty_slider .price span { font-size: 0.5em; } .mod_customcataloglist .cc_immorealty_slider .place { font-size: 2em; position: absolute; right: 0; bottom: 50px; } .mod_customcataloglist .cc_immorealty_slider .place a { color: rgb(255,255,255); } .mod_customcataloglist .cc_immorealty_slider .place i { margin-left: 15px; } .mod_customcataloglist .cc_immorealty_slider .swiper-button-next { right: 25px; } .mod_customcataloglist .cc_immorealty_slider .swiper-button-prev { left: 25px; } /* ============================================================================= * cc_immorealty customelements_notelist * ========================================================================== */ .cc_immorealty .customelements_notelist { float: left; } .cc_immorealty .customelements_notelist .notelistamount, .cc_immorealty .customelements_notelist .update { display: none; } .cc_immorealty .customelements_notelist input { background: rgba(0,0,0,0.6); color: #fff; border-radius: 3px; padding: 10px 10px; cursor: pointer; text-align: center; margin: 0; display: inline-block; width: auto; border: 0; } .cc_immorealty .customelements_notelist .info { background: #a5cd00; border-radius: 4px; color: #fff; font-size: 12px; padding: 0 10px; position: absolute; right: 15px; } .cc_immorealty .formnotelist { display: none; } .formnotelist { display: none; } /* ============================================================================= * cc_immorealty filter: content_page * ========================================================================== */ .mod_customcatalogfilter.immorealty_filter fieldset { margin: 0; } .mod_customcatalogfilter.immorealty_filter .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.immorealty_filter .checkbox_container label { position: relative; top: -8px; } .mod_customcatalogfilter.immorealty_filter .filter_range label { display: none; } .mod_customcatalogfilter.immorealty_filter .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.immorealty_filter .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.immorealty_filter .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.immorealty_filter .submit_container input.clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.immorealty_filter .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.immorealty_filter .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.immorealty_filter .filter_text label { display: none; } .mod_customcatalogfilter.immorealty_filter .filter_text legend label { display: inline-block; } /* ============================================================================= * cc_immorealty filter: home * ========================================================================== */ .mod_customcatalogfilter.immorealty_filter_home { background: rgb(240,240,240); padding: 30px; } .mod_customcatalogfilter.immorealty_filter_home legend { display: none; } .mod_customcatalogfilter.immorealty_filter_home fieldset { margin: 0; padding: 0; border: 0; } .mod_customcatalogfilter.immorealty_filter_home div.widget { width: 25%; padding: 10px; float: left; margin: 0; } .mod_customcatalogfilter.immorealty_filter_home .clear_filters, .mod_customcatalogfilter.immorealty_filter_home .clear_all_filters { display: none; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcataloglist.cc_immorealty { margin-left: 0; margin-right: 0; } .mod_customcataloglist.cc_immorealty.top_objects .entry { flex: 0 0 100%!important; } .mod_customcataloglist .cc_immorealty_slider .place { left: 0; bottom: 40px; font-size: 1.2em; } .mod_customcataloglist .cc_immorealty_slider .content-left { bottom: 80px; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_bottom .price { float: none; } .cc_immorealty .customelements_notelist input { width: 100%; margin-top: 10px; } .cc_immorealty .customelements_notelist { float: none; } .mod_customcataloglist .cc_immorealty_slider .content-inside { margin-left: 20px; margin-right: 20px; } .mod_customcatalogreader.cc_immorealty .place, .mod_customcatalogreader.cc_immorealty .name { float: none; margin: 0; } .mod_customcatalogreader.cc_immorealty .name { line-height: 1; } .mod_customcatalogreader.cc_immorealty .price { font-size: 1em; padding: 5px; position: static; } .mod_customcatalogreader.cc_immorealty .property-meta li, .mod_customcatalogreader.cc_immorealty .property-furnishing li { width: 100%; line-height: 1.8; } .mod_customcataloglist.cc_immorealty .entry { flex: 0 0 100%; } .mod_customcataloglist.cc_immorealty .entry .property-meta li { font-size: 0.9em; } .mod_customcataloglist.cc_immorealty .entry .cc_immorealty_top .place { font-size: 0.8em; } .mod_customcatalogfilter.immorealty_filter_home div.widget { width: 100%; } .mod_customcataloglist.cc_immorealty .pagination { margin-bottom: 35px; } } /** * DEMO: cc_cardealer */ /* ============================================================================= * cc_cardealer list * ========================================================================== */ .mod_customcataloglist.cc_cardealer .entry { margin-bottom: 35px; } .mod_customcataloglist.cc_cardealer .item-inside { overflow: hidden; border: 1px solid rgb(238,238,238); background: rgb(245,245,245); position: relative; } .mod_customcataloglist.cc_cardealer .item-leftside { float: left; width: 35%; position: relative; } .mod_customcataloglist.cc_cardealer .item-rightside { float: left; width: 65%; background: rgb(255,255,255); } .mod_customcataloglist.cc_cardealer .item-link-youtube, .mod_customcataloglist.cc_cardealer .item-link-detail { width: 48%; display: inline-block; padding: 10px; } .mod_customcataloglist.cc_cardealer .item-link-youtube i, .mod_customcataloglist.cc_cardealer .item-link-detail i { margin-right: 5px; font-size: 0.8em; } .mod_customcataloglist.cc_cardealer .item-rightside h4 { background: rgb(250,250,250); padding: 10px 20px; margin-bottom: 0; } .mod_customcataloglist.cc_cardealer .item-rightside .item-content { overflow: hidden; padding: 20px; border-bottom: 1px solid rgb(245,245,245); } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col1 { float: left; width: 70%; min-height: 85px; } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col2 { float: left; width: 30%; font-size: 2em; line-height: 1em; text-align: right; } .mod_customcataloglist.cc_cardealer .item-rightside ul { overflow: hidden; padding: 10px 20px; } .mod_customcataloglist.cc_cardealer .item-rightside li { width: 50%; float: left; margin-bottom: 5px; } .mod_customcataloglist.cc_cardealer .item-state { position: absolute; left: 10px; top: 10px; z-index: 10; background: rgb(92,184,92); color: rgb(255,255,255); text-transform: uppercase; font-size: 0.8em; font-weight: bold; padding: 0 7px; border-radius: 2px; } .mod_customcataloglist.cc_cardealer .item-rightside li .ce_tags { display: inline-block; } .mod_customcataloglist.cc_cardealer .item-rightside li i { width: 25px; } .mod_customcataloglist.cc_cardealer .item-leftside .image_container img { height: 238px; width: auto; max-width: none; } .mod_customcataloglist.cc_cardealer .notelistamount, .mod_customcataloglist.cc_cardealer .notelist .submit_container input.update { display: none; } .mod_customcataloglist.cc_cardealer .notelist .submit_container input.submit { width: auto; padding: 3px 10px; min-width: 80px; } .mod_customcataloglist.cc_cardealer .ce_number { display: inline-block; } /* ============================================================================= * cc_cardealer list/grid * ========================================================================== */ .mod_customcataloglist.cc_cardealer.grid-view .item-wrapper { margin-left: -1%; margin-right: -1%; overflow: hidden; display: flex; flex-wrap: wrap; } .mod_customcataloglist.cc_cardealer.grid-view .entry { flex: 0 0 33.333%; padding-left: 1%; padding-right: 1%; } .mod_customcataloglist.cc_cardealer.grid-view .item-leftside, .mod_customcataloglist.cc_cardealer.grid-view .item-rightside { float: none; width: 100%; } .mod_customcataloglist.cc_cardealer.grid-view .item-leftside .image_container img { height: auto; width: 100%; max-width: 100%; } .mod_customcataloglist.cc_cardealer.grid-view .item-link-youtube, .mod_customcataloglist.cc_cardealer .item-link-detail { padding-left: 20px; } .mod_customcataloglist.cc_cardealer.grid-view .item-rightside .item-content-col1, .mod_customcataloglist.cc_cardealer.grid-view .item-rightside .item-content-col2 { width: 100%; float: none; text-align: left; } .mod_customcataloglist.cc_cardealer.grid-view .notelist { margin-bottom: 15px; } @media only screen and (max-width: 970px) { .mod_customcataloglist.cc_cardealer.grid-view .entry { width: 50%; } } /* ============================================================================= * cc_cardealer teaser * ========================================================================== */ .mod_customcataloglist.cc_cardealer_teaser .item-content-col1, .mod_customcataloglist.cc_cardealer_teaser .notelist, .mod_customcataloglist.cc_cardealer_teaser .item-link-detail, .mod_customcataloglist.cc_cardealer_teaser .item-link-youtube { display: none; } .mod_customcataloglist.cc_cardealer_teaser .item-rightside h4 { margin: 0; font-size: 1.2em; } .mod_customcataloglist.cc_cardealer_teaser .item-rightside .item-content-col2 { font-size: 1.3em; text-align: right!important; } .mod_customcataloglist.cc_cardealer_teaser .item-rightside .item-content { padding-top: 10px; padding-bottom: 10px; } /* ============================================================================= * item highlight w/star * ========================================================================== */ .mod_customcataloglist.cc_cardealer .item-highlight-icon { background: rgba(0,0,0,0.1); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; } /* ============================================================================= * cc_cardealer view-switcher * ========================================================================== */ .mod_customcataloglist.cc_cardealer.notelist-view .list-options { display: none; } .mod_customcataloglist.cc_cardealer.cc_cardealer_teaser .list-options { display: none; } .mod_customcataloglist.cc_cardealer .list-options { margin-bottom: 14px; display: inline-block; border: 1px solid rgb(220,220,220); border-radius: 2px; overflow: hidden; } .mod_customcataloglist.cc_cardealer .list-options i { line-height: 35px; width: 50px; text-align: center; cursor: pointer; float: left; } .mod_customcataloglist.cc_cardealer .list-options i.fa-th { border-left: 1px solid rgb(220,220,220); } .mod_customcataloglist.cc_cardealer .list-options i.fa-list { background: rgb(250,250,250); } .mod_customcataloglist.cc_cardealer .list-options i.fa-list { background: rgb(240,240,240); } .mod_customcataloglist.cc_cardealer.grid-view .list-options i.fa-list { background: rgb(250,250,250); } .mod_customcataloglist.cc_cardealer.grid-view .list-options i.fa-th { background: rgb(240,240,240); } .mod_customcataloglist.cc_cardealer.grid-view .item-rightside h4 { margin-bottom: 0; font-size: 1em; } /* ============================================================================= * cc_cardealer reader * ========================================================================== */ .mod_customcatalogreader.cc_cardealer .single-leftside { width: 58%; float: left; } .mod_customcatalogreader.cc_cardealer .single-rightside { width: 42%; float: left; padding-left: 30px; } .mod_customcatalogreader.cc_cardealer .single-top-content { overflow: hidden; } .mod_customcatalogreader.cc_cardealer .single-price strong { background: rgb(50,50,50); color: rgb(255,255,255); font-size: 2.5em; font-weight: bold; display: inline-block; padding: 0 15px; border-radius: 2px; margin-right: 20px; line-height: 3rem; } .mod_customcatalogreader.cc_cardealer .single-price span { transform: translateY(-10px); -webkit-transform: translateY(-10px); display: inline-block; margin: 10px 0; } .mod_customcatalogreader.cc_cardealer .single-metadata { border-top: 1px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); margin: 20px 0; overflow: hidden; } .mod_customcatalogreader.cc_cardealer .single-metadata strong { display: block; } .mod_customcatalogreader.cc_cardealer .single-metadata-col1, .mod_customcatalogreader.cc_cardealer .single-metadata-col2, .mod_customcatalogreader.cc_cardealer .single-metadata-col3 { width: 33.333%; float: left; font-size: 1.2em; } .mod_customcatalogreader.cc_cardealer .single-metadata-col2 { border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); padding-left: 10px; } .mod_customcatalogreader.cc_cardealer .single-metadata-col3 { padding-left: 10px; } .mod_customcatalogreader.cc_cardealer table.table-striped { width: 100%; margin-bottom: 20px; } .mod_customcatalogreader.cc_cardealer table.table-striped td { padding: 5px; } .mod_customcatalogreader.cc_cardealer table.table-striped tr { background: rgba(0,0,0,0.03); } .mod_customcatalogreader.cc_cardealer table.table-striped tr:nth-child(odd) { background: none; } .mod_customcatalogreader.cc_cardealer .notelistamount { display: none; } .mod_customcatalogreader.cc_cardealer .notelist input.submit { width: auto; } .mod_customcatalogreader.cc_cardealer .notelist input.update { display: none; } .mod_customcatalogreader.cc_cardealer .ce_tabs { margin: 35px 0; } .mod_customcatalogreader.cc_cardealer .ce_tabs .tabs.classic ul li.active { background: rgb(255,255,255); } .mod_customcatalogreader.cc_cardealer .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; } .mod_customcatalogreader.cc_cardealer .single-features ul { overflow: hidden; } .mod_customcatalogreader.cc_cardealer .single-features li { width: 33.333%; float: left; margin-bottom: 4px; } .mod_customcatalogreader.cc_cardealer .single-print { margin: 12px 0 5px 0; } .mod_customcatalogreader.cc_cardealer .single-print a, .mod_customcatalogreader.cc_cardealer .single-mail a { color: rgb(140,140,140); } .mod_customcatalogreader.cc_cardealer .single-print a:hover, .mod_customcatalogreader.cc_cardealer .single-mail a:hover { color: rgb(50,50,50); } .mod_customcatalogreader.cc_cardealer .single-print i, .mod_customcatalogreader.cc_cardealer .single-mail i { margin-right: 5px; } .notelist .submit_container input.submit:hover { opacity: 0.9; } .mod_customcatalogreader.cc_cardealer .ce_number { display: inline-block; } /* ============================================================================= * cc_cardealer notelist * ========================================================================== */ .mod_customcataloglist .notelist-sum { display: none; } .mod_customcataloglist.notelist-view .notelist-sum { display: block; padding: 50px; font-size: 2em; color: rgb(255,255,255); } .mod_customcataloglist .notelist-sum .headline { display: inline-block; color: rgb(50,50,50); } /* ============================================================================= * cc_cardealer filter * ========================================================================== */ .mod_customcatalogfilter.cardealer_filter fieldset { margin: 0; border: 0; padding: 0 0 20px 0; } .mod_customcatalogfilter.cardealer_filter div.widget { margin-bottom: 10px; } .mod_customcatalogfilter.cardealer_filter legend { display: none; } .mod_customcatalogfilter.cardealer_filter .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.cardealer_filter .checkbox_container label { position: relative; top: -8px; } .ios .mod_customcatalogfilter.cardealer_filter .checkbox_container label { top: 3px; } .mod_customcatalogfilter.cardealer_filter .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.cardealer_filter .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.cardealer_filter .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cardealer_filter .submit_container input.clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.cardealer_filter .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.cardealer_filter .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.cardealer_filter .filter_text label { display: none; } .mod_customcatalogfilter.cardealer_filter .filter_text legend label { display: inline-block; } /* ============================================================================= * cc_cardealer slider * ========================================================================== */ .mod_customcataloglist .cc_cardealer_slider .swiper-container { height: 550px; } .mod_customcataloglist .cc_cardealer_slider .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .mod_customcataloglist .cc_cardealer_slider .slider-content-wrapper { position: absolute; z-index: 10; bottom: 50px; left: 0; background: rgba(0,0,0,0.8); color: #fff; } .mod_customcataloglist .cc_cardealer_slider .name { font-size: 2em; float: left; padding: 45px 35px 35px 35px; } .mod_customcataloglist .cc_cardealer_slider .price { float: right; padding: 35px; border-left: 1px solid rgba(255,255,255,0.4); } .mod_customcataloglist .cc_cardealer_slider .price strong { font-size: 1.5em; } .mod_customcataloglist .cc_cardealer_slider .price span { display: block; font-size: 1em; } .mod_customcataloglist .cc_cardealer_slider .state { position: absolute; top: -20px; left: 35px; display: block; padding: 5px 10px; color: rgb(255,255,255); } .mod_customcataloglist .cc_cardealer_slider .content-outside { max-width: 1240px; margin-left: auto; margin-right: auto; position: relative; height: 100%; } .mod_customcataloglist .cc_cardealer_slider .content-inside { margin-left: 40px; margin-right: 40px; position: relative; height: 100%; } .mod_customcataloglist .cc_cardealer_slider .state { color: rgb(255,255,255); font-size: 1.3em; padding: 5px 10px; background: rgba(0,0,0,0.3); display: inline-block; } .mod_customcataloglist .cc_cardealer_slider .swiper-button-next { right: 25px; } .mod_customcataloglist .cc_cardealer_slider .swiper-button-prev { left: 25px; } .mod_customcataloglist .cc_cardealer_slider .swiper-button-next:after, .mod_customcataloglist .cc_cardealer_slider .swiper-button-prev:after { display: inline-block; width: 90px; } .mod_customcataloglist .cc_cardealer_slider .ce_number { display: inline-block; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcataloglist.cc_cardealer .item-leftside, .mod_customcataloglist.cc_cardealer .item-rightside { float: none; width: 100%; } .mod_customcataloglist.cc_cardealer .item-leftside .image_container img { height: auto; width: 100%; max-width: 100%; } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col1, .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col2 { float: none; width: 100%; text-align: left; } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col2 { font-size: 1.5em; } .mod_customcatalogreader.cc_cardealer .single-leftside, .mod_customcatalogreader.cc_cardealer .single-rightside { float: none; width: 100%; } .mod_customcatalogreader.cc_cardealer .single-rightside { margin-top: 20px; padding: 0; } .mod_customcatalogreader.cc_cardealer .ce_tabs { padding: 0; } .mod_customcatalogreader.cc_cardealer .single-features li { width: 100%; float: none; } .mod_customcatalogreader.cc_cardealer .single-metadata-col1, .mod_customcatalogreader.cc_cardealer .single-metadata-col2, .mod_customcatalogreader.cc_cardealer .single-metadata-col3 { font-size: 1em; } .mod_customcatalogreader.cc_cardealer .single-price strong { font-size: 1.5em; } .mod_customcatalogreader.cc_cardealer .single-price span { margin-top: 20px; } .mod_customcataloglist.cc_cardealer.cc_cardealer_col2 .notelist { margin-bottom: 20px; } .mod_customcataloglist.cc_cardealer.cc_cardealer_col2 { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcataloglist.cc_cardealer.cc_cardealer_col2 .entry { width: 100%; float: none; padding-left: 0; padding-right: 0; } .mod_customcataloglist.cc_cardealer.cc_cardealer_col2 .item-leftside .image_container img { height: auto; } .mod_customcataloglist.cc_cardealer .notelist { margin-bottom: 15px; } .mod_customcataloglist.cc_cardealer.grid-view .entry { width: 100%; } .mod_customcataloglist .cc_cardealer_slider .name { font-size: 1.5em; padding: 25px 5px 0 15px; float: none; } .mod_customcataloglist .cc_cardealer_slider .swiper-container { height: 350px; } .mod_customcataloglist .cc_cardealer_slider .price { padding: 0px 15px 15px 15px; float: none; } .mod_customcataloglist .cc_cardealer_slider .state { left: 15px; font-size: 0.9em; } .mod_customcataloglist .cc_cardealer_slider .slider-content-wrapper { width: 100%; } .mod_customcataloglist.cc_cardealer .list-options { display: none; } .mod_customcatalogfilter.cardealer_filter .checkbox_container label { top: -4px; } } /** * DEMO: cc_catalog */ /* ============================================================================= * cc_catalog list * ========================================================================== */ .mod_customcataloglist.cc_catalog .item-wrapper { display: flex; flex-wrap: wrap; } .mod_customcataloglist.cc_catalog .entry { margin-bottom: 65px; flex: 0 0 33.33%; padding-left: 1%; padding-right: 1%; } .mod_customcataloglist.cc_catalog .item-inside { overflow: hidden; position: relative; text-align: center; } .mod_customcataloglist.cc_catalog h6 { padding: 10px 20px 0 10px; margin-bottom: 0; margin-top: 10px; text-transform: uppercase; } .mod_customcataloglist.cc_catalog .brand { color: rgb(180,180,180); margin-bottom: 5px; } .mod_customcataloglist.cc_catalog .price { font-size: 1.15rem; } .mod_customcataloglist.cc_catalog .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcataloglist.cc_catalog .more-buttom a { display: inline-block; padding: 10px 20px; border-top: 1px solid rgb(233,233,233); border-bottom: 1px solid rgb(233,233,233); font-size: 0.9rem; margin-top: 20px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; letter-spacing: 1px; } .mod_customcataloglist.cc_catalog .entry:hover .more-buttom a { border-color: rgb(0,0,0); } .mod_customcataloglist.cc_catalog .item-state { position: absolute; left: 10px; top: 10px; z-index: 10; background: rgb(92,184,92); color: rgb(255,255,255); text-transform: uppercase; font-size: 0.8em; font-weight: bold; padding: 0 7px; border-radius: 2px; } .mod_customcataloglist.cc_catalog .notelistamount, .mod_customcataloglist.cc_catalog .notelist .submit_container input.update { display: none; } .mod_customcataloglist.cc_catalog .notelist .submit_container input.submit { width: auto; padding: 3px 10px; min-width: 80px; } .mod_customcataloglist.cc_catalog .ce_number { display: inline-block; } .mod_customcataloglist.cc_catalog .item-wrapper { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcataloglist.cc_catalog .item-leftside, .mod_customcataloglist.cc_catalog .item-rightside { float: none; width: 100%; } .mod_customcataloglist.cc_catalog .item-leftside .image_container img { height: auto; width: 100%; max-width: 100%; } .mod_customcataloglist.cc_catalog .item-link-youtube, .mod_customcataloglist.cc_catalog .item-link-detail { padding-left: 20px; } .mod_customcataloglist.cc_catalog .item-rightside .item-content-col1, .mod_customcataloglist.cc_catalog .item-rightside .item-content-col2 { width: 100%; float: none; text-align: left; } .mod_customcataloglist.cc_catalog .notelist { margin-bottom: 15px; } @media only screen and (max-width: 970px) { .mod_customcataloglist.cc_catalog .entry { flex: 0 0 50%; } } /* ============================================================================= * cc_catalog teaser * ========================================================================== */ .mod_customcataloglist.cc_catalog_teaser .item-content-col1, .mod_customcataloglist.cc_catalog_teaser .notelist, .mod_customcataloglist.cc_catalog_teaser .item-link-detail, .mod_customcataloglist.cc_catalog_teaser .item-link-youtube { display: none; } .mod_customcataloglist.cc_catalog_teaser .item-rightside h4 { margin: 0; font-size: 1.2em; } .mod_customcataloglist.cc_catalog_teaser .item-rightside .item-content-col2 { font-size: 1.3em; text-align: right!important; } .mod_customcataloglist.cc_catalog_teaser .item-rightside .item-content { padding-top: 10px; padding-bottom: 10px; } /* ============================================================================= * item highlight w/star * ========================================================================== */ .mod_customcataloglist.cc_catalog .item-highlight-icon { background: rgba(0,0,0,0.1); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 10; } /* ============================================================================= * cc_catalog reader * ========================================================================== */ .mod_customcatalogreader.cc_catalog .single-leftside { width: 58%; float: left; } .mod_customcatalogreader.cc_catalog .single-rightside { width: 42%; float: left; padding-left: 30px; } .mod_customcatalogreader.cc_catalog .single-top-content { overflow: hidden; } .mod_customcatalogreader.cc_catalog .single-price-new { font-size: 2rem; font-weight: bold; display: inline-block; margin-right: 20px; } .mod_customcatalogreader.cc_catalog .single-price-old { display: inline-block; text-decoration: line-through; font-size: 1.5rem; transform: translateY(-2px); -webkit-transform: translateY(-2px); } .mod_customcatalogreader.cc_catalog h1 { font-size: 1.6rem; margin-bottom: 5px; } .mod_customcatalogreader.cc_catalog .single-subheadline { color: rgb(180,180,180); } .mod_customcatalogreader.cc_catalog .single-short-description { margin: 20px 0; } .mod_customcatalogreader.cc_catalog .single-stock { background: rgb(85,198,94); color: rgb(255,255,255); font-weight: bold; padding: 3px 10px; border-radius: 2px; display: inline-block; margin-bottom: 20px; } .mod_customcatalogreader.cc_catalog .single-stock.stockout { background: rgb(201,21,25); } .mod_customcatalogreader.cc_catalog .single-metadata { border-top: 1px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); margin: 20px 0 25px 0; overflow: hidden; } .mod_customcatalogreader.cc_catalog .single-metadata strong { display: block; } .mod_customcatalogreader.cc_catalog .single-metadata-col1, .mod_customcatalogreader.cc_catalog .single-metadata-col2, .mod_customcatalogreader.cc_catalog .single-metadata-col3 { width: 33.333%; float: left; font-size: 1.2em; } .mod_customcatalogreader.cc_catalog .single-metadata-col2 { border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); padding-left: 10px; } .mod_customcatalogreader.cc_catalog .single-metadata-col3 { padding-left: 10px; } .mod_customcatalogreader.cc_catalog table.table-striped { width: 100%; margin-bottom: 20px; } .mod_customcatalogreader.cc_catalog table.table-striped td { padding: 5px; } .mod_customcatalogreader.cc_catalog table.table-striped tr { background: rgba(0,0,0,0.03); } .mod_customcatalogreader.cc_catalog table.table-striped tr:nth-child(odd) { background: none; } .mod_customcatalogreader.cc_catalog .notelistamount { display: none; } .mod_customcatalogreader.cc_catalog .notelist input.submit { width: auto; } .mod_customcatalogreader.cc_catalog .notelist input.update { display: none; } .mod_customcatalogreader.cc_catalog .ce_tabs { margin: 65px 0 35px 0; } .mod_customcatalogreader.cc_catalog .ce_tabs .tabs.classic ul li.active { background: rgb(230,230,230); color: rgb(255,255,255); } .mod_customcatalogreader.cc_catalog .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; border: 1px solid rgb(230,230,230); } .mod_customcatalogreader.cc_catalog .single-features ul { overflow: hidden; } .mod_customcatalogreader.cc_catalog .single-features li { width: 33.333%; float: left; margin-bottom: 13px; } .mod_customcatalogreader.cc_catalog .single-print { margin: 12px 0 5px 0; } .mod_customcatalogreader.cc_catalog .single-print a, .mod_customcatalogreader.cc_catalog .single-mail a { color: rgb(140,140,140); } .mod_customcatalogreader.cc_catalog .single-print a:hover, .mod_customcatalogreader.cc_catalog .single-mail a:hover { color: rgb(50,50,50); } .mod_customcatalogreader.cc_catalog .single-print i, .mod_customcatalogreader.cc_catalog .single-mail i { margin-right: 5px; } .notelist .submit_container input.submit:hover { opacity: 0.9; } .mod_customcatalogreader.cc_catalog .ce_number { display: inline-block; } .mod_customcatalogreader.cc_catalog .single-rating { margin: 11px 0; } .mod_customcatalogreader.cc_catalog .single-rating button, .mod_customcatalogreader.cc_catalog .single-rating .counter { display: none!important; } .mod_customcatalogreader.cc_catalog .single-rating .rateit_container { display: inline-block; margin-right: 10px; } .mod_customcatalogreader.cc_catalog .single-rating .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogreader.cc_catalog .single-color { margin-bottom: 25px; } .mod_customcatalogreader.cc_catalog .single-color li { border: 1px solid rgb(200,200,200); width: 22px; height: 22px; display: inline-block; text-indent: -9999px; background: rgb(0,0,0); } .mod_customcatalogreader.cc_catalog .single-metadata div { font-size: 0.9rem; } /* tag color */ .mod_customcatalogreader.cc_catalog .single-color li.value_blau { background: rgb(93,156,236); } .mod_customcatalogreader.cc_catalog .single-color li.value_weiss { background: rgb(255,255,255); } .mod_customcatalogreader.cc_catalog .single-color li.value_schwarz { background: rgb(0,0,0); } .mod_customcatalogreader.cc_catalog .single-color li.value_gelb { background: rgb(243,156,17); } /* ============================================================================= * cc_catalog notelist * ========================================================================== */ .mod_customcataloglist .notelist-sum { display: none; } .mod_customcataloglist.notelist-view .notelist-sum { display: block; padding: 50px; font-size: 2em; color: rgb(255,255,255); } .mod_customcataloglist .notelist-sum .headline { display: inline-block; color: rgb(50,50,50); } /* ============================================================================= * cc_catalog filter * ========================================================================== */ .mod_customcatalogfilter.catalog_filter fieldset { margin: 0; border: 0; padding: 0 0 20px 0; border-top: 1px solid rgb(200,200,200); } .mod_customcatalogfilter.catalog_filter legend { margin-bottom: 10px; } .mod_customcatalogfilter.catalog_filter div.widget { margin-bottom: 10px; } .mod_customcatalogfilter.catalog_filter .filter_pagetree { display: none; } .mod_customcatalogfilter.catalog_filter .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.catalog_filter .checkbox_container label { position: relative; top: -8px; } .ios .mod_customcatalogfilter.catalog_filter .checkbox_container label { top: 3px; } .mod_customcatalogfilter.catalog_filter .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.catalog_filter .filter_range label { display: none; } .mod_customcatalogfilter.catalog_filter .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.catalog_filter .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.catalog_filter .submit_container input.clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.catalog_filter .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.catalog_filter .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.catalog_filter .filter_text label { display: none; } .mod_customcatalogfilter.catalog_filter .filter_text legend label { display: inline-block; } /* ============================================================================= * cc_catalog slider * ========================================================================== */ .mod_customcataloglist .cc_catalog_slider .swiper-container { height: 700px; } .mod_customcataloglist .cc_catalog_slider .entry { flex: 0 0 100%; } .mod_customcataloglist .cc_catalog_slider .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .mod_customcataloglist .cc_catalog_slider .slider-content-wrapper { position: absolute; z-index: 10; bottom: 50px; left: 0; background: rgba(0,0,0,0.8); color: #fff; } .mod_customcataloglist .cc_catalog_slider .name { font-size: 2em; float: left; padding: 10px 20px; line-height: 2.5rem; } .mod_customcataloglist .cc_catalog_slider .price { float: right; padding: 15px 20px; border-left: 1px solid rgba(255,255,255,0.4); font-size: 1.5em; } .mod_customcataloglist .cc_catalog_slider .content-outside { max-width: 1240px; margin-left: auto; margin-right: auto; position: relative; height: 100%; } .mod_customcataloglist .cc_catalog_slider .content-inside { margin-left: 40px; margin-right: 40px; position: relative; height: 100%; } .mod_customcataloglist .cc_immorealty_slider .swiper-container { height: 350px; } .mod_customcataloglist .cc_catalog_slider .swiper-button-next { right: 25px; } .mod_customcataloglist .cc_catalog_slider .swiper-button-prev { left: 25px; } .mod_customcataloglist .cc_catalog_slider .swiper-button-next:after, .mod_customcataloglist .cc_catalog_slider .swiper-button-prev:after { display: inline-block; width: 90px; } .mod_customcataloglist .cc_catalog_slider .ce_number { display: inline-block; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcatalogreader.cc_catalog .single-leftside, .mod_customcatalogreader.cc_catalog .single-rightside { float: none; width: 100%; } .mod_customcatalogreader.cc_catalog .single-rightside { margin-top: 20px; padding: 0; } .mod_customcatalogreader.cc_catalog .ce_tabs { padding: 0; } .mod_customcatalogreader.cc_catalog .single-features li { width: 100%; float: none; } .mod_customcatalogreader.cc_catalog .single-metadata-col1, .mod_customcatalogreader.cc_catalog .single-metadata-col2, .mod_customcatalogreader.cc_catalog .single-metadata-col3 { font-size: 1em; } .mod_customcatalogreader.cc_catalog .single-price strong { font-size: 1.5em; } .mod_customcatalogreader.cc_catalog .single-price span { margin-top: 20px; } .mod_customcataloglist.cc_catalog.cc_catalog_col2 .notelist { margin-bottom: 20px; } .mod_customcataloglist.cc_catalog.cc_catalog_col2 { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcataloglist.cc_catalog.cc_catalog_col2 .entry { width: 100%; float: none; padding-left: 0; padding-right: 0; } .mod_customcataloglist.cc_catalog.cc_catalog_col2 .item-leftside .image_container img { height: auto; } .mod_customcataloglist.cc_catalog .notelist { margin-bottom: 15px; } .mod_customcataloglist.cc_catalog.grid-view .entry { flex: 0 0 100%; } .mod_customcataloglist .cc_catalog_slider .name { font-size: 1.5em; padding: 25px 5px 0 15px; float: none; } .mod_customcataloglist .cc_catalog_slider .swiper-container { height: 350px; } .mod_customcataloglist .cc_catalog_slider .price { padding: 0px 15px 15px 15px; float: none; } .mod_customcataloglist .cc_catalog_slider .state { left: 15px; font-size: 0.9em; } .mod_customcataloglist.cc_catalog .list-options { display: none; } .mod_customcatalogfilter.cardealer_filter .checkbox_container label { top: -8px; } .mod_customcataloglist .cc_catalog_slider .name { padding: 15px 15px 0 15px; } .mod_customcataloglist .cc_catalog_slider .price { border-color: transparent; } } /** * DEMO: cc_accommodations */ /* ============================================================================= * cc_accommodations list * ========================================================================== */ .mod_customcataloglist.cc_accommodations .entry { margin-bottom: 35px; background: rgb(255,255,255); box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03); } .mod_customcataloglist.cc_accommodations .item-col2 .item-headline { float: left; max-width: 260px; } .mod_customcataloglist.cc_accommodations .item-col2 .item-features { float: right; } @media only screen and (max-width: 1100px) { .mod_customcataloglist.cc_accommodations .item-col2 .item-features { float: left; margin: 10px 0; } } .mod_customcataloglist.cc_accommodations .item-col2 .item-top-wrap { overflow: hidden; } .mod_customcataloglist.cc_accommodations .item-col2, .mod_customcataloglist.cc_accommodations .item-col3 { padding: 30px; } .mod_customcataloglist.cc_accommodations h5 { margin-bottom: 5px; } .mod_customcataloglist.cc_accommodations .date i { margin-right: 5px; } .mod_customcataloglist.cc_accommodations .ce_timestamp { display: inline-block; } .mod_customcataloglist.cc_accommodations .ce_tags { display: inline-block; } .mod_customcataloglist.cc_accommodations .item-description { margin-top: 20px; font-size: 0.95rem; color: rgb(190,190,190); } .mod_customcataloglist.cc_accommodations .item-features li { display: inline-block; } .mod_customcataloglist.cc_accommodations .item-features i { border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); line-height: 35px; height: 35px; width: 35px; text-align: center; color: rgb(255,255,255); } .mod_customcataloglist.cc_accommodations .item-price { font-size: 1.5rem; font-weight: bold; text-align: center; } .mod_customcataloglist.cc_accommodations .item-price-label, .mod_customcataloglist.cc_accommodations .item-price-add { text-align: center; } .mod_customcataloglist.cc_accommodations .rateit_container .counter, .mod_customcataloglist.cc_accommodations .rateit_container button { display: none!important; } /* ============================================================================= * cc_accommodations teaser * ========================================================================== */ .mod_customcatalogteaser.cc_accommodations .entry { margin-bottom: 25px; } .mod_customcatalogteaser.cc_accommodations .item-inside { position: relative; } .mod_customcatalogteaser.cc_accommodations .item-highlight-icon { color: rgb(255,255,255); position: absolute; top: 0; left: -30px; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; } .mod_customcatalogteaser.cc_accommodations .item-headline { margin: 10px 0; } .mod_customcatalogteaser.cc_accommodations .item-headline h5 { margin-bottom: 0; max-width: 120px; } .mod_customcatalogteaser.cc_accommodations .destination { color: rgb(120,120,120); text-transform: uppercase; font-size: 0.9rem; } .mod_customcatalogteaser.cc_accommodations .ce_tags { display: inline-block; } .mod_customcatalogteaser.cc_accommodations .item-features { margin-top: 20px; } .mod_customcatalogteaser.cc_accommodations .item-features li { display: inline-block; } .mod_customcatalogteaser.cc_accommodations .item-features i { border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); line-height: 35px; height: 35px; width: 35px; text-align: center; color: rgb(255,255,255); } .mod_customcatalogteaser.cc_accommodations .item-content { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); padding: 15px 20px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; opacity: 0.9; } .mod_customcatalogteaser.cc_accommodations .item-content, .mod_customcatalogteaser.cc_accommodations .item-content a { color: rgb(255,255,255); } .mod_customcatalogteaser.cc_accommodations .destination { color: rgb(255,255,255); } .mod_customcatalogteaser.cc_accommodations .item-leftside { float: left; width: 70% } .mod_customcatalogteaser.cc_accommodations .item-rightside { float: right; text-align: right; width: 30% } .mod_customcatalogteaser.cc_accommodations h5 { margin-bottom: 0; } .mod_customcatalogteaser.cc_accommodations .item-price { font-size: 1.3rem; font-weight: bold; } /* ============================================================================= * item highlight w/star * ========================================================================== */ .mod_customcataloglist.cc_accommodations .item-highlight-icon { background: rgba(0,0,0,0.7); color: rgb(255,255,255); position: absolute; top: 0; left: -20px; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; } /* ============================================================================= * cc_accommodations reader * ========================================================================== */ .mod_customcatalogreader.cc_accommodations .single-leftside { width: 58%; float: left; } .mod_customcatalogreader.cc_accommodations .single-rightside { width: 42%; float: left; padding-left: 30px; } .mod_customcatalogreader.cc_accommodations h1 { margin-bottom: 10px; font-size: 1.6rem; } .mod_customcatalogreader.cc_accommodations .ce_tags, .mod_customcatalogreader.cc_accommodations .ce_timestamp { display: inline-block; } .mod_customcatalogreader.cc_accommodations i { width: 20px; } .mod_customcatalogreader.cc_accommodations .single-top-content { overflow: hidden; background: rgb(255,255,255); padding: 20px; } .mod_customcatalogreader.cc_accommodations .single-price strong { color: rgb(255,255,255); font-size: 1.5em; font-weight: bold; display: inline-block; padding: 0 15px; border-radius: 4px; margin-top: 30px; margin-bottom: 25px; } .mod_customcatalogreader.cc_accommodations .single-price span { transform: translateY(-10px); -webkit-transform: translateY(-10px); display: inline-block; margin: 10px 0; } .mod_customcatalogreader.cc_accommodations table.table-striped { width: 100%; margin-bottom: 20px; } .mod_customcatalogreader.cc_accommodations table.table-striped td { padding: 5px; } .mod_customcatalogreader.cc_accommodations table.table-striped tr { background: rgba(0,0,0,0.03); } .mod_customcatalogreader.cc_accommodations table.table-striped tr:nth-child(odd) { background: none; } .mod_customcatalogreader.cc_accommodations .ce_tabs { margin: 35px 0; } .mod_customcatalogreader.cc_accommodations .ce_tabs .tabs.classic ul li.active { background: rgb(255,255,255); } .mod_customcatalogreader.cc_accommodations .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; } .mod_customcatalogreader.cc_accommodations .single-features ul { overflow: hidden; } .mod_customcatalogreader.cc_accommodations .single-features li { width: 33.333%; float: left; margin-bottom: 4px; } .mod_customcatalogreader.cc_accommodations .single-print { margin: 12px 0 5px 0; } .mod_customcatalogreader.cc_accommodations .single-print a, .mod_customcatalogreader.cc_accommodations .single-mail a { color: rgb(140,140,140); } .mod_customcatalogreader.cc_accommodations .single-print a:hover, .mod_customcatalogreader.cc_accommodations .single-mail a:hover { color: rgb(50,50,50); } .mod_customcatalogreader.cc_accommodations .single-print i, .mod_customcatalogreader.cc_accommodations .single-mail i { margin-right: 5px; } .notelist .submit_container input.submit:hover { opacity: 0.9; } .mod_customcatalogreader.cc_accommodations .ce_number { display: inline-block; } .mod_customcatalogreader.cc_accommodations .leftside-inside { padding: 20px; background: rgb(255,255,255); } .mod_customcatalogreader.cc_accommodations .single-logo { margin-bottom: 20px; } .mod_customcatalogreader.cc_accommodations .single-destination { text-transform: uppercase; } .mod_customcatalogreader.cc_accommodations h5 { margin-bottom: 0; } .mod_customcatalogreader.cc_accommodations .single-price-left-wrap { overflow: hidden; border-top: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(220,220,220); margin: 10px 0; padding: 10px 0; } .mod_customcatalogreader.cc_accommodations .single-price-left-label { float: left; } .mod_customcatalogreader.cc_accommodations .single-price-left { float: right; } .mod_customcatalogreader.cc_accommodations .single-short-description { font-size: 0.9rem; margin-top: 20px; } .mod_customcatalogreader.cc_accommodations .single-features li { width: 33.333%; float: left; margin-bottom: 1px; background: rgba(0,0,0,0.02); font-size: 0.8rem; text-transform: uppercase; } .mod_customcatalogreader.cc_accommodations .single-features li i { background: rgb(90,90,90); color: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center; margin-right: 10px; } .mod_customcatalogreader.cc_accommodations .ce_form { margin-bottom: 35px; background: rgb(255,255,255); padding: 25px; } .mod_customcatalogreader.cc_accommodations .rateit_container .counter, .mod_customcatalogreader.cc_accommodations .rateit_container button { display: none!important; } /* ============================================================================= * cc_accommodations filter * ========================================================================== */ .mod_customcatalogfilter.accommodations_filter { padding: 10px; background: rgb(255,255,255); } .mod_customcatalogfilter.accommodations_filter fieldset { margin: 0; border: 0; padding: 0 0 20px 0; } .mod_customcatalogfilter.accommodations_filter div.widget { margin-bottom: 10px; } .mod_customcatalogfilter.accommodations_filter legend { display: none; } .mod_customcatalogfilter.accommodations_filter .timestamp_container legend { display: inline-block; } .mod_customcatalogfilter.accommodations_filter .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.accommodations_filter .checkbox_container label { position: relative; top: -8px; } .ios .mod_customcatalogfilter.accommodations_filter .checkbox_container label { top: 3px; } .mod_customcatalogfilter.accommodations_filter .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.accommodations_filter .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.accommodations_filter .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.accommodations_filter .submit_container .clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.accommodations_filter .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.accommodations_filter .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.accommodations_filter .filter_text label { display: none; } .mod_customcatalogfilter.accommodations_filter .filter_text legend label { display: inline-block; } .mod_customcatalogfilter.accommodations_filter .timestamp_container input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiPjwvZz48Zz48Zz48Zz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMTEuMTYsMjEuMTA3YzAsMCwwLjU2MSwwLjU1OSwxLjI4OCwwLjU1OWMwLjU2OSwwLDAuODk0LTAuMjc4LDAuODk0LTAuNjIxYzAtMC40OS0wLjQ5LTAuNjkyLTEuMTY2LTAuNjkyaC0wLjQzOGwtMC4zMjQtMC43NDRsMC44MjQtMC45ODljMC4yOTgtMC4zNTksMC41NDMtMC41ODksMC41NDMtMC41ODl2LTAuMDE3YzAsMC0wLjIwMiwwLjA0My0wLjU5NiwwLjA0M2gtMS40OTh2LTEuMzEzaDMuOTUxdjAuOTU2bC0xLjI3LDEuNDYzYzAuOTMsMC4yMDIsMS41MTUsMC45MzgsMS41MTUsMS44MTNjMCwxLjA2OC0wLjc1MywyLjEzNy0yLjMyMiwyLjEzN2MtMS40MDEsMC0yLjEzNy0wLjgyNC0yLjEzNy0wLjgyNEwxMS4xNiwyMS4xMDd6Ii8+PHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTTE1Ljc5NCwyMS42OTNoMS4zMzJ2LTIuNjFjMC0wLjIzNywwLjAwOS0wLjQ4MSwwLjAwOS0wLjQ4MWgtMC4wMTdjMCwwLTAuMDc5LDAuMTc0LTAuMjQ2LDAuMzMybC0wLjM3NywwLjM0M2wtMC44ODQtMC45NDdsMS42OS0xLjU4NmgxLjMyM3Y0Ljk1aDEuMzR2MS4zMTNoLTQuMTcxVjIxLjY5M0wxNS43OTQsMjEuNjkzeiIvPjwvZz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMjQuNDc0LDkuMzMyaC0yLjMyMVY3LjcwN2MwLTEuNTM3LTEuMjQ5LTIuNzg2LTIuNzg2LTIuNzg2Yy0xLjUzNiwwLTIuNzg1LDEuMjQ5LTIuNzg1LDIuNzg2djEuNjI1aC0yLjgzM1Y3LjcwN2MwLTEuNTM3LTEuMjUtMi43ODYtMi43ODYtMi43ODZjLTEuNTM3LDAtMi43ODYsMS4yNDktMi43ODYsMi43ODZ2MS42MjVINS44NTVjLTAuNDYyLDAtMC44MzYsMC4zNzUtMC44MzYsMC44MzZ2MTUuNzM5YzAsMC40NjMsMC4zNzQsMC44MzcsMC44MzYsMC44MzdoMTguNjE5YzAuNDYxLDAsMC44MzYtMC4zNzQsMC44MzYtMC44MzdWMTAuMTY4QzI1LjMxLDkuNzA3LDI0LjkzNSw5LjMzMiwyNC40NzQsOS4zMzJ6IE0xOC4yNTIsNy43MDdjMC0wLjYxNSwwLjQ5OS0xLjExNSwxLjExNC0xLjExNXMxLjExNCwwLjUsMS4xMTQsMS4xMTV2My43ODVjMCwwLjYxNS0wLjQ5OSwxLjExNC0xLjExNCwxLjExNHMtMS4xMTQtMC40OTktMS4xMTQtMS4xMTRWNy43MDd6IE05Ljg0OCw3LjcwN2MwLTAuNjE1LDAuNDk5LTEuMTE1LDEuMTE1LTEuMTE1YzAuNjE1LDAsMS4xMTQsMC41LDEuMTE0LDEuMTE1djMuNzg1YzAsMC42MTUtMC40OTksMS4xMTQtMS4xMTQsMS4xMTRjLTAuNjE2LDAtMS4xMTUtMC40OTktMS4xMTUtMS4xMTRWNy43MDd6IE0yMy42MzksMjUuMDcySDYuNjlWMTUuMDQzaDE2Ljk0OFYyNS4wNzJ6Ii8+PC9nPjwvZz48L3N2Zz4=); background-size: 32px; background-position: right center; padding-right: 40px; } /* ============================================================================= * cc_accommodations slider * ========================================================================== */ .mod_customcataloglist .cc_accommodations_slider .swiper-container { height: 700px; } .mod_customcataloglist .cc_accommodations_slider .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .mod_customcataloglist .cc_accommodations_slider .slider-content-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; text-align: center; } .mod_customcataloglist .cc_accommodations_slider .name { font-size: 5rem; font-weight: bold; line-height: 1; margin: 20px 0; } .mod_customcataloglist .cc_accommodations_slider .price { font-size: 2rem; } .mod_customcataloglist .cc_accommodations_slider .price strong { font-size: 2.5rem; } .mod_customcataloglist .cc_accommodations_slider .date { font-size: 1.3rem; display: inline-block; line-height: 3rem; padding: 0 20px; position: relative; overflow: hidden } .mod_customcataloglist .cc_accommodations_slider .date:after { content: ''; color: rgb(255,255,255); position: absolute; top: 0; right: -33px; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 10; background: rgba(0,0,0,0.2); } .mod_customcataloglist .cc_accommodations_slider .content-outside { max-width: 1240px; margin-left: auto; margin-right: auto; position: relative; height: 100%; } .mod_customcataloglist .cc_accommodations_slider .content-inside { margin-left: 40px; margin-right: 40px; position: relative; height: 100%; } .mod_customcataloglist .cc_accommodations_slider .swiper-button-next { right: 25px; } .mod_customcataloglist .cc_accommodations_slider .swiper-button-prev { left: 25px; } .mod_customcataloglist .cc_accommodations_slider .swiper-button-next:after, .mod_customcataloglist .cc_accommodations_slider .swiper-button-prev:after { display: inline-block; width: 90px; } .mod_customcataloglist .cc_accommodations_slider .ce_number { display: inline-block; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcatalogreader.cc_accommodations .single-leftside, .mod_customcatalogreader.cc_accommodations .single-rightside { float: none; width: 100%; } .mod_customcatalogreader.cc_accommodations .ce_form .autogrid { margin-bottom: 0!important; } .mod_customcatalogreader.cc_accommodations .single-features li { width: 100%; float: none; } .mod_customcatalogreader.cc_accommodations .single-features .ce_tags { display: block; } .mod_customcatalogreader.cc_accommodations .single-rightside { margin-top: 20px; padding: 0; } .mod_customcatalogreader.cc_accommodations .ce_tabs { padding: 0; } .mod_customcataloglist.cc_accommodations .item-col3 { min-height: 0; border: 0; } .mod_customcataloglist .cc_accommodations_slider .name { font-size: 2em; } .mod_customcataloglist .cc_accommodations_slider .swiper-container { height: 350px; } .mod_customcataloglist .cc_accommodations_slider .date { font-size: 1rem; } .mod_customcataloglist .cc_accommodations_slider .price { font-size: 1.2rem; } .mod_customcataloglist .cc_accommodations_slider .slider-content-wrapper { width: 100%; } .mod_customcataloglist.cc_accommodations .list-options { display: none; } .mod_customcataloglist.cc_accommodations .item-price-label, .mod_customcataloglist.cc_accommodations .item-price-add, .mod_customcataloglist.cc_accommodations .item-price { text-align: right; } .mod_customcatalogfilter.accommodations_filter .checkbox_container label { top: -8px; } .mod_customcataloglist.cc_accommodations .item-col2 .item-features { float: none; margin-top: 15px; } .mod_customcataloglist.cc_accommodations .item-col1.autogrid, .mod_customcataloglist.cc_accommodations .item-col2.autogrid, .mod_customcataloglist.cc_accommodations .item-col3.autogrid { margin: 0; } .mod_customcataloglist.cc_accommodations .item-col2 .item-headline { max-width: 100%; float: none; } } /** * DEMO: cc_directory */ /* ============================================================================= * cc_directory - filter * ========================================================================== */ .mod_customcatalogfilter.cc_directory .filter_geolocation .slider_range_input { background: transparent; border: 0; height: 3rem; padding: 0; font-size: 3rem; line-height: 3rem; } .mod_customcatalogfilter.cc_directory .filter_geolocation .ui-slider-range { background: rgb(225, 225, 225)!important; border-color: rgb(225, 225, 225); } .mod_customcatalogfilter.cc_directory .filter_geolocation .ui-widget-content { border-color: rgb(225, 225, 225); } .mod_customcatalogfilter.cc_directory .filter_geolocation .ui-state-default { background: rgb(62, 62, 62); border-color: rgb(62, 62, 62); border-radius: 100%; } .mod_customcatalogfilter.cc_directory .filter_geolocation .range_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_directory .filter_geolocation .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cc_directory .filter_geolocation input { margin-bottom: 15px; } .mod_customcatalogfilter.cc_directory .select_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_directory .select_container select { border: 1px solid rgba(0, 0, 0, 0.075); } .mod_customcatalogfilter.cc_directory .range_wrapper { border: 1px solid rgba(0, 0, 0, 0.075); padding: 15px; } .mod_customcatalogfilter.cc_directory .range_wrapper i { margin-right: 5px; } .mod_customcatalogfilter.cc_directory .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.cc_directory .checkbox_container label { position: relative; top: -8px; font-size: 0.9rem; } .mod_customcatalogfilter.cc_directory .filter_pagetree.hide { display: none; } .ios .mod_customcatalogfilter.cc_directory .checkbox_container label { top: 3px; } .mod_customcatalogfilter.cc_directory.product_filter { background: rgb(255,255,255); padding: 20px; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 8px; } .mod_customcatalogfilter.cc_directory.product_filter fieldset { border: 0; padding: 0; } .mod_customcatalogfilter.cc_directory.product_filter fieldset legend { background: transparent; font-weight: bold; font-size: 0.9rem; color: inherit; padding-left: 0; margin-bottom: 5px; } .mod_customcatalogfilter.cc_directory.product_filter fieldset.checkbox_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_directory.product_filter fieldset.checkbox_container legend { margin-bottom: 10px; } .mod_customcatalogfilter.cc_directory.product_filter .filter_text label { display: none; } .mod_customcatalogfilter.cc_directory.product_filter .filter_text legend label { display: inline-block; } .mod_customcatalogfilter.cc_directory.product_filter .submit_container .clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.cc_directory.product_filter .clear_filters { display: none; } .mod_customcatalogfilter.cc_directory.product_filter input { border: 1px solid rgba(0, 0, 0, 0.075); } /* ============================================================================= * cc_directory - filter | filter_sorting * ========================================================================== */ .mod_customcatalogfilter.cc_directory.filter_sorting { float: right; margin-right: 30px; } @media only screen and (max-width: 1070px) { .mod_customcatalogfilter.filter_sorting .filter_sorting_alphabetic legend { display: none; } } @media only screen and (max-width: 860px) { .mod_catalog_counter { display: none; } } .mod_customcatalogfilter.cc_directory.filter_sorting fieldset { margin-bottom: 0; } .mod_customcatalogfilter.cc_directory.filter_sorting select { border: 1px solid rgba(0, 0, 0, 0.075); } .mod_customcatalogfilter.cc_directory.filter_sorting .submit_container { display: none!important; } .mod_customcatalogfilter.cc_directory.filter_sorting .widget { display: inline-block; } .mod_customcatalogfilter.cc_directory.filter_sorting .widget fieldset { padding: 0; border: 0; margin-left: 25px; } .mod_customcatalogfilter.cc_directory.filter_sorting .widget legend { float: left; margin-right: 10px; background: none; color: inherit; margin-top: 5px; font-size: 12px; } .mod_customcatalogfilter.cc_directory.filter_sorting .formbody { text-align: right; } .mod_customcatalogfilter.cc_directory.filter_sorting .widget select { width: auto; height: 37px; } /* ============================================================================= * cc_directory - list * ========================================================================== */ .mod_customcataloglist.cc_directory { clear: both; } .mod_customcataloglist.cc_directory.hide { display: none; } .mod_customcataloglist.cc_directory .item-wrapper { display: flex; flex-wrap: wrap; } .mod_customcataloglist.cc_directory .entry { margin-bottom: 20px; flex: 0 0 50%; padding-left: 1%; padding-right: 1%; } .mod_customcataloglist.cc_directory .item-inside { overflow: hidden; position: relative; background: #fff; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 8px; min-height: 400px; } .mod_customcataloglist.cc_directory .content { padding: 20px; } .mod_customcataloglist.cc_directory h6 { margin: 10px 0; } .mod_customcataloglist.cc_directory .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcataloglist.cc_directory .ce_number { display: inline-block; } .mod_customcataloglist.cc_directory .item-wrapper { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcataloglist.cc_directory .highlight { background: #d75542; color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 100; } .mod_customcataloglist.cc_directory .short_description { font-size: 0.9rem; line-height: 1.6; color: rgba(0,0,0,0.4); } .mod_customcataloglist.cc_directory .image { min-height: 130px; background: #393939; } .mod_customcataloglist.cc_directory .content_bottom { overflow: hidden; margin-top: 25px; border-top: 1px dashed rgba(0, 0, 0, 0.075); padding-top: 10px; font-size: 0.9rem; color: rgba(0,0,0,0.5); } .mod_customcataloglist.cc_directory .geolocation i { margin-right: 5px; } .mod_customcataloglist.cc_directory .geolocation { float: left; } .mod_customcataloglist.cc_directory .price { float: right; } /* ============================================================================= * cc_directory - list | listview * ========================================================================== */ .mod_customcataloglist.cc_directory.listview .entry { width: 100%; float: none; margin-bottom: 1%; } .mod_customcataloglist.cc_directory.listview .entry .item-inside { min-height: 0; overflow: hidden; display: flex; padding: 20px; } .mod_customcataloglist.cc_directory.listview .entry .image { min-height: 0; width: 120px; display: flex; align-items: center; background: none; } .mod_customcataloglist.cc_directory.listview .entry .content { width: calc(100% - 120px); display: flex; padding: 0; margin-left: 40px; } .mod_customcataloglist.cc_directory.listview .entry .content .content-inside { display: block; width: 100%; } /* ============================================================================= * cc_directory - list | google maps markers * ========================================================================== */ .mod_customcataloglist.cc_directory.googlemaps_markers .gmap { height: 600px; } /* ============================================================================= * cc_directory - view_switcher * ========================================================================== */ .mod_view_switcher { margin-bottom: 20px; float: right; } .mod_view_switcher li { display: inline-block; margin-left: 2px; } .mod_view_switcher li a i { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.075); padding: 10px; line-height: 1; background: rgb(255,255,255); border-radius: 3px; color: rgba(0,0,0,0.5); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_view_switcher li.active, .mod_view_switcher li:hover { color: rgba(0,0,0,0.8); } /* ============================================================================= * cc_directory - view_switcher * ========================================================================== */ .mod_catalog_counter { float: left; font-size: 12px; margin-top: 5px; } /* ============================================================================= * cc_directory - list | teaser * ========================================================================== */ .mod_customcataloglist.cc_directory.teaser .entry { flex: 0 0 33.33%; } /* ============================================================================= * cc_directory - reader * ========================================================================== */ .mod_customcatalogreader.cc_directory .single-box-one, .mod_customcatalogreader.cc_directory .single-box-two, .mod_customcatalogreader.cc_directory .single-box-three { background: #fff; border: 1px solid #ececec; border-radius: 8px; padding: 25px; margin-bottom: 45px; } .mod_customcatalogreader.cc_directory .single-box-one { margin-top: 45px; } .mod_customcatalogreader.cc_directory .single-short-description { color: rgba(0,0,0,0.3); margin-bottom: 10px; } .mod_customcatalogreader.cc_directory h1 { margin-bottom: 0; } .mod_customcatalogreader.cc_directory .single-place { margin-top: 25px; } .mod_customcatalogreader.cc_directory i { margin-right: 5px; } .mod_customcatalogreader.cc_directory .single-maps-directions { margin-top: 20px; border-bottom: 1px solid #ececec; padding-bottom: 25px; margin-bottom: 25px; } .mod_customcatalogreader.cc_directory .single-print a, .mod_customcatalogreader.cc_directory .single-mail a { color: #919191; } .mod_customcatalogreader.cc_directory .single-print { border-top: 1px solid #ececec; padding-top: 20px; margin-top: 20px; } .mod_customcatalogreader.cc_directory .price { margin-bottom: 15px; } .mod_customcatalogreader.cc_directory .price .ce_number { display: inline-block; } .mod_customcatalogreader.cc_directory .single-description { margin-top: 35px; } .mod_customcatalogreader.cc_directory .ce_hyperlink a { margin-bottom: 0; } .mod_customcatalogreader.cc_directory .single-item-number { color: #fff; display: inline-block; border-radius: 5px; padding: 5px 8px; line-height: 1; font-size: 0.9rem; } .mod_customcatalogreader.cc_directory .ce_textarea ul { padding-left: 25px; } .mod_customcatalogreader.cc_directory .ce_textarea ul li { list-style-type: circle; list-style-position: outside; margin-bottom: 5px; line-height: 1.5; } .mod_customcatalogreader.cc_directory .ce_geolocation { width: 100%!important; } /* ============================================================================= * mod_categories - html module * ========================================================================== */ .mod_categories { overflow: hidden; text-align: center; } .mod_categories li { display: inline-block; } .mod_categories li a { display: inline-block; background: rgba(255,255,255,0.2); border-radius: 3px; padding: 10px; color: #fff; width: 100px; text-align: center; font-size: 0.9rem; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_categories li a:hover { background: rgba(255,255,255,0.5); } .mod_categories li img { display: inline-block; width: 40px; } .mod_categories li span { display: block; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcataloglist.cc_directory .entry { flex: 0 0 100%; } .mod_categories li a img { display: none; } .mod_categories li a { width: 100%; display: block; } .mod_categories li { display: block; margin-bottom: 2px; } .mod_customcataloglist.cc_directory.teaser .entry { flex: 0 0 100%; } .mod_view_switcher { display: none; } .ios .mod_customcatalogfilter.cc_directory .checkbox_container label { top: -8px; } .mod_customcatalogfilter.mobile_trigger_filter .filterform { visibility: hidden; opacity: 0; max-height: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_customcatalogfilter .filterform.show_filter { visibility: visible; opacity: 1; max-height: 1000px; } .autocomplete_results { width: calc(100% - 40px)!important; } .mod_catalog_counter { display: none; } .mod_customcatalogfilter.cc_directory.filter_sorting { display: none; } .mod_customcatalogfilter.cc_directory.product_filter { margin-bottom: 20px; } } /** * DEMO: cc_hotelapart */ /* ============================================================================= * cc_hotelapart_packages list * ========================================================================== */ .mod_customcataloglist.cc_hotelapart_packages .entry { min-height: 590px; } .mod_customcataloglist.cc_hotelapart_packages .item-inside { margin-bottom: 35px; background: rgb(255,255,255); box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03); position: relative; border-radius: 6px; } .mod_customcataloglist.cc_hotelapart_packages .item-content { padding: 25px; } .mod_customcataloglist.cc_hotelapart_packages .item-price-wrap { position: absolute; right: 10px; top: 10px; z-index: 10; background: rgb(255,255,255); padding: 10px; border-radius: 6px 6px 6px 0; line-height: 1.5rem; text-align: right; } .mod_customcataloglist.cc_hotelapart_packages h5 { margin-bottom: 5px; } .mod_customcataloglist.cc_hotelapart_packages .date i { margin-right: 5px; } .mod_customcataloglist.cc_hotelapart_packages .ce_timestamp { display: inline-block; } .mod_customcataloglist.cc_hotelapart_packages .item-features { margin-top: 15px; } .mod_customcataloglist.cc_hotelapart_packages .ce_tags { display: inline-block; } .mod_customcataloglist.cc_hotelapart_packages .item-description { margin-top: 20px; font-size: 0.95rem; color: rgb(190,190,190); } .mod_customcataloglist.cc_hotelapart_packages .item-features li { display: inline-block; } .mod_customcataloglist.cc_hotelapart_packages .item-features i { border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); line-height: 35px; height: 35px; width: 35px; text-align: center; color: rgb(255,255,255); } .mod_customcataloglist.cc_hotelapart_packages .item-price { font-size: 1.5rem; font-weight: bold; text-align: center; } /* ============================================================================= * cc_hotelapart_packages teaser * ========================================================================== */ .mod_customcatalogteaser.cc_hotelapart .item-inside { margin-bottom: 35px; background: rgb(255,255,255); box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03); position: relative; border-radius: 6px; } .mod_customcatalogteaser.cc_hotelapart .item-content { padding: 25px; } .mod_customcatalogteaser.cc_hotelapart .item-price-wrap { position: absolute; right: 10px; top: 10px; z-index: 10; background: rgb(255,255,255); padding: 10px; border-radius: 6px 6px 6px 0; line-height: 1.5rem; text-align: right; } .mod_customcatalogteaser.cc_hotelapart h5 { margin-bottom: 5px; } .mod_customcatalogteaser.cc_hotelapart .date i { margin-right: 5px; } .mod_customcatalogteaser.cc_hotelapart .ce_timestamp { display: inline-block; } .mod_customcatalogteaser.cc_hotelapart .item-features { margin-top: 15px; } .mod_customcatalogteaser.cc_hotelapart .ce_tags { display: inline-block; } .mod_customcatalogteaser.cc_hotelapart .item-description { margin-top: 20px; font-size: 0.95rem; color: rgb(190,190,190); } .mod_customcatalogteaser.cc_hotelapart .item-features li { display: inline-block; } .mod_customcatalogteaser.cc_hotelapart .item-features i { border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); line-height: 35px; height: 35px; width: 35px; text-align: center; color: rgb(255,255,255); } .mod_customcatalogteaser.cc_hotelapart .item-price { font-size: 1.5rem; font-weight: bold; text-align: center; } /* ============================================================================= * cc_hotelapart_packages reader * ========================================================================== */ .mod_customcatalogreader.cc_hotelapart_packages h1 { margin-bottom: 10px; font-size: 1.6rem; } .mod_customcatalogreader.cc_hotelapart_packages .single-top-content { overflow: hidden; background: rgb(255,255,255); padding: 20px; } .mod_customcatalogreader.cc_hotelapart_packages .rightside .single-image { position: relative; } .mod_customcatalogreader.cc_hotelapart_packages .rightside .single-price { position: absolute; right: 0px; top: 10px; z-index: 10; } .mod_customcatalogreader.cc_hotelapart_packages .single-price strong { color: rgb(255,255,255); font-size: 1.5em; font-weight: bold; display: inline-block; padding: 10px 15px; border-radius: 4px 0 0 4px; } .mod_customcatalogreader.cc_hotelapart_packages .single-price span { transform: translateY(-10px); -webkit-transform: translateY(-10px); display: inline-block; margin: 10px 0; } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs { margin: 35px 0; } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs .tabs.classic ul li.active { background: rgb(255,255,255); } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; } .mod_customcatalogreader.cc_hotelapart_packages .leftside-inside { padding: 20px; background: rgb(255,255,255); } .mod_customcatalogreader.cc_hotelapart_packages .single-price-left-wrap { overflow: hidden; border-top: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(220,220,220); margin: 10px 0 0 0; padding: 10px 0; } .mod_customcatalogreader.cc_hotelapart_packages .single-price-left-label { float: left; } .mod_customcatalogreader.cc_hotelapart_packages .single-price-left { float: right; } .mod_customcatalogreader.cc_hotelapart_packages .single-price-info { font-size: 0.8rem; color: rgba(0,0,0,0.5); } .mod_customcatalogreader.cc_hotelapart_packages .single-short-description { font-size: 0.9rem; margin-top: 20px; } .mod_customcatalogreader.cc_hotelapart_packages .ce_form { margin-bottom: 35px; background: rgb(255,255,255); } .mod_customcatalogreader.cc_hotelapart_packages .single-top .image { margin-bottom: 25px; } .mod_customcatalogreader.cc_hotelapart_packages .ce_number.number { display: inline-block; } .mod_customcatalogreader.cc_hotelapart_packages .ce_timestamp { display: inline-block; } .mod_customcatalogreader.cc_hotelapart_packages .leftside .ce_hyperlink { margin-top: 35px; } .mod_customcatalogreader.cc_hotelapart_packages .leftside .ce_hyperlink a { width: 100%; } .mod_customcatalogreader.cc_hotelapart_packages i.fa { margin-right: 5px; } .mod_customcatalogreader.cc_hotelapart_packages .rightside .single-desc { margin-top: 30px; } .mod_customcatalogreader.cc_hotelapart_packages .rightside .ce_textarea ul { padding-left: 20px; margin-bottom: 15px; } .mod_customcatalogreader.cc_hotelapart_packages .rightside .ce_textarea li { list-style: disc; list-style-position: outside; } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs .ce_list li { margin-bottom: 20px; font-size: 1rem; position: relative; font-family: inherit; list-style: none; } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs .ce_list ul { padding: 0; } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs .ce_list li:before { font-family: FontAwesome; content: "\f00c"; margin-right: 5px; } .mod_customcatalogreader.cc_hotelapart_packages .ce_tabs .ce_list li:after { content: ""; width: 70px; height: 1px; background: rgba(0,0,0,.08); position: absolute; left: -26px; bottom: -11px; } /* ============================================================================= * cc_hotelapart filter * ========================================================================== */ .mod_customcatalogfilter.hotelapart_filter { padding: 10px; background: rgb(255,255,255); } .mod_customcatalogfilter.hotelapart_filter fieldset { margin: 0; border: 0; padding: 0 0 20px 0; } .mod_customcatalogfilter.hotelapart_filter .filter_pagetree { display: none; } .mod_customcatalogfilter.hotelapart_filter div.widget { margin-bottom: 10px; } .mod_customcatalogfilter.hotelapart_filter legend { display: none; } .mod_customcatalogfilter.hotelapart_filter .timestamp_container legend { display: inline-block; } .mod_customcatalogfilter.hotelapart_filter .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.hotelapart_filter .checkbox_container label { position: relative; top: -8px; } .mod_customcatalogfilter.hotelapart_filter .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.hotelapart_filter .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.hotelapart_filter .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.hotelapart_filter .submit_container input.clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.hotelapart_filter .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.hotelapart_filter .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.hotelapart_filter .filter_text label { display: none; } .mod_customcatalogfilter.hotelapart_filter .filter_text legend label { display: inline-block; } .mod_customcatalogfilter.hotelapart_filter .timestamp_container input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiPjwvZz48Zz48Zz48Zz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMTEuMTYsMjEuMTA3YzAsMCwwLjU2MSwwLjU1OSwxLjI4OCwwLjU1OWMwLjU2OSwwLDAuODk0LTAuMjc4LDAuODk0LTAuNjIxYzAtMC40OS0wLjQ5LTAuNjkyLTEuMTY2LTAuNjkyaC0wLjQzOGwtMC4zMjQtMC43NDRsMC44MjQtMC45ODljMC4yOTgtMC4zNTksMC41NDMtMC41ODksMC41NDMtMC41ODl2LTAuMDE3YzAsMC0wLjIwMiwwLjA0My0wLjU5NiwwLjA0M2gtMS40OTh2LTEuMzEzaDMuOTUxdjAuOTU2bC0xLjI3LDEuNDYzYzAuOTMsMC4yMDIsMS41MTUsMC45MzgsMS41MTUsMS44MTNjMCwxLjA2OC0wLjc1MywyLjEzNy0yLjMyMiwyLjEzN2MtMS40MDEsMC0yLjEzNy0wLjgyNC0yLjEzNy0wLjgyNEwxMS4xNiwyMS4xMDd6Ii8+PHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTTE1Ljc5NCwyMS42OTNoMS4zMzJ2LTIuNjFjMC0wLjIzNywwLjAwOS0wLjQ4MSwwLjAwOS0wLjQ4MWgtMC4wMTdjMCwwLTAuMDc5LDAuMTc0LTAuMjQ2LDAuMzMybC0wLjM3NywwLjM0M2wtMC44ODQtMC45NDdsMS42OS0xLjU4NmgxLjMyM3Y0Ljk1aDEuMzR2MS4zMTNoLTQuMTcxVjIxLjY5M0wxNS43OTQsMjEuNjkzeiIvPjwvZz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMjQuNDc0LDkuMzMyaC0yLjMyMVY3LjcwN2MwLTEuNTM3LTEuMjQ5LTIuNzg2LTIuNzg2LTIuNzg2Yy0xLjUzNiwwLTIuNzg1LDEuMjQ5LTIuNzg1LDIuNzg2djEuNjI1aC0yLjgzM1Y3LjcwN2MwLTEuNTM3LTEuMjUtMi43ODYtMi43ODYtMi43ODZjLTEuNTM3LDAtMi43ODYsMS4yNDktMi43ODYsMi43ODZ2MS42MjVINS44NTVjLTAuNDYyLDAtMC44MzYsMC4zNzUtMC44MzYsMC44MzZ2MTUuNzM5YzAsMC40NjMsMC4zNzQsMC44MzcsMC44MzYsMC44MzdoMTguNjE5YzAuNDYxLDAsMC44MzYtMC4zNzQsMC44MzYtMC44MzdWMTAuMTY4QzI1LjMxLDkuNzA3LDI0LjkzNSw5LjMzMiwyNC40NzQsOS4zMzJ6IE0xOC4yNTIsNy43MDdjMC0wLjYxNSwwLjQ5OS0xLjExNSwxLjExNC0xLjExNXMxLjExNCwwLjUsMS4xMTQsMS4xMTV2My43ODVjMCwwLjYxNS0wLjQ5OSwxLjExNC0xLjExNCwxLjExNHMtMS4xMTQtMC40OTktMS4xMTQtMS4xMTRWNy43MDd6IE05Ljg0OCw3LjcwN2MwLTAuNjE1LDAuNDk5LTEuMTE1LDEuMTE1LTEuMTE1YzAuNjE1LDAsMS4xMTQsMC41LDEuMTE0LDEuMTE1djMuNzg1YzAsMC42MTUtMC40OTksMS4xMTQtMS4xMTQsMS4xMTRjLTAuNjE2LDAtMS4xMTUtMC40OTktMS4xMTUtMS4xMTRWNy43MDd6IE0yMy42MzksMjUuMDcySDYuNjlWMTUuMDQzaDE2Ljk0OFYyNS4wNzJ6Ii8+PC9nPjwvZz48L3N2Zz4=); background-size: 32px; background-position: right center; padding-right: 40px; } /* ============================================================================= * cc_hotelapart_rooms list * ========================================================================== */ .mod_customcataloglist.cc_hotelapart_rooms .item-inside { margin-bottom: 35px; background: rgb(255,255,255); box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03); position: relative; border-radius: 6px; } .mod_customcataloglist.cc_hotelapart_rooms .item-content { padding: 25px; } .mod_customcataloglist.cc_hotelapart_rooms .item-price-wrap { position: absolute; right: 10px; top: 10px; z-index: 10; background: rgb(255,255,255); padding: 5px 10px; border-radius: 6px 6px 6px 0; line-height: 1.5rem; text-align: right; } .mod_customcataloglist.cc_hotelapart_rooms h5 { margin-bottom: 5px; } .mod_customcataloglist.cc_hotelapart_rooms .date i { margin-right: 5px; } .mod_customcataloglist.cc_hotelapart_rooms .ce_timestamp { display: inline-block; } .mod_customcataloglist.cc_hotelapart_rooms .item-features { margin-top: 15px; } .mod_customcataloglist.cc_hotelapart_rooms .ce_tags { display: inline-block; } .mod_customcataloglist.cc_hotelapart_rooms .item-description { margin-top: 20px; font-size: 0.95rem; color: rgb(190,190,190); } .mod_customcataloglist.cc_hotelapart_rooms .item-features li { display: inline-block; } .mod_customcataloglist.cc_hotelapart_rooms .item-features i { border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); line-height: 35px; height: 35px; width: 35px; text-align: center; color: rgb(255,255,255); } .mod_customcataloglist.cc_hotelapart_rooms .item-price { font-size: 1.5rem; font-weight: bold; display: inline-block; } .mod_customcataloglist.cc_hotelapart_rooms .item-price-add { color: rgba(0,0,0,0.5); font-size: 0.8rem; } .mod_customcataloglist.cc_hotelapart_rooms .item-persons { font-size: 0.9rem; color: rgba(0,0,0,0.5); border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); margin: 5px 0; } /* ============================================================================= * cc_hotelapart_rooms reader * ========================================================================== */ .mod_customcatalogreader.cc_hotelapart_rooms h1 { margin-bottom: 10px; margin-top: 15px; font-size: 1.6rem; } .mod_customcatalogreader.cc_hotelapart_rooms .single-top-content { overflow: hidden; background: rgb(255,255,255); padding: 20px; } .mod_customcatalogreader.cc_hotelapart_rooms .rightside .single-image { position: relative; } .mod_customcatalogreader.cc_hotelapart_rooms .rightside .single-price { position: absolute; right: 0px; top: 10px; z-index: 10; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price strong { color: rgb(255,255,255); font-size: 0.9em; font-weight: bold; display: inline-block; padding: 10px 15px; border-radius: 4px 0 0 4px; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price strong .ce_text { display: inline-block; font-size: 1.5rem; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price span { transform: translateY(-10px); -webkit-transform: translateY(-10px); display: inline-block; margin: 10px 0; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs { margin: 35px 0; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs .tabs.classic ul li.active { background: rgb(255,255,255); } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; } .mod_customcatalogreader.cc_hotelapart_rooms .leftside-inside { padding: 20px; background: rgb(255,255,255); } .mod_customcatalogreader.cc_hotelapart_rooms .single-price-left-wrap { overflow: hidden; border-top: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(220,220,220); margin: 10px 0 0 0; padding: 10px 0; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price-left-label { float: left; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price-left { float: right; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price-left .ce_text { display: inline-block; } .mod_customcatalogreader.cc_hotelapart_rooms .single-price-info { font-size: 0.8rem; color: rgba(0,0,0,0.5); } .mod_customcatalogreader.cc_hotelapart_rooms .single-short-description { font-size: 0.9rem; margin-top: 20px; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_form { margin-bottom: 35px; background: rgb(255,255,255); } .mod_customcatalogreader.cc_hotelapart_rooms .single-top .image { margin-bottom: 25px; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_number.number { display: inline-block; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_timestamp { display: inline-block; } .mod_customcatalogreader.cc_hotelapart_rooms .leftside .ce_hyperlink { margin-top: 35px; } .mod_customcatalogreader.cc_hotelapart_rooms .leftside .ce_hyperlink a { width: 100%; } .mod_customcatalogreader.cc_hotelapart_rooms i.fa { margin-right: 5px; } .mod_customcatalogreader.cc_hotelapart_rooms .rightside .single-desc { margin-top: 15px; } .mod_customcatalogreader.cc_hotelapart_rooms .rightside .single-desc p:last-of-type { margin-bottom: 0; } .mod_customcatalogreader.cc_hotelapart_rooms .rightside .ce_textarea ul { padding-left: 20px; margin-bottom: 15px; } .mod_customcatalogreader.cc_hotelapart_rooms .rightside .ce_textarea li { list-style: disc; list-style-position: outside; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs li:hover { background: rgba(0,0,0,0.025); } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs .ce_list li { margin-bottom: 20px; font-size: 1rem; position: relative; font-family: inherit; list-style: none; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs .ce_list ul { padding: 0; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs .ce_list li:before { font-family: FontAwesome; content: "\f00c"; margin-right: 5px; } .mod_customcatalogreader.cc_hotelapart_rooms .ce_tabs .ce_list li:after { content: ""; width: 70px; height: 1px; background: rgba(0,0,0,.08); position: absolute; left: -26px; bottom: -11px; } .mod_customcatalogreader.cc_hotelapart_rooms .single-services { overflow: hidden; } .mod_customcatalogreader.cc_hotelapart_rooms .single-services li { width: 33.33%; float: left; margin-bottom: 5px; } .mod_customcatalogreader.cc_hotelapart_rooms .single-pricing td { font-size: 2rem; padding-top: 25px; padding-bottom: 25px; } .mod_customcatalogreader.cc_hotelapart_rooms .single-pricing td span { font-size: 1.2rem; color: rgba(0,0,0,0.5); display: inline-block; margin-right: 5px; } .mod_customcatalogreader.cc_hotelapart_rooms .single-pricing td, .mod_customcatalogreader.cc_hotelapart_rooms .single-pricing th { width: 33.33%; } .mod_customcatalogreader.cc_hotelapart_rooms .single-pricing table { margin-bottom: 35px; } .mod_customcatalogreader.cc_hotelapart_rooms .single-pricing table p { margin: 0; } /* ============================================================================= * cc_hotelapart_rooms pricing * ========================================================================== */ .mod_customcatalog_pricing .entry { padding: 30px; margin-bottom: 30px; background: rgba(0,0,0,0.02); } .mod_customcatalog_pricing .seasons { padding: 0 30px; } .mod_customcatalog_pricing .entry:nth-child(2n) { background: rgba(0,0,0,0.04); } .mod_customcatalog_pricing h5 { margin-bottom: 5px; } .mod_customcatalog_pricing .item-info { border-right: 1px solid rgba(0,0,0,0.1); padding-left: 5%; } .mod_customcatalog_pricing .item-features { margin-top: 15px; } .mod_customcatalog_pricing .item-description { margin-top: 20px; font-size: 0.95rem; color: rgb(190,190,190); } .mod_customcatalog_pricing .item-features li { display: inline-block; } .mod_customcatalog_pricing .item-features i { border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); line-height: 35px; height: 35px; width: 35px; text-align: center; color: rgb(255,255,255); } .mod_customcatalog_pricing .item-persons { font-size: 0.9rem; color: rgba(0,0,0,0.5); margin: 5px 0; } .mod_customcatalog_pricing .item-buttons { margin-top: 27px; } .mod_customcatalog_pricing .item-buttons a { min-width: 130px; } .mod_customcatalog_pricing .pricing { margin-top: 13%; font-size: 2.5rem; } .mod_customcatalog_pricing .pricing span { font-size: 1.2rem; color: rgba(0,0,0,0.6); display: inline-block; margin-right: 4px; } .mod_customcatalog_pricing .item-bookinginfo { margin-top: 30px; font-size: 0.8rem; color: rgba(0,0,0,0.5); line-height: 1.5; } .mod_customcatalog_pricing .pricing .only_mobile { font-size: 1rem; } .mod_customcatalog_pricing .ce_hyperlink a { margin-bottom: 1px; } /* ============================================================================= * cc_hotelapart phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcatalog_pricing .autogrid:not(.ce_autogridwrapper):not(.no_gutter) { margin-bottom: 0; } .mod_customcatalog_pricing .item-info { padding-left: 0; padding-right: 0; } .mod_customcatalog_pricing h5 { margin-top: 10px; } .mod_customcatalog_pricing .item-info { border: 0; } .mod_customcatalog_pricing .pricing { text-align: center; } .mod_customcatalogteaser.cc_hotelapart .item-inside, .mod_customcataloglist.cc_hotelapart_rooms .item-inside, .mod_customcataloglist.cc_hotelapart_packages .item-inside { margin-bottom: 0; } .mod_customcatalogreader.cc_hotelapart_rooms .single-services li { float: none; width: 100%; } .mod_customcatalogfilter.hotelapart_filter { background: none; padding: 0; } } /** * DEMO: cc_product_catalog */ /* ============================================================================= * cc_product_catalog list * ========================================================================== */ .mod_customcataloglist.cc_product_catalog .entry { flex: 0 0 33.33%; border-right: 1px solid rgb(241, 241, 241); border-bottom: 1px solid rgb(241, 241, 241); min-height: 440px; } .mod_customcataloglist.cc_product_catalog .entry:nth-child(3n+0) { border-right: 0; } .mod_customcataloglist.cc_product_catalog .swiper-wrapper .entry { border-bottom: 0; border-right: 1px solid rgb(241, 241, 241); } .mod_customcataloglist.cc_product_catalog .swiper-button-next:after, .mod_customcataloglist.cc_product_catalog .swiper-button-prev:after { color: rgba(0,0,0,0.4); } .mod_customcataloglist.cc_product_catalog .swiper-button-next, .mod_customcataloglist.cc_product_catalog .swiper-button-prev { margin-top: -45px; } .mod_customcataloglist.cc_product_catalog .item-inside { overflow: hidden; position: relative; text-align: center; padding-bottom: 30px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; border-top: 10px solid transparent; } .mod_customcataloglist.cc_product_catalog .item-inside:hover { border-top: 10px solid rgb(241, 241, 241); } .mod_customcataloglist.cc_product_catalog h6 { padding: 10px 20px 0 10px; margin-bottom: 0; margin-top: 10px; text-transform: uppercase; } .mod_customcataloglist.cc_product_catalog .brand { color: rgb(180,180,180); margin-bottom: 5px; } .mod_customcataloglist.cc_product_catalog .price { font-size: 1.15rem; } .mod_customcataloglist.cc_product_catalog .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcataloglist.cc_product_catalog .item-state { position: absolute; left: 10px; top: 10px; z-index: 10; background: rgb(92,184,92); color: rgb(255,255,255); text-transform: uppercase; font-size: 0.8em; font-weight: bold; padding: 0 7px; border-radius: 2px; } .mod_customcataloglist.cc_product_catalog .ce_number { display: inline-block; } .mod_customcataloglist.cc_product_catalog .item-wrapper { display: flex; flex-wrap: wrap; overflow: hidden; } .mod_customcataloglist:not(.mod_customcatalogteaser).cc_product_catalog .item-wrapper { border: 1px solid rgb(240,240,240); border-radius: 8px; } .mod_customcataloglist.cc_product_catalog .item-leftside, .mod_customcataloglist.cc_product_catalog .item-rightside { float: none; width: 100%; } .mod_customcataloglist.cc_product_catalog .item-leftside .image_container img { height: auto; width: 100%; max-width: 100%; } .mod_customcataloglist.cc_product_catalog .item-link-youtube, .mod_customcataloglist.cc_product_catalog .item-link-detail { padding-left: 20px; } .mod_customcataloglist.cc_product_catalog .item-rightside .item-content-col1, .mod_customcataloglist.cc_product_catalog .item-rightside .item-content-col2 { width: 100%; float: none; text-align: left; } .mod_customcataloglist.cc_product_catalog .notelist { margin-bottom: 15px; } .mod_customcataloglist.cc_product_catalog .rateit_container button, .mod_customcataloglist.cc_product_catalog .rateit_container .counter { display: none!important; } .mod_customcataloglist.cc_product_catalog .rateit_container { display: inline-block; margin-top: 20px; } .mod_customcataloglist.cc_product_catalog .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcataloglist.cc_product_catalog .rateit_container .thankyou { display: none!important; } .mod_customcataloglist.cc_product_catalog .pagination { padding: 20px 20px 10px 20px; } .mod_customcataloglist.cc_product_catalog .swiper-button-disabled { display: none; } @media only screen and (max-width: 970px) { .mod_customcataloglist.cc_product_catalog .entry { flex: 0 0 50%; } .mod_customcataloglist.cc_product_catalog .entry:nth-child(3n+0) { border-right: 1px solid rgb(241, 241, 241); } .mod_customcataloglist.cc_product_catalog .entry:nth-child(2n+0) { border-right: 0; } } /* ============================================================================= * item highlight w/star * ========================================================================== */ .mod_customcataloglist.cc_product_catalog .item-highlight-icon { background: rgba(0,0,0,0.1); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 10; } /* ============================================================================= * cc_product_catalog teaser * ========================================================================== */ .mod_customcatalogteaser.cc_product_catalog .entry { flex: 0 0 25%; text-align: center; position: relative; margin-bottom: 35px; min-height: 420px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; border: 1px solid transparent; } .mod_customcatalogteaser.cc_product_catalog .entry:hover { border: 1px solid rgb(190,190,190); } .mod_customcatalogteaser.cc_product_catalog .rateit_container button, .mod_customcatalogteaser.cc_product_catalog .rateit_container .counter { display: none!important; } .mod_customcatalogteaser.cc_product_catalog .rateit_container { display: inline-block; margin-top: 20px; margin-bottom: 20px; } .mod_customcatalogteaser.cc_product_catalog .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogteaser.cc_product_catalog .rateit_container .thankyou { display: none!important; } .mod_customcatalogteaser.cc_product_catalog .item-highlight-icon { background: rgba(0,0,0,0.1); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 10; } .mod_customcatalogteaser.cc_product_catalog h6 { padding: 10px 20px 0 10px; margin-bottom: 0; margin-top: 10px; text-transform: uppercase; } .mod_customcatalogteaser.cc_product_catalog .price { font-size: 1.15rem; } .mod_customcatalogteaser.cc_product_catalog .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } /* ============================================================================= * cc_product_catalog reader * ========================================================================== */ .mod_customcatalogreader.cc_product_catalog .single-leftside { width: 58%; float: left; } .mod_customcatalogreader.cc_product_catalog .single-rightside { width: 42%; float: left; padding-left: 30px; } .mod_customcatalogreader.cc_product_catalog .single-top-content { overflow: hidden; } .mod_customcatalogreader.cc_product_catalog .single-price-new { font-size: 2rem; font-weight: bold; display: inline-block; margin-right: 20px; } .mod_customcatalogreader.cc_product_catalog .single-price-old { display: inline-block; text-decoration: line-through; font-size: 1.5rem; transform: translateY(-2px); -webkit-transform: translateY(-2px); } .mod_customcatalogreader.cc_product_catalog h1 { font-size: 1.6rem; margin-bottom: 5px; } .mod_customcatalogreader.cc_product_catalog .single-subheadline { color: rgb(180,180,180); } .mod_customcatalogreader.cc_product_catalog .single-short-description { margin: 20px 0; } .mod_customcatalogreader.cc_product_catalog .single-stock { background: rgb(85,198,94); color: rgb(255,255,255); font-weight: bold; padding: 3px 10px; border-radius: 2px; display: inline-block; margin-bottom: 20px; } .mod_customcatalogreader.cc_product_catalog .single-stock.stockout { background: rgb(201,21,25); } .mod_customcatalogreader.cc_product_catalog .single-datasheet { margin-bottom: 20px; } .mod_customcatalogreader.cc_product_catalog .single-metadata { border-top: 1px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); margin: 20px 0 25px 0; overflow: hidden; } .mod_customcatalogreader.cc_product_catalog .single-metadata strong { display: block; } .mod_customcatalogreader.cc_product_catalog .single-metadata-col1, .mod_customcatalogreader.cc_product_catalog .single-metadata-col2, .mod_customcatalogreader.cc_product_catalog .single-metadata-col3 { width: 33.333%; float: left; font-size: 1.2em; } .mod_customcatalogreader.cc_product_catalog .single-metadata-col2 { border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); padding-left: 10px; } .mod_customcatalogreader.cc_product_catalog .single-metadata-col3 { padding-left: 10px; } .mod_customcatalogreader.cc_product_catalog table.table-striped { width: 100%; margin-bottom: 20px; } .mod_customcatalogreader.cc_product_catalog table.table-striped td { padding: 5px; } .mod_customcatalogreader.cc_product_catalog table.table-striped tr { background: rgba(0,0,0,0.03); } .mod_customcatalogreader.cc_product_catalog table.table-striped tr:nth-child(odd) { background: none; } .mod_customcatalogreader.cc_product_catalog .notelistamount { display: none; } .mod_customcatalogreader.cc_product_catalog .notelist input.submit { width: auto; } .mod_customcatalogreader.cc_product_catalog .notelist input.update { display: none; } .mod_customcatalogreader.cc_product_catalog .ce_tabs { margin: 65px 0 35px 0; } .mod_customcatalogreader.cc_product_catalog .ce_tabs .tabs.classic ul li.active { background: rgb(230,230,230); color: rgb(255,255,255); } .mod_customcatalogreader.cc_product_catalog .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; border: 1px solid rgb(230,230,230); } .mod_customcatalogreader.cc_product_catalog .single-features ul { overflow: hidden; } .mod_customcatalogreader.cc_product_catalog .single-features li { width: 33.333%; float: left; margin-bottom: 13px; } .mod_customcatalogreader.cc_product_catalog .single-print { margin: 12px 0 5px 0; } .mod_customcatalogreader.cc_product_catalog .single-print a, .mod_customcatalogreader.cc_product_catalog .single-mail a { color: rgb(140,140,140); } .mod_customcatalogreader.cc_product_catalog .single-print a:hover, .mod_customcatalogreader.cc_product_catalog .single-mail a:hover { color: rgb(50,50,50); } .mod_customcatalogreader.cc_product_catalog .single-print i, .mod_customcatalogreader.cc_product_catalog .single-mail i { margin-right: 5px; } .notelist .submit_container input.submit:hover { opacity: 0.9; } .mod_customcatalogreader.cc_product_catalog .ce_number { display: inline-block; } .mod_customcatalogreader.cc_product_catalog .single-rating { margin: 11px 0; } .mod_customcatalogreader.cc_product_catalog .single-rating button, .mod_customcatalogreader.cc_product_catalog .single-rating .counter { display: none!important; } .mod_customcatalogreader.cc_product_catalog .single-rating .rateit_container { display: inline-block; margin-right: 10px; } .mod_customcatalogreader.cc_product_catalog .single-rating .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogreader.cc_product_catalog .single-color { margin-bottom: 25px; } .mod_customcatalogreader.cc_product_catalog .single-color li { border: 1px solid rgb(200,200,200); width: 22px; height: 22px; display: inline-block; text-indent: -9999px; background: rgb(0,0,0); } .mod_customcatalogreader.cc_product_catalog .single-metadata div { font-size: 0.9rem; } .mod_customcatalogreader.cc_product_catalog .elevatezoom_gallery_wrapper { border: 5px solid rgb(240,240,240); } .mod_customcatalogreader.cc_product_catalog .elevatezoom_gallery_wrapper ul { border-top: 1px solid rgb(240,240,240); } .mod_customcatalogreader.cc_product_catalog .elevatezoom_gallery_wrapper li.entry { border-left: 1px solid rgb(240,240,240); margin-bottom: 0; padding-bottom: 1%; } .mod_customcatalogreader.cc_product_catalog .elevatezoom_gallery_wrapper li.entry:first-child { border-left: 0; } .mod_customcatalogreader.cc_product_catalog .single-technical-data table { font-size: 0.9rem; } .mod_customcatalogreader.cc_product_catalog .single-technical-data table tr td { padding: 5px; background: rgb(244,244,244); border: 0; } .mod_customcatalogreader.cc_product_catalog .single-technical-data table tr.odd td { background-color: rgb(255,255,255); } .mod_customcatalogreader.cc_product_catalog .single-mail { margin-top: 10px; } /* tag color */ .mod_customcatalogreader.cc_product_catalog .single-color li.value_blau { background: rgb(93,156,236); } .mod_customcatalogreader.cc_product_catalog .single-color li.value_rot { background: rgb(204, 41, 56); } .mod_customcatalogreader.cc_product_catalog .single-color li.value_schwarz { background: rgb(0,0,0); } .mod_customcatalogreader.cc_product_catalog .single-color li.value_gelb { background: rgb(243,156,17); } /* ============================================================================= * cc_product_catalog filter * ========================================================================== */ .mod_customcatalogfilter.cc_product_catalog fieldset { margin: 0; border: 0; padding: 0 0 20px 0; border-top: 1px solid rgb(241, 241, 241); } .mod_customcatalogfilter.cc_product_catalog legend { margin-bottom: 10px; } .mod_customcatalogfilter.cc_product_catalog div.widget { margin-bottom: 10px; } .mod_customcatalogfilter.cc_product_catalog .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.cc_product_catalog .checkbox_container label { position: relative; top: -8px; } .mod_customcatalogfilter.cc_product_catalog .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.cc_product_catalog .filter_range label { display: none; } .mod_customcatalogfilter.cc_product_catalog .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.cc_product_catalog .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cc_product_catalog .submit_container .clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.cc_product_catalog .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.cc_product_catalog .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.cc_product_catalog .filter_text label { display: none; } .mod_customcatalogfilter.cc_product_catalog .filter_text legend label { display: inline-block; } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation .slider_range_input { background: transparent; border: 0; height: 3rem; padding: 0; font-size: 3rem; line-height: 3rem; } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation .ui-slider-range { background: rgb(225, 225, 225)!important; border-color: rgb(225, 225, 225); } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation .ui-widget-content { border-color: rgb(225, 225, 225); } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation .ui-state-default { background: rgb(62, 62, 62); border-color: rgb(62, 62, 62); border-radius: 100%; } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation .range_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation input { margin-bottom: 15px; } .mod_customcatalogfilter.cc_product_catalog .filter_geolocation i { margin-right: 5px; } /* ============================================================================= * cc_product_catalog_reseller * ========================================================================== */ .mod_customcataloglist.cc_product_catalog_reseller .gmap { height: 650px; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcatalogreader.cc_product_catalog .single-leftside, .mod_customcatalogreader.cc_product_catalog .single-rightside { float: none; width: 100%; } .mod_customcatalogreader.cc_product_catalog .single-rightside { margin-top: 20px; padding: 0; } .mod_customcatalogreader.cc_product_catalog .ce_tabs { padding: 0; } .mod_customcatalogreader.cc_product_catalog .single-features li { width: 100%; float: none; } .mod_customcatalogreader.cc_product_catalog .single-metadata-col1, .mod_customcatalogreader.cc_product_catalog .single-metadata-col2, .mod_customcatalogreader.cc_product_catalog .single-metadata-col3 { font-size: 1em; } .mod_customcatalogreader.cc_product_catalog .single-price strong { font-size: 1.5em; } .mod_customcatalogreader.cc_product_catalog .single-price span { margin-top: 20px; } .mod_customcataloglist.cc_product_catalog.cc_product_catalog_col2 .notelist { margin-bottom: 20px; } .mod_customcataloglist.cc_product_catalog.cc_product_catalog_col2 { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcataloglist.cc_product_catalog.cc_product_catalog_col2 .entry { width: 100%; float: none; padding-left: 0; padding-right: 0; } .mod_customcataloglist.cc_product_catalog.cc_product_catalog_col2 .item-leftside .image_container img { height: auto; } .mod_customcataloglist.cc_product_catalog .list-options { display: none; } .mod_customcataloglist.cc_product_catalog .entry, .mod_customcatalogteaser.cc_product_catalog .entry{ flex: 0 0 100%; } } /* ============================================================================= * cc_booklibrary - list * ========================================================================== */ .mod_customcataloglist.cc_booklibrary { clear: both; } .mod_customcataloglist.cc_booklibrary.hide { display: none; } .mod_customcataloglist.cc_booklibrary .item-wrapper { display: flex; flex-wrap: wrap; } .mod_customcataloglist.cc_booklibrary .entry { margin-bottom: 35px; flex: 0 0 20%; padding-left: 2%; padding-right: 2%; min-height: 400px; } .mod_customcataloglist.cc_booklibrary .item-inside { position: relative; background: #fff; } .mod_customcataloglist.cc_booklibrary .category { font-size: 0.9rem; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 5px; } .mod_customcataloglist.cc_booklibrary .headline { margin: 10px 0; font-size: 1.2rem; font-weight: bold; } .mod_customcataloglist.cc_booklibrary .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcataloglist.cc_booklibrary .ce_number { display: inline-block; } .mod_customcataloglist.cc_booklibrary .price .attribute.text { display: inline-block; } .mod_customcataloglist.cc_booklibrary .price { font-weight: bold; font-size: 1.1rem; } .mod_customcataloglist.cc_booklibrary .item-wrapper { margin-left: -2%; margin-right: -2%; overflow: hidden; } .mod_customcataloglist.cc_booklibrary .highlight { background: #d75542; color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 100; } .mod_customcataloglist.cc_booklibrary .image { min-height: 130px; background: #393939; } .mod_customcataloglist.cc_booklibrary .rateit_container button, .mod_customcataloglist.cc_booklibrary .rateit_container .counter { display: none!important; } .mod_customcataloglist.cc_booklibrary .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcataloglist.cc_booklibrary .rateit_container .thankyou { display: none!important; } .mod_customcataloglist.cc_booklibrary .swiper-button-next:after, .mod_customcataloglist.cc_booklibrary .swiper-button-prev:after { color: rgb(0,0,0); } .mod_customcataloglist.cc_booklibrary .swiper-button-next, .mod_customcataloglist.cc_booklibrary .swiper-button-prev { opacity: 1!important; } .mod_customcataloglist.cc_booklibrary h4 { border-bottom: 1px solid rgb(221,221,221); margin-bottom: 35px; padding-bottom: 10px; } .mod_customcataloglist.cc_booklibrary .product-banner { position: absolute; right: 10px; top: 5px; z-index: 10; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .mod_customcataloglist.cc_booklibrary .product-banner .banner-one, .mod_customcataloglist.cc_booklibrary .product-banner .banner-two { color: rgb(255,255,255); font-size: 0.85rem; padding: 0 5px; line-height: 1.5; font-weight: bold; } /* ============================================================================= * cc_booklibrary - teaser * ========================================================================== */ .mod_customcatalogteaser.cc_booklibrary { clear: both; } .mod_customcatalogteaser.cc_booklibrary.hide { display: none; } .mod_customcatalogteaser.cc_booklibrary .entry { margin-bottom: 35px; width: 20%; padding-left: 2%; padding-right: 2%; float: left; min-height: 450px; } .mod_customcatalogteaser.cc_booklibrary .item-inside { position: relative; background: #fff; } .mod_customcatalogteaser.cc_booklibrary .category { font-size: 0.9rem; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 5px; } .mod_customcatalogteaser.cc_booklibrary .headline { margin: 10px 0; font-size: 1.2rem; font-weight: bold; } .mod_customcatalogteaser.cc_booklibrary .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcatalogteaser.cc_booklibrary .ce_number { display: inline-block; } .mod_customcatalogteaser.cc_booklibrary .price .attribute.text { display: inline-block; } .mod_customcatalogteaser.cc_booklibrary .price { font-weight: bold; font-size: 1.1rem; } .mod_customcatalogteaser.cc_booklibrary .item-wrapper { margin-left: -2%; margin-right: -2%; overflow: hidden; } .mod_customcatalogteaser.cc_booklibrary .highlight { background: #d75542; color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 100; } .mod_customcatalogteaser.cc_booklibrary .image { min-height: 130px; background: #393939; } .mod_customcatalogteaser.cc_booklibrary .rateit_container button, .mod_customcatalogteaser.cc_booklibrary .rateit_container .counter { display: none!important; } .mod_customcatalogteaser.cc_booklibrary .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogteaser.cc_booklibrary .rateit_container .thankyou { display: none!important; } .mod_customcatalogteaser.cc_booklibrary .swiper-button-next:after, .mod_customcatalogteaser.cc_booklibrary .swiper-button-prev:after { color: rgb(0,0,0); } .mod_customcatalogteaser.cc_booklibrary .swiper-button-next, .mod_customcatalogteaser.cc_booklibrary .swiper-button-prev { opacity: 1!important; } .mod_customcatalogteaser.cc_booklibrary h4 { border-bottom: 1px solid rgb(221,221,221); margin-bottom: 35px; padding-bottom: 10px; } .mod_customcatalogteaser.cc_booklibrary .product-banner { position: absolute; right: 10px; top: 5px; z-index: 10; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .mod_customcatalogteaser.cc_booklibrary .product-banner .banner-one, .mod_customcatalogteaser.cc_booklibrary .product-banner .banner-two { color: rgb(255,255,255); font-size: 0.85rem; padding: 0 5px; line-height: 1.5; font-weight: bold; } /* ============================================================================= * cc_booklibrary - teaserslider * ========================================================================== */ .mod_customcatalogteaserslider.cc_booklibrary { clear: both; } .mod_customcatalogteaserslider.cc_booklibrary.hide { display: none; } .mod_customcatalogteaserslider.cc_booklibrary .entry { margin-bottom: 35px; width: 20%; padding-left: 3%; padding-right: 3%; float: left; } .mod_customcatalogteaserslider.cc_booklibrary .item-inside { position: relative; background: #fff; text-align: center; } .mod_customcatalogteaserslider.cc_booklibrary .author { font-size: 0.9rem; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 5px; margin-top: 17px; } .mod_customcatalogteaserslider.cc_booklibrary .headline { margin: 10px 0; font-size: 1.2rem; font-weight: bold; } .mod_customcatalogteaserslider.cc_booklibrary .price span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcatalogteaserslider.cc_booklibrary .ce_number { display: inline-block; } .mod_customcatalogteaserslider.cc_booklibrary .price .attribute.text { display: inline-block; } .mod_customcatalogteaserslider.cc_booklibrary .price { font-weight: bold; font-size: 1.1rem; } .mod_customcatalogteaserslider.cc_booklibrary .item-wrapper { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcatalogteaserslider.cc_booklibrary .highlight { background: #d75542; color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 100; } .mod_customcatalogteaserslider.cc_booklibrary .image { min-height: 130px; background: #393939; box-shadow: 0 8px 12px 1px rgba(0,0,0,0.07); } .mod_customcatalogteaserslider.cc_booklibrary .ce_image { overflow: visible; } .mod_customcatalogteaserslider.cc_booklibrary .item-inside { position: relative; top: 7px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_customcatalogteaserslider.cc_booklibrary .item-inside:hover { top: 0; } .mod_customcatalogteaserslider.cc_booklibrary .product-banner { position: absolute; right: -10px; top: 5px; z-index: 10; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) } .mod_customcatalogteaserslider.cc_booklibrary .product-banner .banner-one, .mod_customcatalogteaserslider.cc_booklibrary .product-banner .banner-two { color: rgb(255,255,255); font-size: 0.85rem; padding: 0 5px; line-height: 1.5; font-weight: bold; } .mod_customcatalogteaserslider.cc_booklibrary .rateit_container button, .mod_customcatalogteaserslider.cc_booklibrary .rateit_container .counter { display: none!important; } .mod_customcatalogteaserslider.cc_booklibrary .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogteaserslider.cc_booklibrary .rateit_container .thankyou { display: none!important; } .mod_customcatalogteaserslider.cc_booklibrary .swiper-button-next:after, .mod_customcatalogteaserslider.cc_booklibrary .swiper-button-prev:after { color: rgb(0,0,0); } .mod_customcatalogteaserslider.cc_booklibrary .swiper-button-next, .mod_customcatalogteaserslider.cc_booklibrary .swiper-button-prev { opacity: 1!important; } .mod_customcatalogteaserslider.cc_booklibrary h4 { border-bottom: 1px solid rgb(221,221,221); margin-bottom: 35px; padding-bottom: 10px; } /* ============================================================================= * cc_booklibrary - items in slider * ========================================================================== */ .mod_customcataloglist.cc_booklibrary .swiper-wrapper .entry { min-height: 0; } /* ============================================================================= * cc_booklibrary - filter | filter_sorting * ========================================================================== */ .mod_customcatalogfilter.cc_booklibrary.filter_sorting { float: right; } @media only screen and (max-width: 1070px) { .mod_customcatalogfilter.filter_sorting .filter_sorting_alphabetic legend { display: none; } } @media only screen and (max-width: 860px) { .mod_catalog_counter { display: none; } } .mod_customcatalogfilter.cc_booklibrary.filter_sorting fieldset { margin-bottom: 0; } .mod_customcatalogfilter.cc_booklibrary.filter_sorting select { border: 1px solid rgba(0, 0, 0, 0.075); } .mod_customcatalogfilter.cc_booklibrary.filter_sorting .submit_container { display: none!important; } .mod_customcatalogfilter.cc_booklibrary.filter_sorting .widget { display: inline-block; } .mod_customcatalogfilter.cc_booklibrary.filter_sorting .widget fieldset { padding: 0; border: 0; margin-left: 25px; } .mod_customcatalogfilter.cc_booklibrary.filter_sorting .widget legend { float: left; margin-right: 10px; background: none; color: inherit; margin-top: 5px; font-size: 12px; } .mod_customcatalogfilter.cc_booklibrary.filter_sorting .formbody { text-align: right; } .mod_customcatalogfilter.cc_booklibrary.filter_sorting .widget select { width: auto; height: 37px; } /* ============================================================================= * cc_booklibrary - filter * ========================================================================== */ .mod_customcatalogfilter.cc_booklibrary .select_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_booklibrary .select_container select { border: 1px solid rgba(0, 0, 0, 0.075); } .mod_customcatalogfilter.cc_booklibrary .range_wrapper { border: 1px solid rgba(0, 0, 0, 0.075); padding: 15px; } .mod_customcatalogfilter.cc_booklibrary .range_wrapper i { margin-right: 5px; } .mod_customcatalogfilter.cc_booklibrary .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.cc_booklibrary .checkbox_container label { position: relative; top: -8px; font-size: 0.9rem; } .mod_customcatalogfilter.cc_booklibrary .filter_pagetree.hide { display: none; } .ios .mod_customcatalogfilter.cc_booklibrary .checkbox_container label { top: 3px; } .mod_customcatalogfilter.cc_booklibrary.product_filter { background: rgb(255,255,255); padding: 20px; border: 1px solid rgba(0, 0, 0, 0.075); } .mod_customcatalogfilter.cc_booklibrary.product_filter fieldset { border: 0; padding: 0; } .mod_customcatalogfilter.cc_booklibrary.product_filter fieldset legend { background: transparent; font-weight: bold; font-size: 0.9rem; color: inherit; padding-left: 0; margin-bottom: 5px; } .mod_customcatalogfilter.cc_booklibrary.product_filter fieldset.checkbox_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_booklibrary.product_filter fieldset.checkbox_container legend { margin-bottom: 10px; } .mod_customcatalogfilter.cc_booklibrary.product_filter .filter_text label { display: none; } .mod_customcatalogfilter.cc_booklibrary.product_filter .filter_text legend label { display: inline-block; } .mod_customcatalogfilter.cc_booklibrary.product_filter .clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.cc_booklibrary.product_filter .clear_filters { display: none; } .mod_customcatalogfilter.cc_booklibrary.product_filter input { border: 1px solid rgba(0, 0, 0, 0.075); } .mod_customcatalogfilter.cc_booklibrary .filter_range label { display: none; } .mod_customcatalogfilter.cc_booklibrary .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.cc_booklibrary .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.cc_booklibrary .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cc_booklibrary .filter_languageSwitch { display: none; } /* ============================================================================= * cc_booklibrary - mod_langswitcher_booklibrary * ========================================================================== */ .mod_langswitcher_booklibrary { margin-bottom: 15px; text-align: right; padding: 10px 0; border-bottom: 1px dotted rgb(200,200,200); } .mod_langswitcher_booklibrary li { display: inline-block; } .mod_langswitcher_booklibrary li span { display: none; } .mod_langswitcher_booklibrary li a { display: block; padding: 1px; border: 1px solid rgba(0,0,0,0.2); line-height: 11px; } /* ============================================================================= * cc_booklibrary reader * ========================================================================== */ .mod_customcatalogreader.cc_booklibrary .single-leftside { width: 25%; float: left; } .mod_customcatalogreader.cc_booklibrary .single-rightside { width: 75%; float: left; padding-left: 100px; } .mod_customcatalogreader.cc_booklibrary .single-top-content { overflow: hidden; } .mod_customcatalogreader.cc_booklibrary .single-price-new { font-size: 2rem; font-weight: bold; display: inline-block; margin-right: 20px; } .mod_customcatalogreader.cc_booklibrary .single-price-new .ce_text { display: inline-block; } .mod_customcatalogreader.cc_booklibrary .single-price-old { display: inline-block; text-decoration: line-through; font-size: 1.5rem; transform: translateY(-2px); -webkit-transform: translateY(-2px); } .mod_customcatalogreader.cc_booklibrary h1 { font-size: 1.6rem; margin-bottom: 5px; } .mod_customcatalogreader.cc_booklibrary .single-subheadline { color: rgb(180,180,180); } .mod_customcatalogreader.cc_booklibrary .single-short-description { margin: 20px 0; } .mod_customcatalogreader.cc_booklibrary .single-stock { background: rgb(85,198,94); color: rgb(255,255,255); font-weight: bold; padding: 3px 10px; border-radius: 2px; display: inline-block; margin-bottom: 20px; } .mod_customcatalogreader.cc_booklibrary .single-stock.stockout { background: rgb(201,21,25); } .mod_customcatalogreader.cc_booklibrary .single-metadata { border-top: 1px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); margin: 20px 0 25px 0; overflow: hidden; } .mod_customcatalogreader.cc_booklibrary .single-metadata strong { display: block; } .mod_customcatalogreader.cc_booklibrary .single-metadata-col1, .mod_customcatalogreader.cc_booklibrary .single-metadata-col2, .mod_customcatalogreader.cc_booklibrary .single-metadata-col3 { width: 33.333%; float: left; font-size: 1.2em; } .mod_customcatalogreader.cc_booklibrary .single-metadata-col2 { border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); padding-left: 10px; } .mod_customcatalogreader.cc_booklibrary .single-metadata-col3 { padding-left: 10px; } .mod_customcatalogreader.cc_booklibrary table.table-striped { width: 100%; margin-bottom: 20px; } .mod_customcatalogreader.cc_booklibrary table.table-striped td { padding: 5px; } .mod_customcatalogreader.cc_booklibrary table.table-striped tr { background: rgba(0,0,0,0.03); } .mod_customcatalogreader.cc_booklibrary table.table-striped tr:nth-child(odd) { background: none; } .mod_customcatalogreader.cc_booklibrary .notelistamount { display: none; } .mod_customcatalogreader.cc_booklibrary .notelist input.submit { width: auto; } .mod_customcatalogreader.cc_booklibrary .notelist input.update { display: none; } .mod_customcatalogreader.cc_booklibrary .ce_tabs { margin: 65px 0 35px 0; } .mod_customcatalogreader.cc_booklibrary .ce_tabs .tabs.classic ul li.active { background: rgb(230,230,230); color: rgb(255,255,255); } .mod_customcatalogreader.cc_booklibrary .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; border: 1px solid rgb(230,230,230); } .mod_customcatalogreader.cc_booklibrary .single-features ul { overflow: hidden; } .mod_customcatalogreader.cc_booklibrary .single-features li { width: 33.333%; float: left; margin-bottom: 13px; } .mod_customcatalogreader.cc_booklibrary .single-print { margin: 12px 0 5px 0; } .mod_customcatalogreader.cc_booklibrary .single-print a, .mod_customcatalogreader.cc_booklibrary .single-mail a { color: rgb(140,140,140); } .mod_customcatalogreader.cc_booklibrary .single-print a:hover, .mod_customcatalogreader.cc_booklibrary .single-mail a:hover { color: rgb(50,50,50); } .mod_customcatalogreader.cc_booklibrary .single-print i, .mod_customcatalogreader.cc_booklibrary .single-mail i { margin-right: 5px; } .notelist .submit_container input.submit:hover { opacity: 0.9; } .mod_customcatalogreader.cc_booklibrary .ce_number { display: inline-block; } .mod_customcatalogreader.cc_booklibrary .single-rating { margin: 11px 0; } .mod_customcatalogreader.cc_booklibrary .single-rating .ajax_success { display: none!important; } .mod_customcatalogreader.cc_booklibrary .single-rating button, .mod_customcatalogreader.cc_booklibrary .single-rating .counter { display: none!important; } .mod_customcatalogreader.cc_booklibrary .single-rating .rateit_container { display: inline-block; margin-right: 10px; } .mod_customcatalogreader.cc_booklibrary .single-rating .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogreader.cc_booklibrary .single-color li { border: 1px solid rgb(200,200,200); width: 22px; height: 22px; display: inline-block; text-indent: -9999px; background: rgb(0,0,0); } .mod_customcatalogreader.cc_booklibrary .single-author { text-decoration: underline; } .mod_customcatalogreader.cc_booklibrary .single-metadata div { font-size: 0.9rem; } /* ============================================================================= * cc_booklibrary - mod_customcatalog_list_sidebar * ========================================================================== */ .mod_customcatalog_list_sidebar .entry { margin-bottom: 25px; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); padding-bottom: 22px; } .mod_customcatalog_list_sidebar .item-inside { overflow: hidden; } .mod_customcatalog_list_sidebar .item-inside > .image, .mod_customcatalog_list_sidebar .item-inside .content { float: left; } .mod_customcatalog_list_sidebar .item-inside > .image { width: 30%; } .mod_customcatalog_list_sidebar .content { width: 70%; padding-left: 25px; } .mod_customcatalog_list_sidebar .headline { font-weight: bold; line-height: 1.3; } .mod_customcatalog_list_sidebar .author { color: rgb(170,170,170); margin: 5px 0; } .mod_customcatalog_list_sidebar .ce_text.attribute.text { display: inline-block; } /* ============================================================================= * cc_booklibrary - list megamenu * ========================================================================== */ .mod_customcatalog_megamenu.cc_booklibrary .item-inside { overflow: hidden; position: relative; } .mod_customcatalog_megamenu.cc_booklibrary .item-inside > .image { float: left; width: 60%; } .mod_customcatalog_megamenu.cc_booklibrary .content { float: left; width: 40%; line-height: 1.3!important; white-space: normal; } .mod_customcatalog_megamenu.cc_booklibrary .content .content-inside { margin-top: 15%; } .mod_customcatalog_megamenu.cc_booklibrary .author { font-size: 0.9rem; margin-bottom: 7px; } .mod_customcatalog_megamenu.cc_booklibrary .price { font-size: 2rem; font-weight: bold; display: inline-block; margin-right: 20px; margin-top: 7px; } .mod_customcatalog_megamenu.cc_booklibrary .price .ce_text { display: inline-block; } .mod_customcatalog_megamenu.cc_booklibrary .price_old { color: rgba(0,0,0,0.4); text-decoration: line-through; font-weight: bold; } .mod_customcatalog_megamenu.cc_booklibrary .item-wrapper .entry .image a:hover { background: none!important; } .mod_customcatalog_megamenu.cc_booklibrary .headline { font-weight: bold; font-size: 1.3rem; margin-bottom: 7px; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcatalogreader.cc_booklibrary .single-leftside, .mod_customcatalogreader.cc_booklibrary .single-rightside { width: 100%; float: none; padding: 0; } .mod_customcatalogreader.cc_booklibrary .single-leftside { margin-bottom: 35px; } .mod_customcataloglist.cc_booklibrary .entry, .mod_customcatalogteaser.cc_booklibrary .entry { flex: 0 0 100%; padding: 0 0 30px 0; float: none; border-bottom: 1px solid rgb(200,200,200); min-height: 0; } .mod_customcataloglist.cc_booklibrary .item-wrapper, .mod_customcatalogteaser.cc_booklibrary .item-wrapper { margin: 0; } .mod_customcataloglist.cc_booklibrary .item-inside > .image, .mod_customcatalogteaser.cc_booklibrary .item-inside > .image { float: left; width: 25%; } .mod_customcataloglist.cc_booklibrary .content, .mod_customcatalogteaser.cc_booklibrary .content { float: left; width: 75%; } .mod_customcataloglist.cc_booklibrary .content-inside, .mod_customcatalogteaser.cc_booklibrary .content-inside { padding-left: 20px; } .mod_customcataloglist.cc_booklibrary .item-inside, .mod_customcatalogteaser.cc_booklibrary .item-inside { min-height: 0; } .mod_customcataloglist.cc_booklibrary .headline, .mod_customcatalogteaser.cc_booklibrary .headline { font-size: 1.1rem; margin: 0; } .mod_customcataloglist.cc_booklibrary .category { border: 0; margin-bottom: 0; } .filter_sorting.cc_booklibrary { display: none; } .mod_customcataloglist.cc_booklibrary .swiper-button-next, .mod_customcataloglist.cc_booklibrary .swiper-button-prev { display: none!important; } .mod_customcataloglist.cc_booklibrary { margin-top: 25px; } .mod_customcatalogfilter.cc_booklibrary.product_filter { border: 0; padding: 0; } .mod_customcatalogfilter.cc_booklibrary.product_filter .widget { padding-bottom: 0; margin-bottom: 10px; border-bottom: 1px solid rgb(220,220,220); } .mod_langswitcher_booklibrary { border-top: 1px dotted rgb(200,200,200); } .mod_langswitcher_booklibrary img { width: 30px; height: 25px; } .mod_langswitcher_booklibrary li a { padding: 3px; } .mod_customcatalogteaser.cc_booklibrary .item-wrapper { margin-left: 0; margin-right: 0; } .mod_customcatalog_list_sidebar { display: none; } .mod_customcataloglist.cc_booklibrary .product-banner, .mod_customcatalogteaser.cc_booklibrary .product-banner { right: auto; left: 10px; } } /** * * Copyright (c) SEASIDE MEDIA LTD * * customelements * all rights reserved */ /* ============================================================================= * ce_youtube-background (scripts/jquery.mb.YTPlayer/) * ========================================================================== */ .ce_youtube_background .mbYTP_wrapper { opacity: 1!important; } .ce_youtube_background.overlay .YTPOverlay { background-color: rgba(152,152,152,0.4); opacity: 0.8; } .ce_youtube_background.overlay .mbYTP_wrapper.fullscreen .YTPOverlay { display: none; } .ce_youtube_background { background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ============================================================================= * ce_pricetable * ========================================================================== */ .ce_pricetable { padding: 25px 0; text-align: center; } .ce_pricetable .pricetable { background: #fff; border: 1px solid rgb(229,229,229); margin-top: 20px; white-space: normal; position: relative; overflow: hidden; } .ce_pricetable .pricetable { margin-top: 15px; } .ce_pricetable .pricetable.highlight { margin-top: 0; box-shadow: 0 0 35px 2px rgba(0,0,0,.2); position: relative; z-index: 100; } .ce_pricetable .pricetable.highlight .title { background: rgb(152,152,152); color: #fff; box-shadow: inset 0px 0px 0px 6px rgba(0,0,0,0.1); padding-top: 40px; padding-bottom: 35px; } .ce_pricetable .title, .ce_pricetable .price, .ce_pricetable .contents li, .ce_pricetable .rating { border-bottom: 1px solid #ebebeb; padding: 1em; } .ce_pricetable .price { padding: 1.5em 1em; } .ce_pricetable .contents li:nth-child(odd) { background: rgb(251,251,251); } .ce_pricetable .title { padding-top: 30px; padding-bottom: 30px; font-size: 1.133rem; font-weight: normal; background: rgb(251,251,251); text-align: center; } .ce_pricetable .title i { margin-right: 0.5rem; } .ce_pricetable .price-data { font-weight: bold; } .ce_pricetable .currency { font-weight: bold; position: relative; top: -1.2rem; font-size: 1.2rem; line-height: 1.2rem; } .ce_pricetable .priceinfo { color: rgb(153,153,153); } .ce_pricetable .hightlight_text { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); background: rgb(255,255,255); font-size: 0.7333rem; position: absolute; right: -35px; top: 20px; text-align: center; min-width: 130px; } .ce_pricetable .ce_hyperlink { margin-top: 25px; margin-bottom: 10px; text-align: center; } .ce_pricetable .pricetable.highlight .ce_hyperlink { margin-bottom: 25px; margin-top: 30px; } .ce_pricetable .rating { text-align: center; color: rgb(254,202,9); } .ce_pricetable .rating i { margin: 0 3px; font-size: 1rem; } /* ============================================================================= * ce_headertext * ========================================================================== */ .ce_headertext { text-align: center; border-bottom: 1px solid rgb(229,229,229); padding: 45px 0 65px 0; } ce_headertext_inside { max-width: 500px; margin-left: auto; margin-right: auto; } .ce_headertext h1, .ce_headertext h2, .ce_headertext h3, .ce_headertext h4, .ce_headertext h5, .ce_headertext h6 { font-size: 1.467rem; text-transform: uppercase; font-weight: bold; } .ce_headertext h1:after, .ce_headertext h2:after, .ce_headertext h3:after, .ce_headertext h4:after, .ce_headertext h5:after, .ce_headertext h6:after { background: rgb(152,152,152); content: ''; display: block; height: 2px; margin: 20px auto 20px auto; position: relative; width: 22px; } .ce_headertext p { font-size: 1.067rem; color: rgb(127,127,127); } /* ============================================================================= * ce_text_leader * ========================================================================== */ .ce_leadertext.version1 { margin-bottom: 60px; max-width: 600px; } .ce_leadertext.version1 .headline { margin-bottom: 0; } .ce_leadertext.version1 .divider { background: rgb(51,51,51); content: ''; display: block; height: 2px; margin: 20px 0 20px 0; position: relative; width: 22px; } .ce_leadertext.version1 p { font-size: 1.333rem; } .ce_leadertext.version1 .subheadline { font-size: 1.067rem; } .ce_leadertext.version1.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_leadertext.version1.align-center .divider { margin-left: auto; margin-right: auto; } .ce_leadertext.version1.color-white h1:after, .ce_leadertext.version1.color-white h2:after, .ce_leadertext.version1.color-white h3:after, .ce_leadertext.version1.color-white h4:after, .ce_leadertext.version1.color-white h5:after, .ce_leadertext.version1.color-white h6:after, .color-white .ce_leadertext.version1 h1:after, .color-white .ce_leadertext.version1 h2:after, .color-white .ce_leadertext.version1 h3:after, .color-white .ce_leadertext.version1 h4:after, .color-white .ce_leadertext.version1 h5:after, .color-white .ce_leadertext.version1 h6:after { background: rgb(255,255,255); } .color-white .ce_leadertext.version1 .divider { background: rgb(255,255,255); } /* ============================================================================= * ce_text_leader_v2 * ========================================================================== */ .ce_leadertext.version2 { margin-bottom: 60px; max-width: 600px; } .ce_leadertext.version2 .headline { margin-bottom: 0; } .ce_leadertext.version2 .subheadline { font-size: 1.2rem; } .ce_leadertext.version2 p { font-size: 1.333rem; } .ce_leadertext.version2.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_leadertext.version2 .divider { margin-bottom: 25px; margin-top: 15px; text-align: left; display: block; } .ce_leadertext.version2.align-center .divider { text-align: center; } .ce_leadertext.version2 .divider-first { display: inline-block; width: 14px; height: 14px; margin: 0 3px; border: 3px solid rgb(152,152,152); border-radius: 7px; } .ce_leadertext.version2 .divider-second { background-color: rgb(152,152,152); width: 4px; height: 4px; margin-top: 2px; margin-left: 2px; border-radius: 4px; } .ce_leadertext.version2 .divider:after, .ce_leadertext.version2 .divider:before { background-color: rgb(152,152,152); display: inline-block !important; vertical-align: middle; content: ""; width: 70px; height: 1px; margin-top: -6px; } .color-white .ce_leadertext.version2 .divider:after, .color-white .ce_leadertext.version2 .divider:before, .color-white .ce_leadertext.version2 .divider-second { background: rgb(255,255,255); } .color-white .ce_leadertext.version2 .divider-first { border-color: rgb(255,255,255); } /* ============================================================================= * ce_headline_extended * ========================================================================== */ .ce_headline_extended.align-right { margin-left: auto; margin-right: 0; } .ce_headline_extended[class*="font-size"] h1, .ce_headline_extended[class*="font-size"] h2, .ce_headline_extended[class*="font-size"] h3, .ce_headline_extended[class*="font-size"] h4, .ce_headline_extended[class*="font-size"] h5, .ce_headline_extended[class*="font-size"] h6 { font-size: inherit; } .ce_headline_extended[class*="mb-"] h1, .ce_headline_extended[class*="mb-"] h2, .ce_headline_extended[class*="mb-"] h3, .ce_headline_extended[class*="mb-"] h4, .ce_headline_extended[class*="mb-"] h5, .ce_headline_extended[class*="mb-"] h6 { margin-bottom: 0; } /* ============================================================================= * ce_headline_extended version 0 * ========================================================================== */ .ce_headline_extended.version0 { margin-bottom: 60px; max-width: 600px; } .ce_headline_extended.version0 .headline { margin-bottom: 0; } .ce_headline_extended.version0 .divider { display: none; } .ce_headline_extended.version0 .subheadline { font-size: 1.333rem; } .ce_headline_extended.version0.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_headline_extended.version0.align-center .divider { margin-left: auto; margin-right: auto; } /* ============================================================================= * ce_headline_extended version 1 * ========================================================================== */ .ce_headline_extended.version1 { max-width: 600px; } .ce_headline_extended.version1 .headline { margin-bottom: 0; } .ce_headline_extended.version1 .divider { background: rgb(51,51,51); content: ''; display: block; height: 2px; margin: 20px 0 20px 0; position: relative; width: 22px; } .ce_headline_extended.version1 .subheadline { font-size: 1.333rem; } .ce_headline_extended.version1.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_headline_extended.version1.align-center .divider { margin-left: auto; margin-right: auto; } .ce_headline_extended.version1.color-white h1:after, .ce_headline_extended.version1.color-white h2:after, .ce_headline_extended.version1.color-white h3:after, .ce_headline_extended.version1.color-white h4:after, .ce_headline_extended.version1.color-white h5:after, .ce_headline_extended.version1.color-white h6:after, .color-white .ce_headline_extended.version1 h1:after, .color-white .ce_headline_extended.version1 h2:after, .color-white .ce_headline_extended.version1 h3:after, .color-white .ce_headline_extended.version1 h4:after, .color-white .ce_headline_extended.version1 h5:after, .color-white .ce_headline_extended.version1 h6:after { background: rgb(255,255,255); } .color-white .ce_headline_extended.version1 .divider { background: rgb(255,255,255); } /* ============================================================================= * ce_headline_extended version 2 * ========================================================================== */ .ce_headline_extended.version2 { max-width: 600px; } .ce_headline_extended.version2 .headline { margin-bottom: 0; } .ce_headline_extended.version2 .subheadline { font-size: 1.2rem; } .ce_headline_extended.version2.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_headline_extended.version2 .divider { margin-bottom: 25px; margin-top: 15px; text-align: left; display: block; } .ce_headline_extended.version2.align-center .divider { text-align: center; } .ce_headline_extended.version2 .divider-first { display: inline-block; width: 14px; height: 14px; margin: 0 3px; border: 3px solid rgb(152,152,152); border-radius: 7px; } .ce_headline_extended.version2 .divider-second { background-color: rgb(152,152,152); width: 4px; height: 4px; margin-top: 2px; margin-left: 2px; border-radius: 4px; } .ce_headline_extended.version2 .divider:after, .ce_headline_extended.version2 .divider:before { background-color: rgb(152,152,152); display: inline-block !important; vertical-align: middle; content: ""; width: 70px; height: 1px; margin-top: -6px; } .color-white .ce_headline_extended.version2 .divider:after, .color-white .ce_headline_extended.version2 .divider:before, .color-white .ce_headline_extended.version2 .divider-second { background: rgb(255,255,255); } .color-white .ce_headline_extended.version2 .divider-first { border-color: rgb(255,255,255); } .ce_headline_extended.align-center { margin-left: auto; margin-right: auto; } .ce_headline_extended.max_width_90 { max-width: 90%; } .ce_headline_extended.max_width_80 { max-width: 80%; } .ce_headline_extended.max_width_70 { max-width: 70%; } .ce_headline_extended.max_width_60 { max-width: 60%; } .ce_headline_extended.max_width_50 { max-width: 50%; } .ce_headline_extended.max_width_40 { max-width: 40%; } .ce_headline_extended.max_width_30 { max-width: 30%; } .ce_headline_extended.max_width_20 { max-width: 20%; } .ce_headline_extended.max_width_10 { max-width: 10%; } /* ============================================================================= * ce_headline_extended | background-text * ========================================================================== */ .ce_headline_extended { position: relative; overflow: visible; } .ce_headline_extended h3.background-text { position: absolute; top: 27px; left: 0; right: 0; z-index: 10; opacity: 0.03; font-size: 8rem; line-height: 0; } /* ============================================================================= * ce_headline_extended | in revolution slider * ========================================================================== */ .ce_revolutionslider .ce_headline_extended h1 { font-size: 80px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h2 { font-size: 70px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h3 { font-size: 65px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h4 { font-size: 55px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h5 { font-size: 45px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h6 { font-size: 35px; white-space: normal; word-wrap: normal; } /* ============================================================================= * ce_text_image_bar * ========================================================================== */ .ce_text_image_bar .inside { display: flex; flex-wrap: wrap; position: static; padding-left: 0; padding-right: 0; } .ce_text_image_bar .textbox, .ce_text_image_bar .imagebox { position: relative; flex: 0 0 50%; } .ce_text_image_bar.txt_right .textbox { order: 2; } .ce_text_image_bar.txt_right .imagebox { order: 1; } .ce_text_image_bar { position: relative; background: rgb(248,248,248); } .ce_text_image_bar .textbox { padding: 70px 60px; } .ce_text_image_bar.oversize .textbox { height: auto!important; } .ce_text_image_bar .imagebox { background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .ce_text_image_bar.show-arrow .arrow { top: 50%; right: -10px; margin-top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; height: 20px; width: 20px; z-index: 100; } .ce_text_image_bar.show-arrow.txt_left .arrow { left: -10px; right: auto; } .ce_text_image_bar.show-arrow.bg-nocolor .arrow { background: rgb(248,248,248); } .ce_text_image_bar .text-table { display: table; height: 100%; width: 100%; } .ce_text_image_bar .text-table .text-cell { display: table-cell; vertical-align: middle; } .ce_text_image_bar .ce_hyperlink { margin-top: 35px; } .ce_text_image_bar .ce_hyperlink a { margin-bottom: 0; } .ce_text_image_bar.bg-accent .ce_hyperlink a { background: rgb(51,51,51); border-color: rgb(51,51,51); } .ce_text_image_bar.bg-white { background: rgb(255,255,255); } .ce_text_image_bar ul { padding-left: 20px; } .ce_text_image_bar li { list-style-type: disc; } .ce_text_image_bar .subheadline { color: rgb(180,180,180); font-size: 1.2rem; } .ce_text_image_bar.color-white .subheadline { color: rgba(255,255,255,0.8); } .ce_text_image_bar .mobile_image_top { margin-bottom: 20px; } .ce_text_image_bar .mobile_image_bottom { margin-top: 20px; } .ce_text_image_bar .mobile_image { display: none; } /* ============================================================================= * swiper-slide (scripts/swiper/) * ========================================================================== */ .swiper-container { height: 100%; width: 100%; } .swiper-container.hide-arrows .swiper-button-next, .swiper-container.hide-arrows .swiper-button-prev { display: none; } .swiper-container-horizontal .swiper-pagination { bottom:10px; left:0; width:100%; } .swiper-container-vertical .swiper-pagination { bottom: auto; right: 30px; } .swiper-pagination-bullet { border: 2px solid rgb(255,255,255); box-shadow: 0 0 0 2px rgba(0,0,0,0.6); background: rgb(255,255,255); } .swiper-pagination-bullet { opacity: 0.5; } .swiper-pagination-bullet-active { background: rgba(0,0,0,0.5); opacity: 1; } .swiper-pagination-bullet { height: 12px; width: 12px; } .swiper-button-next, .swiper-button-prev { background: none; margin-top: -45px; opacity: 0.3!important; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1!important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: "FontAwesome"; content: "\f105"; font-size: 70px; line-height: 70px; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .swiper-button-prev:after { content: "\f104"; } .ce_swiper-slider-start .swiper-pagination { display: none; } .ce_swiper-slider-start .swip-pagination .swiper-pagination { display: block; z-index: 100; } .ce_swiper-slider-start .pagination-left .swiper-pagination { text-align: left; } .ce_swiper-slider-start .pagination-right .swiper-pagination { text-align: right; } /* style2_dark */ .ce_swiper-slider-start.style2_dark .swiper-pagination-bullet { background: rgba(0,0,0,.15); opacity: 1; width: 12px; height: 12px; margin: 0 9px; border: 0; box-shadow: none; } .ce_swiper-slider-start.style2_dark .swiper-pagination-bullet-active { opacity: 1; background: rgb(0,0,0); width: 10px; height: 8px; position: relative; border-radius: 2px; } .ce_swiper-slider-start.style2_dark .swiper-pagination-bullet-active:after { content: ''; display: block; width: 8px; height: 8px; border-radius: 2px; position: absolute; left: 1px; top: -3px; background: rgb(0,0,0); transform: rotate(45deg); } .ce_swiper-slider-start.style2_dark .swiper-button-next:after, .ce_swiper-slider-start.style2_dark .swiper-button-prev:after { text-shadow: none; color: rgba(0,0,0,0.9); } /* style2_light */ .ce_swiper-slider-start.style2_light .swiper-pagination-bullet { background: rgba(255,255,255,0.5); opacity: 1; width: 12px; height: 12px; margin: 0 9px; border: 0; box-shadow: none; } .ce_swiper-slider-start.style2_light .swiper-pagination-bullet-active { opacity: 1; width: 10px; height: 8px; position: relative; border-radius: 2px; } .ce_swiper-slider-start.style2_light .swiper-pagination-bullet-active:after { content: ''; display: block; width: 8px; height: 8px; border-radius: 2px; position: absolute; left: 1px; top: -3px; transform: rotate(45deg); } .ce_swiper-slider-start.style2_light .swiper-button-next:after, .ce_swiper-slider-start.style2_light .swiper-button-prev:after { text-shadow: none; color: rgba(255,255,255,0.9); } /* ============================================================================= * ce_parallax * ========================================================================== */ .ce_parallax { background-attachment: fixed; background-position: center center; background-size: cover; } .ce_parallax .parallax-inside { overflow: hidden; } body.ios .ce_parallax, body.android .ce_parallax { background-attachment: scroll; background-position: center center!important; } /* ============================================================================= * ce_countup * ========================================================================== */ .ce_countup { text-align: center; } .ce_countup.style2 { text-align: left; } .ce_countup .headline { font-size: 2.333rem; margin-bottom: 15px; } .ce_countup i { font-size: 2.333rem; line-height: 66px; } .ce_countup .image_container { text-align: center; margin-bottom: 15px; } .ce_countup .image_container img { width: auto; display: inline-block; } /* ============================================================================= * ce_contentbox * ========================================================================== */ .ce_contentbox .ce_contentbox_table { height: 100%; width: 100%; display: table; position: relative; overflow: hidden; padding: 5%; background-size: cover; } .ce_contentbox .ce_contentbox_cell { display: table-cell; vertical-align: top; height: 100%; background-position: center center; background-size: cover; } .ce_contentbox.align-middle .ce_contentbox_cell { vertical-align: middle; } .ce_contentbox.align-bottom .ce_contentbox_cell { vertical-align: bottom; } .ce_contentbox.hover .ce_contentbox_cell { opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_contentbox.hover:hover .ce_contentbox_cell { opacity: 1; } .ce_contentbox .arrow { height: 20px; width: 20px; background: #fff; position: absolute; } .ce_contentbox .arrow-right-top { top: 10%; right: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-right-middle { top: 50%; right: -10px; margin-top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-right-bottom { bottom: 10%; right: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-left-top { top: 10%; left: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-left-middle { top: 50%; left: -10px; margin-top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-left-bottom { bottom: 10%; left: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-top-left { top: -10px; left: 10%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-top-middle { top: -10px; left: 50%; margin-left: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-top-right { top: -10px; right: 10%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-bottom-left { bottom: -10px; left: 10%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-bottom-middle { bottom: -10px; left: 50%; margin-left: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_contentbox .arrow-bottom-right { bottom: -10px; right: 10%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* ============================================================================= * ce_infobox_alert * ========================================================================== */ .ce_infobox_alert { background: #ce4f4b; border-radius: 3px; padding: 10px; margin-bottom: 25px; color: #fff; } .ce_infobox_alert .headline { font-weight: bold; color: #a02622; margin-right: 5px; } .ce_infobox_alert i { color: #a02622; margin: 0 10px; font-size: 1.667rem; line-height: 25px; float: left; width: 1em; } .ce_infobox_alert p { display: inline; margin: 0; } /* ============================================================================= * ce_infobox_warning * ========================================================================== */ .ce_infobox_warning { background: #f0ad4e; border-radius: 3px; padding: 10px; margin-bottom: 25px; color: #fff; } .ce_infobox_warning .headline { font-weight: bold; color: #b7843b; margin-right: 5px; } .ce_infobox_warning i { color: #b7843b; margin: 0 10px; font-size: 1.667rem; line-height: 25px; float: left; width: 1em; } .ce_infobox_warning p { display: inline; margin: 0; } /* ============================================================================= * ce_infobox_info * ========================================================================== */ .ce_infobox_info { background: #5ebbd7; border-radius: 3px; padding: 10px; margin-bottom: 25px; color: #fff; } .ce_infobox_info .headline { font-weight: bold; color: #3f7f92; margin-right: 5px; } .ce_infobox_info i { color: #3f7f92; margin: 0 10px; font-size: 1.667rem; line-height: 25px; float: left; width: 1em; } .ce_infobox_info p { display: inline; margin: 0; } /* ============================================================================= * ce_infobox_success * ========================================================================== */ .ce_infobox_success { background: #52ac52; border-radius: 3px; padding: 10px; margin-bottom: 25px; color: #fff; } .ce_infobox_success .headline { font-weight: bold; color: #337033; margin-right: 5px; } .ce_infobox_success i { color: #337033; margin: 0 10px; font-size: 1.667rem; line-height: 25px; float: left; width: 1em; } .ce_infobox_success p { display: inline; margin: 0; } /* ============================================================================= * ce_calltoaction * ========================================================================== */ .ce_calltoaction:not(.ce_calltoaction_v2) { background: rgb(152,152,152); padding: 25px 25px 15px 40px;; color: rgb(255,255,255); position: relative; margin-bottom: 15px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .ce_calltoaction:after { content: ''; width: 10px; background: rgba(255,255,255,0.3); height: 100%; position: absolute; top: 0; left: 0; } .ce_calltoaction:not(.ce_calltoaction_v2) h1, .ce_calltoaction:not(.ce_calltoaction_v2) h2, .ce_calltoaction:not(.ce_calltoaction_v2) h3, .ce_calltoaction:not(.ce_calltoaction_v2) h4, .ce_calltoaction:not(.ce_calltoaction_v2) h5, .ce_calltoaction:not(.ce_calltoaction_v2) h6 { color: rgb(255,255,255); } .ce_calltoaction p { margin-bottom: 10px; } .ce_calltoaction .ce_url a { font-weight: bold; text-decoration: underline; color: rgb(255,255,255)!important; } .ce_calltoaction .ce_url a:before { content: "\f101"; font-family:FontAwesome; font-weight: normal; display: inline-block; margin-right: 5px; } /* ============================================================================= * ce_calltoaction v2 * ========================================================================== */ .ce_calltoaction_v2 .ce_calltoaction_inside { padding-top: 60px; padding-bottom: 60px; position: relative; } .ce_calltoaction_v2 { margin-bottom: 0; padding: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .ce_calltoaction_v2 p { font-size: 1.3em; } .ce_calltoaction_v2 .headline { margin: 0; } .ce_calltoaction_v2 .ce_hyperlink { position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ce_calltoaction_v2 .ce_hyperlink a { text-decoration: none; } .ce_calltoaction_v2 .ce_calltoaction_content { padding-right: 25%; } .ce_calltoaction_v2:after { display: none; } /* ============================================================================= * ce_tabs * ========================================================================== */ .ce_tabs { overflow: hidden; } .ce_tabs .panes .section { display: none; } .ce_tabs .panes .section.active { display: block; } .ce_tabs .tabs a { cursor: pointer; display: block; } .ce_tabs i { margin-right: 5px; } .ce_tabs .image_container { text-align: center; } .ce_tabs .tabs .image_container img { width: auto; display: inline-block; opacity: 0.6; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .ce_tabs .tabs li.active .image_container img, .ce_tabs .tabs li:hover .image_container img { opacity: 1; } .ce_tabs .tabs.horizontal ul { margin-bottom:35px; overflow:hidden; } .ce_tabs.no-margin .tabs.horizontal ul { margin-bottom: 0; } .ce_tabs .tabs.horizontal li { float:left; } .ce_tabs .tabs.horizontal li i { font-size: 1.667rem; display: block; margin-bottom: 5px; } .ce_tabs .tabs.horizontal li a { font-size:1.3rem; padding:30px 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; display:block; } .ce_tabs .tabs.horizontal li a { -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; -ms-transition:All 0.3s ease; transition:All 0.3s ease; } .ce_tabs .tabs.horizontal li:first-child a { border-left:0; } .ce_tabs .tabs.horizontal ul li:hover a, .ce_tabs .tabs.horizontal ul li.active a { background: rgb(152,152,152); color:#fff; font-weight:inherit; } .ce_tabs .tabs.horizontal li.tab_two { width:50%; } .ce_tabs .tabs.horizontal li.tab_three { width:33.33%; } .ce_tabs .tabs.horizontal li.tab_fourth { width:25%; } .ce_tabs .tabs.horizontal li.tab_fifth { width:20%; } .ce_tabs .tabs.horizontal li.tab_sixth { width:16.66%; } .ce_tabs .tabs.horizontal li.tab_more_sixth a { padding-left:20px; padding-right:20px; } .ce_tabs .tabs.horizontal-clean { padding-bottom: 45px; } .ce_tabs.no-margin .tabs.horizontal-clean { padding-bottom: 0; } .ce_tabs .tabs.horizontal-clean ul { text-align: center; margin-bottom: 30px; } .ce_tabs .tabs.horizontal-clean ul li { display: inline-block; position: relative; font-weight: bold!important; } .ce_tabs .tabs.horizontal-clean ul li.active { font-weight: bold; } .ce_tabs .tabs.horizontal-clean ul li.active:after { content:''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: rgb(152,152,152) transparent transparent transparent; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; } .ce_tabs .tabs.horizontal-clean i { display: block; font-size: 2.333rem; margin: 0; } .ce_tabs .tabs.horizontal-clean .image_container { margin-bottom: 5px; } .ce_tabs .tabs.horizontal-clean ul li:hover, .ce_tabs .tabs.horizontal-clean ul li.active { font-weight: normal; } .ce_tabs .tabs.horizontal-clean li a { border: 0; margin-left: 25px; margin-right: 25px; } .ce_tabs .tabs.vertical { width:30%; } .ce_tabs .tabs.vertical, .ce_tabs .panes.vertical { float:left; } .ce_tabs .panes.vertical { padding-left:3rem; width:70%; } .ce_tabs .tabs.vertical ul li a, .ce_tabs .tabs.vertical ul li { width:100%; } .ce_tabs .tabs.vertical ul li a { display:block; padding:12px 16px; } .ce_tabs .tabs.vertical ul li:hover a, .ce_tabs .tabs.vertical ul li.active a { font-weight:bold; } .ce_tabs .panes.vertical { border-left:1px solid rgb(229,229,229); } .ce_tabs .tabs.vertical ul li a { border-bottom:1px solid rgb(229,229,229); } .ce_tabs .tabs.vertical_2 { width:30%; float:right; } .ce_tabs .panes.vertical_2 { float:left; } .ce_tabs .panes.vertical_2 { padding-right:3rem; width:70%; } .ce_tabs .tabs.vertical_2 ul li a, .ce_tabs .tabs.vertical ul li { width:100%; } .ce_tabs .tabs.vertical_2 ul li a { display:block; padding:12px 16px; border-bottom:1px solid rgb(229,229,229); } .ce_tabs .tabs.vertical_2 ul li.active a { font-weight: bold; } .ce_tabs .panes.vertical_2 { border-right:1px solid #e1e1e1; } .ce_tabs .tabs ul li:hover, .ce_tabs .tabs.vertical ul li a.current, .ce_tabs .tabs.vertical_2 ul li a.current { font-weight:bold; position:relative; z-index:100; } .ce_tabs .tabs.classic ul li { display: inline-block; padding: 10px 15px; background: rgb(247,247,247); border-top: 2px solid transparent; box-shadow: 0 0 inset, 0 -2px 2px rgba(0,0,0,0.03) inset, 0 0 inset, 0 0 inset; } .ce_tabs .tabs.classic ul li.active, .ce_tabs .tabs.classic ul li:hover { border-top: 2px solid rgb(152,152,152); box-shadow: none; font-weight: normal; } .ce_tabs .panes.classic { background: rgb(247,247,247); padding: 25px; } /* ============================================================================= * ce_chartbar * ========================================================================== */ .ce_chartbar { margin-bottom: 15px; } .ce_chartbar .ce_chart_inside { position: relative; } .ce_chartbar .chart_bg { background: #f2f2f2; height: 35px; box-shadow: inset 0 1px 3px rgb(204,204,204); border-radius: 4px; } .ce_chartbar .title { margin-bottom: 3px; } .ce_chartbar .chart_data { background: rgb(247,247,247); height: 100%; text-align: right; line-height: 35px; padding-right: 10px; color: #fff; width: 0; border-radius: 4px; -webkit-transition: Width 3s ease; transition: Width 3s ease; box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); } .ce_chartbar .chart_data.bg-warning { background: rgb(240,138,36); } .ce_chartbar .chart_data.bg-info { background: rgb(160,211,232); } .ce_chartbar .chart_data.bg-success { background: rgb(157,213,93); } .ce_chartbar .chart_data.bg-alert { background: rgb(247,80,90); } .ce_chartbar.slim .chart_bg { height: 20px; } .ce_chartbar.slim .chart_data span { line-height: 1.5; position: absolute; right: 0; top: 0; color: #555; } .color-white .ce_chartbar.slim .chart_data span { color: rgb(255,255,255); } .ce_chartbar.slim-x .chart_bg { height: 4px; } .ce_chartbar.slim-x .chart_data { border-radius: 0; } .ce_chartbar.slim-x .chart_data span { line-height: 1.5; position: absolute; right: 0; top: 0; color: #555; } .color-white .ce_chartbar.slim-x .chart_data span { color: rgb(255,255,255); } /* ============================================================================= * ce_featured_tab * ========================================================================== */ .ce_featured_tab { position: relative; } .ce_featured_tab.tab-style2 { padding-top: 100px; padding-bottom: 50px; } .ce_featured_tab .panes .section { display: none; } .ce_featured_tab .panes .section.active { display: block; } .ce_featured_tab .tabs { width: 30%; float: left; } .ce_featured_tab .tabs a { cursor: pointer; display: block; } .ce_featured_tab .panes { position: relative; padding: 0; border: none; z-index: 2; float: left; width: 70%; } .ce_featured_tab .tabs li { float: left; position: relative; padding: 25px 28px; display: block; } .ce_featured_tab li { overflow: hidden; display: block; } .ce_featured_tab li .ce_headline .headline { margin-bottom: 5px; color: rgb(150,150,150); } .ce_featured_tab li.active { background: rgb(80,80,80); border-radius: 10px 0 0 10px; } .ce_featured_tab li p { margin-bottom: 0; } .ce_featured_tab li.active p { color: rgb(255,255,255); } .ce_featured_tab li.active .ce_headline .headline { color: rgb(255,255,255); } .ce_featured_tab.tab-style2 .panes { top: 50px; right: 0; position: absolute; width: auto; } @media only screen and (max-width: 1199px) { .ce_featured_tab .tabs { width: 100%; float: none; margin-bottom: 35px; } .ce_featured_tab .panes, .ce_featured_tab.tab-style2 .panes { top: 0; float: none; width: 100%; position: static; } .ce_featured_tab ul { overflow: hidden; } .ce_featured_tab li { float: left; width: 33%; } .ce_featured_tab.tab_fourth li { width: 25%; } .ce_featured_tab.tab_two li { width: 50%; } .ce_featured_tab li.active { border-radius: 0; } } /* ============================================================================= * ce_timeline * ========================================================================== */ .ce_timeline { position: relative; } .ce_timeline:before { content: ''; width: 2px; background: rgb(152,152,152); position: absolute; top: 4px; left: 50%; height: 100%; margin-left: -1px; } .ce_timeline .timeline-item { width: 50%; position: relative; text-align: right; padding-right: 5%; clear: both; float: left; margin-bottom: 30px; } .ce_timeline .timeline-item:nth-of-type(2n) { float: right; text-align: left; padding-left: 5%; padding-right: 0; } .ce_timeline .timeline-item:nth-of-type(2n) i { right: auto; left: -6px; } .ce_timeline .timeline-item:nth-of-type(2n) i.timeline-icon { right: auto; left: -21px; } .ce_timeline .timeline-item i { background: rgb(152,152,152); width: 12px; height: 12px; border-radius: 100%; position: absolute; right: 0; top: 4px; margin-right: -6px; } .ce_timeline .timeline-item i.timeline-icon { font-size: 1.333rem; width: 44px; height: 44px; margin-right: -22px; color: #fff; box-shadow: 0 0 0 4px rgb(110,110,110); border: 2px solid rgb(255,255,255); z-index: 10; } .ce_timeline .timeline-item i.timeline-icon:before { position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; } .ce_timeline i.last-point { background: rgb(152,152,152); width: 12px; height: 12px; border-radius: 100%; position: absolute; right: 50%; bottom: 0; margin-right: -6px; } .ce_timeline .timeline-item .timeline-item-title { font-size: 1.3em; line-height: 1; font-weight: bold; background: rgb(152,152,152); color: rgb(255,255,255); display: inline-block; padding: 5px 10px; border-radius: 3px; margin-top: -3px; margin-bottom: 10px; } .ce_timeline .timeline-item .timeline-item-title:before { content: ''; position: absolute; right: 0; top: 10px; height: 1px; background: rgb(152,152,152); width: 10%; } .ce_timeline .timeline-item:nth-of-type(2n) .timeline-item-title:before { left: 0; right: auto; } .ce_timeline .timeline-item.timeline-w-icon .timeline-item-title { margin-top: 10px; } .ce_timeline .timeline-item.timeline-w-icon .timeline-item-title:before { top: 23px; } .ce_timeline .timeline-item img { border-radius: 5px; } /* ============================================================================= * ce_piechart (scripts/easypiechart/) * ========================================================================== */ .ce_piechart { position: relative; text-align: center; } .ce_piechart span { font-size: 2em; position: absolute; top: 50%; left: 0; text-align: center; display: block; width: 100%; margin-top: -1em; line-height: 2em; } .ce_piechart .piechart { height: 180px; position: relative; margin-bottom: 15px; } .ce_piechart .headline { text-align: center; margin: 0; } /* ============================================================================= * ce_team * ========================================================================== */ .ce_teambox.centered { text-align: center; } .ce_teambox .name { font-weight: bold; margin: 15px 0 5px 0; } .ce_teambox .function { margin-bottom: 20px; } .ce_teambox.round_image .image_container img { border-radius: 100%; border: 4px solid rgba(0,0,0,0.1); } .ce_teambox.round_image .teambox_inside { padding: 0 40px; } .ce_teambox .image { text-align: center; } .ce_teambox .image a { position: relative; display: inline-block; height: 100%; } .ce_teambox .image .overlay { height: 100%; width: 100%; display: block; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; background: rgb(152,152,152); opacity: 0; position: absolute; left: 0; top: 0; } .ce_teambox.round_image .image .overlay { border-radius: 100%; } .ce_teambox .image_container { margin: 0; } .ce_teambox .image i { position: absolute; top: 50%; left: 0; margin-top: -1.333rem; font-size: 2.667rem; line-height: 2.667rem; width: 100%; color: #fff; } .ce_teambox .image:hover .overlay { opacity: 1; } .ce_teambox .socials { margin-top: 25px; font-size: 1.333rem; overflow: hidden; display: inline-block; margin-left: auto; margin-right: auto; } .ce_teambox .socials a { float: left; padding: 0 3px; text-align: center; } .ce_teambox .socials.color a { border: 0; } .ce_teambox .socials a i { width: 2rem; line-height: 2rem; background: rgb(136, 136, 136); color: rgb(255,255,255); border-radius: 100%; font-size: 1rem; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_teambox .socials a:hover i { opacity: 0.8; } .ce_teambox .socials.color i.fa-facebook { background: rgb(67,96,152)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-twitter { background: rgb(40,169,226)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-xing { background: rgb(0,93,94)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-tumblr { background: rgb(45,73,102)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-google-plus { background: rgb(217,82,50)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-flickr { background: rgb(250,29,132)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-linkedin { background: rgb(2,116,179)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-instagram { background: rgb(167,124,98)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-pinterest { background: rgb(205,33,40)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-vimeo-square { background: rgb(52,192,238)!important; color: rgb(255,2552,255)!important; } .ce_teambox .socials.color i.fa-youtube { background: rgb(220,33,48)!important; color: rgb(255,2552,255)!important; } .ce_teambox.hover_image .team-content { position: relative; } .ce_teambox.hover_image .team-content-hover { position: absolute; top: 0%; left: 0; opacity: 0; padding: 50px; width: 100%; height: 100%; background: rgb(250,250,250); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_teambox.hover_image .team-content-valign { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; top: 50%; } .ce_teambox.hover_image:hover .team-content-hover { opacity: 1; } .ce_teambox.frame .teambox_inside { border: 3px solid rgb(231,231,231); } .ce_teambox.frame .teambox_inside .name { padding-top: 20px; } .ce_teambox.frame .teambox_inside p { padding: 0 25px; } .ce_teambox.frame .teambox_inside .function { font-style: normal; font-weight: bold; } .ce_teambox.gray_bg .teambox_inside { position: relative; background: rgb(248, 248, 248); overflow: hidden; } .ce_teambox.gray_bg .teambox_content { padding: 20px; } .ce_teambox.gray_bg .socials a { border: 0; } .ce_teambox.gray_bg .function { color: inherit!important; font-style: normal; font-size: 0.9rem; padding-top: 0; } .ce_teambox.gray_bg .image .overlay { opacity: 1; height: auto; width: 8rem; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); color: rgb(255,255,255); font-size: 0.8rem; position: absolute; left: -3rem; top: -0.3333rem; text-align: center; z-index: 30; padding: 0.8rem 0 0.3333rem 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_teambox.gray_bg .image:hover .overlay { padding-top: 1.6rem; } .ce_teambox.gray_bg .image .overlay i { font-size: 1.2rem; position: static; margin: 0; line-height: 1; } /* same-height */ .autogrid_row.same_height .ce_teambox.gray_bg, .autogrid_row.same_height .ce_teambox.gray_bg .teambox_inside { height: 100%; } /* ============================================================================= * ce_headeline with type effect (scripts/typed/) * ========================================================================== */ .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; position: relative; top: -3px; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* ============================================================================= * ce_bgimage * ========================================================================== */ .ce_bgimage { position: relative; overflow: visible; } .ce_bgimage { overflow: visible; } .ce_bgimage:before, .ce_bgimage:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .ce_bgimage:after { clear:both; } .ce_bgimage .ce_bgimage-inside { position: relative; z-index: 10; } .ce_bgimage.offset:before { position: absolute; top: 75%; background: #fff; content: ''; right: 0; bottom: 0; left:0; z-index: 10; } .ce_bgimage.offset.offset-bg-accent:before { background-color: rgb(152,152,152); } .ce_bgimage.offset.offset-bg-lightgray:before { background-color: rgb(247,247,247); } .ce_bgimage.offset.offset-bg-darkgray:before { background-color: rgb(69,69,69); } .ce_bgimage.offset.offset-bg-black:before { background-color: rgb(0,0,0); } .ce_bgimage.offset.offset-top:before, .ce_bgimage.offset-top:before { position: absolute; top: 0; background: #fff; content: ''; right: 0; top: 0; left:0; height: 25%; z-index: 10; } .ce_bgimage .ce_bgimage-image { position: absolute; top: 0; left:0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .ce_bgimage.bg_contain .ce_bgimage-image { background-size: contain; } .ce_bgimage.fullscreen-image { height: 100vh; } .ce_bgimage.fullscreen-image .ce_bgimage-outer { height: 100vh; } .ce_bgimage.oversize .ce_bgimage-outer .ce_bgimage-inside { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .ce_bgimage.oversize, .ce_bgimage.ce_bgimage-outer { height: auto!important; } .ce_bgimage.max_width_m .contentwrap { max-width: 800px; } .ce_bgimage.max_width_s .contentwrap { max-width: 650px; } /* ============================================================================= * ce_bgimage: parallax offset option * ========================================================================== */ .ce_bgimage div.offset_layer { position: absolute; top: 0; background: #fff; content: ''; right: 0; left:0; height: 25%; z-index: 10; } .ce_bgimage div.offset_layer.offset-bottom { top: auto; bottom: 0; } /* ============================================================================= * ce_bgimage: background-position * ========================================================================== */ .ce_bgimage.bg_left_top .ce_bgimage-image { background-position: left top; } .ce_bgimage.bg_left_center .ce_bgimage-image { background-position: left center; } .ce_bgimage.bg_left_bottom .ce_bgimage-image { background-position: left bottom; } .ce_bgimage.bg_center_top .ce_bgimage-image { background-position: center top; } .ce_bgimage.bg_center_center .ce_bgimage-image { background-position: center center; } .ce_bgimage.bg_center_bottom .ce_bgimage-image { background-position: center bottom; } .ce_bgimage.bg_right_top .ce_bgimage-image { background-position: right top; } .ce_bgimage.bg_right_cemte .ce_bgimage-image { background-position: right center; } .ce_bgimage.bg_right_bottom .ce_bgimage-image { background-position: right bottom; } /* ============================================================================= * ce_bgimage: parallax option * ========================================================================== */ .ce_bgimage.parallax .ce_bgimage-image { background-attachment: fixed; background-position-x: 50%!important; background-position-y: top; } .ce_bgimage.parallax { position: relative; } body.ios .ce_bgimage.parallax .ce_bgimage-image, body.android .ce_bgimage.parallax .ce_bgimage-image { background-attachment: scroll; background-position: center center!important; } /* ============================================================================= * ce_bgimage: img-leftside * ========================================================================== */ .ce_bgimage.img-leftside-33, .ce_bgimage.img-leftside-50 { position: relative; width: 100%; padding-top: 0; padding-bottom: 0; } .ce_bgimage.bg-nocolor { background: rgb(248,248,248); } .ce_bgimage.img-leftside-33 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-image { width: 33.33%; display: table-cell; vertical-align: middle; padding: 0; } .ce_bgimage.img-leftside-33 .ce_bgimage-outer { margin-left: 33%; } .ce_bgimage.img-leftside-50 .ce_bgimage-outer { margin-left: 50%; } .ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { width: 67%; padding: 60px; vertical-align: middle; } .ce_bgimage.img-leftside-50 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { width: 50%; } .ce_bgimage.img-rightside-50 .ce_bgimage-image { margin-left: 50%; } .ce_bgimage.img-rightside-50 .ce_bgimage-outer { margin-right: 50%; } .ce_bgimage.img-rightside-33 .ce_bgimage-image { margin-left: 33.33%; } .ce_bgimage.img-rightside-33 .ce_bgimage-outer { margin-right: 66.66%; } .ce_bgimage.img-leftside-50 .ce_bgimage-inside, .ce_bgimage.img-leftside-33 .ce_bgimage-inside { width: 100%; } .ce_bgimage.bg-accent a:not(.hyperlink_txt) { color: inherit } .ce_bgimage.vertical_centered .ce_bgimage-inside { transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; top: 50%; } .ce_bgimage.vertical_centered .ce_bgimage-outer { height: 100%; } /* ============================================================================= * ce_bgimage_extended: content|content * ========================================================================== */ .ce_bgimage_content_start { background-size: cover; } .ce_bgimage_content_start .ce_bgimage_extended_inside { position: relative; overflow: hidden; display: table; width: 100%; } .ce_bgimage_content_start .ce_bgimage_content_left, .ce_bgimage_content_start .ce_bgimage_content_right { width: 50%; padding-left: 30px; padding-right: 30px; display: table-cell; vertical-align: top; position: relative; } .ce_bgimage_content_start.valign-middle .ce_bgimage_content_left, .ce_bgimage_content_start.valign-middle .ce_bgimage_content_right { vertical-align: middle; } .ce_bgimage_content_start.valign-bottom .ce_bgimage_content_left, .ce_bgimage_content_start.valign-bottom .ce_bgimage_content_right { vertical-align: bottom; } .ce_bgimage_content_start.img-left-67 .ce_bgimage_content_left { width: 67%; } .ce_bgimage_content_start.img-left-67 .ce_bgimage_content_right { width: 33%; } .ce_bgimage_content_start.img-left-33 .ce_bgimage_content_left { width: 33%; } .ce_bgimage_content_start.img-left-33 .ce_bgimage_content_right { width: 67%; } .ce_bgimage_content_start.img-right-67 .ce_bgimage_content_left { width: 33%; } .ce_bgimage_content_start.img-right-67 .ce_bgimage_content_right { width: 67%; } .ce_bgimage_content_start.img-right-33 .ce_bgimage_content_left { width: 67%; } .ce_bgimage_content_start.img-right-33 .ce_bgimage_content_right { width: 33%; } .ce_bgimage_content_start .bg_overlay { background-color: rgb(240,240,240); position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 10; } .ce_bgimage_content_start.bg-white .bg_overlay { background: rgb(255,255,255); } .ce_bgimage_content_start.bg-lightgray .bg_overlay { background: rgb(240,240,240); } .ce_bgimage_content_start.bg-darkgray .bg_overlay { background: rgb(54,54,54); } .ce_bgimage_content_start.bg-black .bg_overlay { background: rgb(0,0,0); } .ce_bgimage_content_start .ce_bgimage_content { position: relative; z-index: 20; } .ce_bgimage_content_start.img-left-67 .ce_bgimage_content_left .bg_overlay, .ce_bgimage_content_start.img-left-50 .ce_bgimage_content_left .bg_overlay, .ce_bgimage_content_start.img-left-33 .ce_bgimage_content_left .bg_overlay { display: none; } .ce_bgimage_content_start.img-right-67 .ce_bgimage_content_right .bg_overlay, .ce_bgimage_content_start.img-right-50 .ce_bgimage_content_right .bg_overlay, .ce_bgimage_content_start.img-right-33 .ce_bgimage_content_right .bg_overlay { display: none; } .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right p, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right h1, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right h2, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right h3, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right h4, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right h5, .ce_bgimage_content_start.invert_rightcol .ce_bgimage_content_right h6 { color: rgb(255,255,255)!important; } .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left p, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left h1, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left h2, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left h3, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left h4, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left h5, .ce_bgimage_content_start.invert_leftcol .ce_bgimage_content_left h6 { color: rgb(255,255,255)!important; } .ce_bgimage_content_start .ce_bgimage_pb_xxl .ce_bgimage_content { padding-bottom: 210px; } .ce_bgimage_content_start .ce_bgimage_pb_xl .ce_bgimage_content { padding-bottom: 170px; } .ce_bgimage_content_start .ce_bgimage_pb_l .ce_bgimage_content { padding-bottom: 150px; } .ce_bgimage_content_start .ce_bgimage_pb_m .ce_bgimage_content { padding-bottom: 100px; } .ce_bgimage_content_start .ce_bgimage_pb_s .ce_bgimage_content { padding-bottom: 90px; } .ce_bgimage_content_start .ce_bgimage_pb_xs .ce_bgimage_content { padding-bottom: 50px; } .ce_bgimage_content_start .ce_bgimage_pb_xxs .ce_bgimage_content { padding-bottom: 30px; } .ce_bgimage_content_start .ce_bgimage_pt_xxl .ce_bgimage_content { padding-top: 210px; } .ce_bgimage_content_start .ce_bgimage_pt_xl .ce_bgimage_content { padding-top: 170px; } .ce_bgimage_content_start .ce_bgimage_pt_l .ce_bgimage_content { padding-top: 150px; } .ce_bgimage_content_start .ce_bgimage_pt_m .ce_bgimage_content { padding-top: 100px; } .ce_bgimage_content_start .ce_bgimage_pt_s .ce_bgimage_content { padding-top: 90px; } .ce_bgimage_content_start .ce_bgimage_pt_xs .ce_bgimage_content { padding-top: 50px; } .ce_bgimage_content_start .ce_bgimage_pt_xxs .ce_bgimage_content { padding-top: 30px; } /* ============================================================================= * .ce_testimonial_version1 * ========================================================================== */ .ce_testimonial_version1 { text-align: center; } .ce_testimonial_version1 .ce_testimonial_inside { max-width: 450px; margin-left: auto; margin-right: auto; } .ce_testimonial_version1 p { text-align: center; font-style: normal; } .ce_testimonial_version1 .text p { font-family: Georgia, Times, serif; font-size: 1.3rem; } .ce_testimonial_version1 .name { font-weight: bold; } .ce_testimonial_version1 .image_container { display: inline-block; width: 90px; height: 90px; border-radius: 100%; margin-bottom: 15px; margin-top: 15px; border: 2px solid #fff; } .ce_testimonial_version1 .image_container img { border-radius: 100%; } /* ============================================================================= * .ce_testimonial_version2 * ========================================================================== */ .ce_testimonial_version2 { text-align: center; } .ce_testimonial_version2 p { text-align: center; font-style: normal; } .ce_testimonial_version2 .ce_testimonial_inside { max-width: 450px; margin-left: auto; margin-right: auto; } .ce_testimonial_version2 .text p { font-size: 1.067rem; } .ce_testimonial_version2 .name { font-weight: bold; } .ce_testimonial_version2 .image_container { display: inline-block; width: 90px; height: 90px; border-radius: 100%; margin-bottom: 15px; margin-top: 10px; border: 2px solid #fff; } .ce_testimonial_version2 .image_container img { border-radius: 100%; } /* ============================================================================= * .ce_testimonial_version3 * ========================================================================== */ .ce_testimonial_version3 .text { background: rgb(247,247,247); padding: 20px; border-radius: 3px; position: relative; margin-bottom: 25px; } .ce_testimonial_version3 .text:after { content: ''; background: rgb(247,247,247); width: 20px; height: 20px; position: absolute; left: 20px; bottom: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ce_testimonial_version3 .text p { color: rgb(140,140,140)!important; } .ce_testimonial_version3 .name { padding-top: 7px; } .ce_testimonial_version3 .additional { font-size: 0.8rem; } .ce_testimonial_version3 .image_container { display: inline-block; width: 60px; height: 60px; border-radius: 100%; margin-bottom: 15px; border: 2px solid #fff; float: left; margin-right: 10px; } .ce_testimonial_version3 .image_container img { border-radius: 100%; border: 1px solid rgb(238,238,238); padding: 3px; } /* ============================================================================= * ce_testimonial_version4 * ========================================================================== */ .ce_testimonial_version4 .image_container { position: absolute; left: 0; top: 0; } .ce_testimonial_version4 .image_container img { width: 70px; height:70px; border-radius: 100%; } .ce_testimonial_version4 .ce_testimonial_inside { padding-left: 100px; position: relative; max-width: 500px; } .ce_testimonial_version4 .text { font-size: 1.3rem; font-family: Georgia, Times, serif; font-style: italic; line-height: 1.3; } .swiper-wrapper .ce_testimonial_version4 { margin-left: auto; margin-right: auto; max-width: 700px; } .swiper-wrapper .ce_testimonial_version4 .ce_testimonial_inside { max-width: 100%; } .swiper-wrapper .ce_testimonial_version4 .text { text-align: justify; } /* ============================================================================= * ce_testimonial_version5 * ========================================================================== */ .ce_testimonial_version5 { text-align: center; } .ce_testimonial_version5 .info { position: absolute; top: 0; width: 100%; text-align: center; } .ce_testimonial_version5 .ce_testimonial_inside { position: relative; padding-top: 230px; max-width: 450px; margin-left: auto; margin-right: auto; } .ce_testimonial_version5 p { text-align: center; font-style: normal; } .ce_testimonial_version5 .text p { font-size: 1.4rem; } .ce_testimonial_version5 .name { font-size: 1.6rem; } .ce_testimonial_version5 .image_container { display: inline-block; width: 125px; height: 125px; border-radius: 100%; margin-bottom: 15px; border: 2px solid #fff; } .ce_testimonial_version5 .image_container img { border-radius: 100%; } /* ============================================================================= * ce_testimonial_version6 * ========================================================================== */ .ce_testimonial_version6 { text-align: center; } .ce_testimonial_version6 .ce_testimonial_inside { position: relative; max-width: 440px; margin-left: auto; margin-right: auto; } .ce_testimonial_version6 p { text-align: center; font-style: normal; } .ce_testimonial_version6 .text p { font-size: 1.1rem; line-height: 2rem; } .ce_testimonial_version6 .name { font-size: 1.4rem; } .ce_testimonial_version6 .image_container { display: inline-block; width: 90px; height: 90px; border-radius: 100%; margin-bottom: 15px; border: 2px solid #fff; } .ce_testimonial_version6 .image_container img { border-radius: 100%; } .ce_testimonial_version6 .additional { color: rgb(180,180,180); } .ce_testimonial_version6 i { font-size: 2rem; margin-bottom: 15px; text-align: center; display: block; color: rgb(180,180,180); } /* ============================================================================= * .ce_testimonial_version7 * ========================================================================== */ .ce_testimonial_version7 .text { position: relative; } .ce_testimonial_version7 .text p:last-of-type { margin: 0; } .ce_testimonial_version7 .text_inside { position: relative; background: rgb(255,255,255); padding: 40px 30px; margin-bottom: 25px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .ce_testimonial_version7 .text:after { content: ''; background: rgb(255,255,255); width: 20px; height: 20px; position: absolute; left: 20px; bottom: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.1); } .ce_testimonial_version7 .text p { line-height: 2; color: rgb(85,85,85)!important; } .ce_testimonial_version7 .name { padding-top: 7px; } .ce_testimonial_version7 .additional { font-size: 0.9rem; } .ce_testimonial_version7 .image_container { display: inline-block; width: 60px; height: 60px; border-radius: 100%; margin-bottom: 15px; border: 2px solid #fff; float: left; margin-right: 10px; } .ce_testimonial_version7 .image_container img { border-radius: 100%; border: 1px solid rgb(238,238,238); padding: 3px; } .ce_testimonial_version7 .text_inside { overflow: hidden; } .ce_testimonial_version7 .text_inside:before { text-align: center; position: absolute; content: "\f10e"; display: block; width: 100px; right: -44px; bottom: -18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font: normal normal normal 14px/1 FontAwesome; background: rgb(180,180,180); color: rgb(255,255,255); padding: 6px 0 27px 0; font-size: 16px; } /* ============================================================================= * ce_iconbox default * ========================================================================== */ .ce_iconbox { text-align: center; display: block; position: relative; overflow: visible; } .ce_iconbox.padding:hover { z-index: 100; } .ce_iconbox.default i { font-size: 3rem; } .ce_iconbox .ce_iconbox_inside { position: relative; } .ce_iconbox .ce_iconbox_outside { width:100%; } .ce_iconbox .ce_iconbox_outside.padding { padding: 25px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox:hover .ce_iconbox_outside.padding { opacity: 1; box-shadow: 0 40px 70px rgba(0,0,0,.2); z-index: 100; } .ce_iconbox .ce_iconbox_outside.padding .content { opacity: 0.6; } .ce_iconbox a.link { margin-top: 10px; display: inline-block; } .ce_iconbox .image_container { text-align: center; margin-bottom: 0; } .ce_iconbox .image_container img { width: auto; display: inline-block; } .ce_iconbox h3 { font-size: 1.2rem; letter-spacing: 1px; position: relative; line-height: 1.4; margin-bottom: 10px; } .ce_iconbox .headline { margin-bottom: 0; } .ce_iconbox .content { margin-top: 10px; } .ce_iconbox:not(.version2):not(.version3) .ce_iconbox_cwrapper { margin-top: 20px; } .ce_iconbox .link:before { content: "\f101"; font-family:FontAwesome; font-weight: normal; display: inline-block; margin-right: 5px; } .ce_iconbox.version2 .link:before { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox.version2:hover .link:before { margin-right: 10px; } .ce_iconbox.same-height { display: flex!important; } .ce_iconbox.default .image_container, .ce_iconbox.default i { padding-top: 5px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; position: relative; top: 0; } .ce_iconbox.default:hover .image_container, .ce_iconbox.default:hover i { top: -5px; } .ce_iconbox li { list-style-type: circle; list-style-position: inside; } /* ============================================================================= * ce_iconbox.version2 * ========================================================================== */ .ce_iconbox.version2 .ce_iconbox_inside { text-align: left; display: flex; align-items: center; } .ce_iconbox.version2 .ce_iconbox_icon { flex: 0 0 80px; align-self: flex-start; } .ce_iconbox.version2 .headline { padding-top: 0; } .ce_iconbox.version2 .image_container { line-height: 1.4; } .ce_iconbox.version2 .image_container img { width: 60px; } .ce_iconbox.version2 i { font-size: 1.733rem; border-radius: 100%; text-align: center; width: 60px; max-width: 60px; height: 60px; line-height: 60px; color: rgb(255,255,255); background: rgb(229,229,229); } .ce_iconbox.version2 .ce_iconbox_inside:after { position: absolute; left: 30px; top: 0; width: 1px; height: 100%; content:''; border-right: 1px dashed rgb(229,229,229); z-index: 1; } .ce_iconbox.version2:last-of-type .ce_iconbox_inside:after { display:none; } .ce_iconbox.version2 .image_container { text-align: left; } .ce_iconbox.version2 a.link { margin-top: 0; } /* ============================================================================= * ce_iconbox.version2.right * ========================================================================== */ .ce_iconbox.version2.right-align .ce_iconbox_inside { text-align: right; display: flex; align-items: center; } .ce_iconbox.version2.right-align .ce_iconbox_icon { flex: 0 0 80px; align-self: flex-start; order: 2; } .ce_iconbox.version2 .ce_iconbox_cwrapper { order: 1; } .ce_iconbox.version2.right-align:last-of-type .ce_iconbox_inside:after { display:none; } .ce_iconbox.version2.right-align .image_container { text-align: right; } /* ============================================================================= * ce_iconbox.version3 * ========================================================================== */ .ce_iconbox.version3 .ce_iconbox_inside { text-align: left; display: flex; align-items: center; } .ce_iconbox.version3 .ce_iconbox_icon { flex: 0 0 50px; align-self: flex-start; } .ce_iconbox.version3 .headline { padding-top: 0; } .ce_iconbox.version3 .image_container { line-height: 1.4; } .ce_iconbox.version3 .image_container img { width: 30px; } .ce_iconbox.version3 i { font-size: 2.2rem; line-height: 2.2rem; text-align: center; width: 40px; } .ce_iconbox.version3:last-of-type .ce_iconbox_inside:after { display:none; } .ce_iconbox.version3 a.link { margin-top: 0; } .ce_iconbox.version3.xsmall i { font-size: inherit; line-height: inherit; text-align: left; width: 25px; } .ce_iconbox.version3.xsmall p { margin-bottom: 0; line-height: inherit; } .ce_iconbox.version3.xsmall .ce_iconbox_icon { flex: 0 0 25px; } .ce_iconbox.version3.xsmall .content { margin-top: 0; } /* ============================================================================= * ce_iconbox.version4 * ========================================================================== */ .ce_iconbox.version4 { text-align: left; } .ce_iconbox.version4 .image_container { text-align: left; } /* ============================================================================= * ce_iconbox same-height * ========================================================================== */ .autogrid_row.same_height .ce_iconbox, .autogrid_row.same_height .ce_iconbox .ce_iconbox_outside { height: 100%; } /* ============================================================================= * ce_iconbox_v2 * ========================================================================== */ .ce_iconbox_v2.default .image_container img { width: auto; display: block; margin-bottom: 15px; } .ce_iconbox_v2.default i { margin-bottom: 15px; font-size: 3.667rem; line-height: 3.667rem; width: 2.667rem!important; } .ce_iconbox_v2.default .link:before { content: "\f101"; font-family:FontAwesome; font-weight: normal; display: inline-block; margin-right: 5px; } .ce_iconbox_v2 ul { padding-left: 4px; } .ce_iconbox_v2 ul li { list-style-type: circle; list-style-position: inside; } /* ============================================================================= * ce_iconbox_v2 | style2 * ========================================================================== */ .ce_iconbox_v2.style2 { border-top: 1px solid rgb(225,225,225); border-bottom: 1px solid rgb(225,225,225); border-right: 1px solid rgb(225,225,225); transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } /* same-height */ .autogrid_row.same_height .ce_iconbox_v2.style2 { height: 100%; } .autogrid_row > .column:first-child > .ce_iconbox_v2.style2 { border-left: 1px solid rgb(225,225,225); } .ce_iconbox_v2.style2 .ce_iconbox_outside { padding: 15% 10%; } .ce_iconbox_v2.style2 .image_container img { width: auto; display: block; margin-bottom: 15px; } .ce_iconbox_v2.style2 .image_container, .ce_iconbox_v2.style2 i { padding-top: 5px; position: relative; top: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_v2.style2:hover .image_container, .ce_iconbox_v2.style2:hover i { top: -5px; } .ce_iconbox_v2.style2 i { margin-bottom: 15px; font-size: 3rem; line-height: 3rem; width: 40px!important; } .ce_iconbox_v2.style2 .link { font-weight: bold; font-size: 0.9rem; } .ce_iconbox_v2.style2 .link:after { content: "\f054"; font-family:FontAwesome; font-weight: bold; display: inline-block; margin-left: 5px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_v2.style2:hover .link:after { margin-left: 15px; } .ce_iconbox_v2.style2 .headline { margin-bottom: 0; } .ce_iconbox_v2.style2 .headline:after { content: ''; width: 50px; height: 1px; background: rgb(90,90,90); margin-top: 15px; margin-bottom: 15px; display: block; } .ce_iconbox_v2.style2 .content { font-size: 0.9rem; } /* ============================================================================= * ce_iconbox_v2 | style3 * ========================================================================== */ .ce_iconbox_v2.style3 .ce_iconbox_outside { padding: 35px; background: rgba(255,255,255,0.9); border-radius: 3px; border: 1px solid rgb(220,220,220); height: 100%; } /* same-height */ .autogrid_row.same_height .ce_iconbox_v2.style3 { height: 100%; } .ce_iconbox_v2.style3.no_gutter .ce_iconbox_outside { border-radius: 0; border-right: 0; } .ce_iconbox_v2.style3.no_gutter.autogrid-first .ce_iconbox_outside { border-radius: 3px 0 0 3px; border-right: 0; } .ce_iconbox_v2.style3.no_gutter.autogrid-last .ce_iconbox_outside { border-radius: 0 3px 3px 0; border-right: 1px solid rgb(220,220,220); } .ce_iconbox_v2.style3 .content { color: rgb(120,120,120); } .ce_iconbox_v2.style3 .image_container { margin-bottom: 20px; } .ce_iconbox_v2.style3 i { font-size: 5rem; margin-bottom: 20px; } .ce_iconbox_v2.style3 .image_container img { width: auto; } .ce_iconbox_v2.style3 a.link:after { font-family: "FontAwesome"; content: "\f178"; display: inline-block; margin-left: 4px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_v2.style3 a.link:hover:after { margin-left: 10px; } /* ============================================================================= * ce_iconbox_v3 * ========================================================================== */ /* same-height */ .autogrid_row.same_height .ce_iconbox_v3, .autogrid_row.same_height .ce_iconbox_v3 .ce_iconbox_v3_inside { height: 100%; } .ce_iconbox_v3 .ce_iconbox_v3_inside { overflow: hidden; position: relative; background: rgb(50,50,50); padding: 95px 30px 30px 30px; width: 100%; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_v3.style1 .ce_iconbox_v3_inside { padding: 30px; } .ce_iconbox_v3 .ce_iconbox_v3_content { padding-right: 60px; } .ce_iconbox_v3 .ce_iconbox_v3_inside:hover { background: rgb(100,100,100); } .ce_iconbox_v3 a { display: block; } .ce_iconbox_v3 .headline { color: rgba(255,255,255,0.6); margin: 0; } .ce_iconbox_v3 .subheadline { color: rgba(255,255,255,1); margin: 0; } .ce_iconbox_v3 i, .ce_iconbox_v3 .headline, .ce_iconbox_v3 .subheadline { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_v3 i, .ce_iconbox_v3 .image_container { position: absolute; right: 30px; top: 30px; font-size: 1.333rem; color: rgba(255,255,255,0.6); } .ie11 .ce_iconbox_v3 i, .ie11 .ce_iconbox_v3 .image_container { display: none!important; } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-accent { background-color: rgb(180,180,180); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-second { background-color: rgb(90,90,90); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-lightgray { background-color: rgb(247,247,247); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-darkgray { background-color: rgb(69,69,69); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-white { background-color: rgb(255,255,255); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-black { background-color: rgb(0,0,0); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-accent:hover { background-color: rgb(180,180,180)!important; } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-second:hover { background-color: rgb(90,90,90)!important; } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-lightgray:hover { background-color: rgb(247,247,247)!important; } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-darkgray:hover { background-color: rgb(69,69,69)!important; } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-white:hover { background-color: rgb(255,255,255)!important; } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-black:hover { background-color: rgb(0,0,0)!important; } .ce_iconbox_v3 .headline.headline-color-accent { color: rgb(180,180,180); } .ce_iconbox_v3 .headline.headline-color-second { color: rgb(90,90,90); } .ce_iconbox_v3 .headline.headline-color-lightgray { color: rgb(247,247,247); } .ce_iconbox_v3 .headline.headline-color-darkgray { color: rgb(69,69,69); } .ce_iconbox_v3 .headline.headline-color-white { color: rgb(255,255,255); } .ce_iconbox_v3 .headline.headline-color-black { color: rgb(0,0,0); } .ce_iconbox_v3 .subheadline.subheadline-color-accent { color: rgb(180,180,180); } .ce_iconbox_v3 .subheadline.subheadline-color-second { color: rgb(90,90,90); } .ce_iconbox_v3 .subheadline.subheadline-color-lightgray { color: rgb(247,247,247); } .ce_iconbox_v3 .subheadline.subheadline-color-darkgray { color: rgb(69,69,69); } .ce_iconbox_v3 .subheadline.subheadline-color-white { color: rgb(255,255,255); } .ce_iconbox_v3 .subheadline.subheadline-color-black { color: rgb(0,0,0); } .ce_iconbox_v3 .fonticon.fonticon-color-accent { color: rgb(180,180,180); } .ce_iconbox_v3 .fonticon.fonticon-color-second { color: rgb(90,90,90); } .ce_iconbox_v3 .fonticon.fonticon-color-lightgray { color: rgb(247,247,247); } .ce_iconbox_v3 .fonticon.fonticon-color-darkgray { color: rgb(69,69,69); } .ce_iconbox_v3 .fonticon.fonticon-color-white { color: rgb(255,255,255); } .ce_iconbox_v3 .fonticon.fonticon-color-black { color: rgb(0,0,0); } .ce_iconbox_v3:hover.text-hover-accent i, .ce_iconbox_v3:hover.text-hover-accent .headline, .ce_iconbox_v3:hover.text-hover-accent .subheadline { color: rgb(180,180,180)!important; } .ce_iconbox_v3:hover.text-hover-second i, .ce_iconbox_v3:hover.text-hover-second .headline, .ce_iconbox_v3:hover.text-hover-second .subheadline { color: rgb(90,90,90)!important; } .ce_iconbox_v3:hover.text-hover-lightgray i, .ce_iconbox_v3:hover.text-hover-lightgray .headline, .ce_iconbox_v3:hover.text-hover-lightgray .subheadline { color: rgb(247,247,247)!important; } .ce_iconbox_v3:hover.text-hover-darkgray i, .ce_iconbox_v3:hover.text-hover-darkgray .headline, .ce_iconbox_v3:hover.text-hover-darkgray .subheadline { color: rgb(69,69,69)!important; } .ce_iconbox_v3:hover.text-hover-white i, .ce_iconbox_v3:hover.text-hover-white .headline, .ce_iconbox_v3:hover.text-hover-white .subheadline { color: rgb(255,255,255)!important; } .ce_iconbox_v3:hover.text-hover-black i, .ce_iconbox_v3:hover.text-hover-black .headline, .ce_iconbox_v3:hover.text-hover-black .subheadline { color: rgb(0,0,0)!important; } .ce_iconbox_v3.flip:hover .ce_iconbox_v3_content { margin-left: -150%; } .ce_iconbox_v3.flip .ce_iconbox_v3_content { transition: all 0.4s; -webkit-transition: all 0.4s; margin-left: 0; } .ce_iconbox_v3.flip .backside { transition: all 0.4s; position: absolute; right: -100%; top: 0; height: 100%; width: 100%; color: rgb(255,255,255); padding: 30px 70px 30px 30px; } .ce_iconbox_v3.flip .backside .backside-inside { position: absolute; bottom: 30px; } .ce_iconbox_v3.flip .backside .backside-inside p { margin-bottom: 0; padding-right: 70px; } .ce_iconbox_v3.flip:hover .backside { right: 0; } .ce_iconbox_v3.style3.flip:hover .backside { right: -30%; } .ce_iconbox_v3.style3.flip .backside .backside-inside { bottom: auto; top: 30px; } .ce_iconbox_v3.style3.flip .backside .backside-inside { width: 70%; } .ce_iconbox_v3.flip i, .ce_iconbox_v3.flip .image_container { transition: all 0.2s; -webkit-transition: all 0.2s; } .ce_iconbox_v3.flip:hover i, .ce_iconbox_v3.flip:hover .image_container { right: 15px; top: 15px; transform: scale(0.8); -webkit-transform: scale(0.8); } .ce_iconbox_v3.style2 .ce_iconbox_v3_inside { padding: 100px 30px 30px 30px; } .ce_iconbox_v3.style3 .ce_iconbox_v3_inside { border-radius: 5px; border: 1px solid rgb(200, 202, 206); padding: 30px; } .ce_iconbox_v3.style3 i, .ce_iconbox_v3.style3 .image_container { position: static; float: left; width: 30%; } .ce_iconbox_v3.style3 .ce_iconbox_v3_content { width: 70%; float: left; padding-left: 20px; padding-right: 0; } .ce_iconbox_v3.style3 i { font-size: 8rem; } .ce_iconbox_v3.style3 .headline { font-weight: 400; } .ce_iconbox_v3.style3 .subheadline { margin-top: 10px; } .ce_iconbox_v3 ul { padding-left: 4px; } .ce_iconbox_v3 ul li { list-style-type: circle; list-style-position: inside; } /* ============================================================================= * ce_imagebox_v1 * ========================================================================== */ .ce_imagebox_v1 .ce_imagebox_inside { position: relative; background: #000; overflow: hidden; } .ce_imagebox_v1 .image_container { margin-bottom: 0; } .ce_imagebox_v1 img { max-width: none; width: 100%; transition: opacity 0.35s, transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; backface-visibility: hidden; } .ce_imagebox_v1:hover img { opacity: 0.6; transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); } .ce_imagebox_v1 .content { text-align: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 2em; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } .ce_imagebox_v1 h1, .ce_imagebox_v1 h2, .ce_imagebox_v1 h3, .ce_imagebox_v1 h4, .ce_imagebox_v1 h5, .ce_imagebox_v1 h6 { position: relative; overflow: hidden; padding: 0.5em 0; color: #fff; margin-bottom: 0; } .ce_imagebox_v1 h1:after, .ce_imagebox_v1 h2:after, .ce_imagebox_v1 h3:after, .ce_imagebox_v1 h4:after, .ce_imagebox_v1 h5:after, .ce_imagebox_v1 h6:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; transition: transform 0.35s; transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 0.35s; -webkit-transform: translate3d(-100%,0,0); } .ce_imagebox_v1:hover h1:after, .ce_imagebox_v1:hover h2:after, .ce_imagebox_v1:hover h3:after, .ce_imagebox_v1:hover h4:after, .ce_imagebox_v1:hover h5:after, .ce_imagebox_v1:hover h6:after { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } .ce_imagebox_v1 p { padding: 1em 0; transition: opacity 0.35s, transform 0.35s; -webkit-ransition: opacity 0.35s, transform 0.35s; transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); } .ce_imagebox_v1:hover p { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } .ce_imagebox_v1:hover .content { opacity: 1; } .ce_imagebox_v1 .ce_url { display: none; } /* ============================================================================= * ce_imagebox_v2 * ========================================================================== */ .ce_imagebox_v2 .content { background: rgb(255,255,255); text-align: center; } .ce_imagebox_v2 .image_container { margin: 0; } .ce_imagebox_v2 div.headline { padding: 20px; } .ce_imagebox_v2 div.textarea { padding: 0 20px 20px 20px; } .ce_imagebox_v2 .content h1, .ce_imagebox_v2 .content h2, .ce_imagebox_v2 .content h3, .ce_imagebox_v2 .content h4, .ce_imagebox_v2 .content h5, .ce_imagebox_v2 .content h6 { color: rgb(127,127,127)!important; margin: 0; } .ce_imagebox_v2 .content p { color: rgb(127,127,127)!important; margin: 0; } .ce_imagebox_v2 .ce_url a { display: block; padding: 20px 10px; line-height: 1.5; text-align: center; background: rgb(152,152,152); color: #fff; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_imagebox_v2 .ce_url a:hover { background: rgb(51,51,51); } /* ============================================================================= * ce_googlemap * ========================================================================== */ .google_map { height: 430px; clear: both; width: 100%; } /* ============================================================================= * ce_portfoliofilter * ========================================================================== */ .ce_portfoliofilter { text-align: center; margin-bottom: 25px; margin-top: 25px; position: relative; overflow: visible; } .ce_portfoliofilter.default a { display: inline-block; padding: 8px 15px; margin-bottom: 5px; border: 1px solid rgb(229,229,229); cursor: pointer; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_portfoliofilter.default .ce_portfoliofilter_content i { margin-right: 5px; } .ce_portfoliofilter.default a.selected, .ce_portfoliofilter.default a:hover { background: rgb(152,152,152); color: #fff; } .ce_portfoliofilter.only-icon .ce_portfoliofilter_content i:before { font-size: 1.467rem; line-height: 3.333rem; width: 3.333rem; height: 3.333rem; text-align: center!important; border: 1px solid rgb(180,180,180); border-radius: 100%; cursor: pointer; display: inline-block; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_portfoliofilter.only-icon .all { margin-right: 25px; padding-right: 25px; border-right: 1px solid rgb(180,180,180); cursor: pointer; } .ce_portfoliofilter.only-icon .name { margin-left: 5px; font-size: 0.9rem; margin-right: 20px; cursor: pointer; } .ce_portfoliofilter.only-icon a:last-of-type .name{ margin-right: 0; } .ce_portfoliofilter.only-icon a.selected i:before, .ce_portfoliofilter.only-icon a:hover i:before { background: rgb(152,152,152); color: #fff; } .ce_portfoliofilter.port-filter-style3 { border-bottom: 1px solid rgba(226,226,226,0.3); } .ce_portfoliofilter.port-filter-style3 a { padding: 20px; display: inline-block; border-bottom: 2px solid transparent; cursor: pointer; } .ce_portfoliofilter.port-filter-style3 .ce_portfoliofilter_content i { margin-right: 4px; } .ce_portfoliofilter.port-filter-style3 a.selected { border-bottom: 2px solid rgb(0,0,0); } .ce_portfoliofilter .mobile-filter-trigger { text-align: right; margin-bottom: 10px; display: none; cursor: pointer; line-height: 40px; } .ce_portfoliofilter .mobile-filter-trigger:before { font-family: "FontAwesome"; background: rgba(0,0,0,0.8); color: rgb(255,255,255); padding: 12px; border-radius: 3px; line-height: 40px; width: 40px; font-size: 15px; } /* ============================================================================= * ce_text_imagebox * ========================================================================== */ .ce_text_imagebox, .ce_text_imagebox_image { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: visible; } .ce_text_imagebox .inside { position: absolute; z-index: 20; margin: 0 auto; padding: 5%; width: 100%; text-align: left; } .ce_text_imagebox .headline { margin-bottom: 5px; } .ce_text_imagebox.vcenter .inside { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; } .ce_text_imagebox .ce_text_imagebox_link { display: block; height: 100%; width: 100%; position: relative; } .ce_text_imagebox p { margin-bottom: 0; } .ce_text_imagebox a { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .ce_text_imagebox:hover a:hover { box-shadow: 0 70px 70px rgba(0,0,0,.2); transform: translate(0,-10px); -webkit-transform: translate(0,-10px); z-index: 10; } /* ce_text_imagebox in swiper slider */ .swiper-wrapper .ce_text_imagebox:hover a:hover { box-shadow:none; transform: none; -webkit-transform: none; } .ce_text_imagebox.align-rt .inside { right: 0; top: 0; text-align: right; } .ce_text_imagebox.align-rt .inside .content { margin-left: auto; } .ce_text_imagebox.align-lb .inside { left: 0; bottom: 0; } .ce_text_imagebox.align-rb .inside { right: 0; bottom: 0; text-align: right; } .ce_text_imagebox.align-rb .inside .content { margin-left: auto; } .ce_text_imagebox.width-90 .content { width: 90%; } .ce_text_imagebox.width-80 .content { width: 80%; } .ce_text_imagebox.width-70 .content { width: 70%; } .ce_text_imagebox.width-60 .content { width: 60%; } .ce_text_imagebox.width-50 .content { width: 50%; } .ce_text_imagebox.width-40 .content { width: 40%; } .ce_text_imagebox.width-30 .content { width: 30%; } .ce_text_imagebox.width-20 .content { width: 20%; } .ce_text_imagebox.width-10 .content { width: 10%; } #slider .ce_text_imagebox { margin: 0; } #slider .ce_text_imagebox .inside h1, #slider .ce_text_imagebox .inside h2, #slider .ce_text_imagebox .inside h3, #slider .ce_text_imagebox .inside h4, #slider .ce_text_imagebox .inside h5, #slider .ce_text_imagebox .inside h6 { margin-bottom: 5px; } #slider .ce_text_imagebox .inside .btn { margin-top: 35px; } #slider .ce_text_imagebox:hover a { opacity: 1; } .ce_text_imagebox.oversize .inside { position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .ce_text_imagebox.oversize .ce_text_imagebox_image { height: auto!important; } .ce_text_imagebox.hcenter .inside { text-align: center; } .ce_text_imagebox.hcenter .inside .content { margin-left: auto; margin-right: auto; } .ce_text_imagebox .inside .content.only-headline .ce_headline .headline { margin-bottom: 0; } .ce_text_imagebox.hright .inside { text-align: right; } .ce_text_imagebox.hright .inside .content { margin-left: auto; } /* edge bug workaroud */ .edge .ce_text_imagebox.same-height .ce_text_imagebox_image { width: 100%; } /* ============================================================================= * ce_text_imagebox: imagebox_version2 * ========================================================================== */ .ce_text_imagebox.imagebox_version2 .inside { background: rgb(152,152,152); opacity: 0.95; width: 100%; padding: 25px; } .ce_text_imagebox.imagebox_version2.vcenter .inside { top: 50%; } /* ============================================================================= * ce_text_imagebox: imagebox_version3 * ========================================================================== */ .ce_text_imagebox.imagebox_version3 .inside { background: rgb(152,152,152); opacity: 0.8; width: 100%; padding: 15px; top: 10px; } .ce_text_imagebox.imagebox_version3.align-lb .inside, .ce_text_imagebox.imagebox_version3.align-rb .inside { top: auto; bottom: 10px; } .ce_text_imagebox.imagebox_version3.vcenter .inside { top: 50%; } /* ============================================================================= * ce_text_imagebox: imagebox_version4 * ========================================================================== */ .ce_text_imagebox.imagebox_version4 .inside { background: rgba(0,0,0,0.7); width: 100%; padding: 15px; top: 10px; } .ce_text_imagebox.imagebox_version4.align-lb .inside, .ce_text_imagebox.imagebox_version4.align-rb .inside { top: auto; bottom: 10px; } .ce_text_imagebox.imagebox_version4.vcenter .inside { top: 50%; } .ce_text_imagebox.imagebox_version4:hover a { opacity: 1; } /* ============================================================================= * ce_text_imagebox: parallax option * ========================================================================== */ .ce_text_imagebox.parallax .ce_text_imagebox_image { background-attachment: fixed; background-position-x: 50%!important; background-position-y: center; } .ce_text_imagebox.parallax { position: relative; } body.ios .ce_text_imagebox.parallax .ce_text_imagebox_image, body.android .ce_text_imagebox.parallax .ce_text_imagebox_image { background-attachment: scroll; background-position: center center!important; } /* ============================================================================= * ce_imagemap * ========================================================================== */ .ce_imagemap { overflow: visible; } .ce_imagemap .imagemap_inside { position: relative; } .ce_imagemap .image_container img { width: 100%; } .ce_imagemap .hotspot_content { display: none; background: rgba(255,255,255,1); padding: 20px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); position: absolute; z-index: 2000; min-width: 250px; text-align: left; } .ce_imagemap .hotspot_content p:last-of-type { margin-bottom: 0; } .ce_imagemap .hotspot_content.left { left: auto; right: 100%; margin-right: -14px; top: -15px; border-radius: 8px 0 8px 8px; } .ce_imagemap .hotspot_content.center { left: 0; top: 8px; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center; opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; margin-left: 11px; padding: 10px; } .ce_imagemap .hotspot.active .hotspot_content.center { opacity: 1; } .ce_imagemap .hotspot_content.center:before { content: ''; top: 0; left: 50%; margin-top: -10px; margin-left: -11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; height: 20px; width: 20px; z-index: 100; background: rgb(255,255,255); } .ce_imagemap .hotspot_content.left { -webkit-animation: fadeInLeft 500ms ease; -moz-animation: fadeInLeft 500ms ease; -ms-animation: fadeInLeft 500ms ease; animation: fadeInLeft 500ms ease; } .ce_imagemap .hotspot_content.right { left: 16px; top: -13px; border-radius: 0px 8px 8px 8px; } .ce_imagemap .hotspot_content.right { -webkit-animation: fadeInRight 500ms ease; -moz-animation: fadeInRight 500ms ease; -ms-animation: fadeInRight 500ms ease; animation: fadeInRight 500ms ease; } .ce_imagemap .hotspot { position: absolute; z-index: 1000; cursor: pointer; } .ce_imagemap .hotspot div { position: absolute; } .ce_imagemap .hotspot:before { z-index: 10; font-family: "FontAwesome"; content: "+"; text-indent: 0; display: inline-block; position: relative; top: 0; left: 0; font-size: 22px; height: 20px; width: 20px; line-height: 20px; text-align: center; color: rgb(0,0,0); font-weight: bold; } .ce_imagemap .hotspot.active { z-index: 2100; } .ce_imagemap .hotspot.active .hotspot_content { display: block; } .ce_imagemap .hotspot.active .circle { opacity: 20; } .ce_imagemap .image { position: relative; z-index: 100; } .ce_imagemap .imagemap_inside.center { margin: 0 auto; } .ce_imagemap .circle { border-radius: 100%; width: 36px; height: 36px; border: 2px solid rgba(255,255,255,0.5); position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; display: block; background: rgba(255,255,255,0.5); animation: pulseImageMap 2s infinite; } /* animation */ @-webkit-keyframes pulseImageMap { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); } } @keyframes pulseImageMap { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0); box-shadow: 0 0 0 10px rgba(0,0,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); } } /* small */ .ce_imagemap .hotspot.small:before { padding: 5px; font-size: 15px; height: 20px; width: 20px; line-height: 20px; z-index: 10; } .ce_imagemap .hotspot.small .hotspot_content.left { margin-right: -14px; top: -14px; } .ce_imagemap .hotspot.small .hotspot_content.right { left: 16px; top: -14px; } .ce_imagemap .hotspot.small .circle { border-radius: 100%; width: 22px; height: 22px; border: 1px solid rgba(255,255,255,0.5); position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -10px; display: block; background: rgba(255,255,255,0.6); box-shadow: 0 0 0 2px #0093B5; } .ce_imagemap .hotspot.small:before { top: 0; } /* pointer small */ .ce_imagemap .hotspot.pointer_small:before { content: "\f041"; } .ce_imagemap .hotspot.pointer_small .circle { display: none; } .ce_imagemap .hotspot.pointer_small .hotspot_content.left { top: 0; right: 100%; margin: 0 -15px 0 0; } .ce_imagemap .hotspot.pointer_small .hotspot_content.right { top: 0; left: 15px; margin: 0; } .ce_imagemap .hotspot.pointer_small .hotspot_content.center { top: 28px; } /* pointer large */ .ce_imagemap .hotspot.pointer_large:before { content: "\f041"; font-size: 40px; } .ce_imagemap .hotspot.pointer_large .circle { display: none; } .ce_imagemap .hotspot.pointer_large .hotspot_content.left { top: 0; right: 100%; margin: 0 -15px 0 0; } .ce_imagemap .hotspot.pointer_large .hotspot_content.right { top: 0; left: 15px; margin: 0; } .ce_imagemap .hotspot.pointer_large .hotspot_content.center { top: 28px; min-width: 180px; font-size: 0.9rem; background: rgb(255,255,255); } /* ============================================================================= * ce_video_background * ========================================================================== */ .ce_video_background { position: relative; overflow: hidden; } .ce_video_background .ce_video_background_inside { position: relative; z-index: 10 } .ce_video_background .video { position: absolute; top: 50%; left: 50%; z-index: 1; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ce_video_background .video-overlay { opacity: 0.85; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } /* ============================================================================= * ce_headerimage * ========================================================================== */ .ce_headerimage { padding: 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } .ce_headerimage .ce_headerimage_inside { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ce_headerimage.valign_top .ce_headerimage_inside { top: 10%; } .ce_headerimage.valign_middle .ce_headerimage_inside { top: 50%; } .ce_headerimage.valign_bottom .ce_headerimage_inside { top: 70%; } .ce_headerimage h1, .ce_headerimage h2, .ce_headerimage h3, .ce_headerimage h4, .ce_headerimage h5, .ce_headerimage h6 { margin-bottom: 0; } .ce_headerimage.default .content { border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); padding: 30px; } .ce_headerimage.version1 .content { background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.9); padding: 30px; } .ce_headerimage.version2 .content { border: 0; } .ce_headerimage.version3 .ce_headline .headline { padding: 10px 20px; background: rgb(80,80,80); color: rgb(255,255,255); opacity: 0.95; display: inline-block; } .ce_headerimage.version3 .subline { padding: 5px 10px; background: rgb(80,80,80); color: rgb(255,255,255); margin-top: 5px; display: inline-block; opacity: 0.95; } .ce_headerimage.version3 .content { border: 0; } .ce_headerimage.color-white .content { border-color: rgba(255,255,255,0.9); } .ce_headerimage .content { display: inline-block; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.8); } .ce_headerimage .subline { font-weight: bold; } .ce_headerimage.align_center .ce_headerimage_inside { text-align: center; } .ce_headerimage.align_right .ce_headerimage_inside { text-align: right; } .ce_headerimage.height_small { height: 250px; } .ce_headerimage.height_medium { height: 350px; } .ce_headerimage.height_large { height: 450px; } .ce_headerimage.height_xlarge { height: 600px; } .ce_headerimage.height_xxlarge { height: 750px; } .ce_headerimage.bg_left_top { background-position: left top; } .ce_headerimage.bg_left_center { background-position: left center; } .ce_headerimage.bg_left_bottom { background-position: left bottom; } .ce_headerimage.bg_right_top { background-position: right top; } .ce_headerimage.bg_right_center { background-position: right center; } .ce_headerimage.bg_right_bottom { background-position: right bottom; } .ce_headerimage.bg_center_top { background-position: center top; } .ce_headerimage.bg_center_center { background-position: center center; } .ce_headerimage.bg_center_bottom { background-position: center bottom; } /* ============================================================================= * ce_teaserbox * ========================================================================== */ .ce_teaserbox { overflow: hidden; position: relative; } .ce_teaserbox .ce_teaserbox_inside { display: table; width: 100%; } .ce_teaserbox .image_wrapper, .ce_teaserbox .text_wrapper { display: table-cell; vertical-align: top; } .ce_teaserbox.width_image_30 .image_wrapper { width: 30%; } .ce_teaserbox.width_image_40 .image_wrapper { width: 40%; } .ce_teaserbox.width_image_50 .image_wrapper { width: 50%; } .ce_teaserbox.width_image_60 .image_wrapper { width: 60%; } .ce_teaserbox.width_image_70 .image_wrapper { width: 70%; } .ce_teaserbox.image_valign_top .image_wrapper { vertical-align: top; } .ce_teaserbox.image_valign_middle .image_wrapper { vertical-align: middle; } .ce_teaserbox.image_valign_bottom .image_wrapper { vertical-align: bottom; } .ce_teaserbox.text_valign_top .text_wrapper { vertical-align: top; } .ce_teaserbox.text_valign_middle .text_wrapper { vertical-align: middle; } .ce_teaserbox.text_valign_bottom .text_wrapper { vertical-align: bottom; } .ce_teaserbox.text_align_left .text_wrapper { text-align: left; } .ce_teaserbox.text_align_center .text_wrapper { text-align: center; } .ce_teaserbox.text_align_right .text_wrapper { text-align: right; } .ce_teaserbox .ce_hyperlink { margin-top: 30px; } /* ============================================================================= * ce_hoverimage * ========================================================================== */ .ce_hoverimage .ce_hoverimage_inside { position: relative; } .ce_hoverimage .orginal-image { position: relative; z-index: 10; opacity: 1; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .ce_hoverimage .hover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; opacity: 0; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .ce_hoverimage:hover .hover-image { opacity: 1; } /* ============================================================================= * ce_fancy_divider * ========================================================================== */ .ce_fancy_divider { position: relative; vertical-align: bottom; } .ce_fancy_divider svg { vertical-align: bottom; line-height: 0; display: block; overflow: hidden; margin-bottom: -1px; } .ce_fancy_divider path { stroke-width: 0; line-height: 0; } .ce_fancy_divider.pos_absolute_top { position: absolute; width: 100%; z-index: 100; top: 0; } .ce_fancy_divider.pos_absolute_bottom { position: absolute; width: 100%; z-index: 100; bottom: 0; } .ce_fancy_divider.version11 svg { margin-bottom: 0; } /* render bug */ .firefox .ce_fancy_divider.version11.pos_absolute_bottom { bottom: -1px; } /* ============================================================================= * ce_fancy_divider_image * ========================================================================== */ .ce_fancy_divider_image .image_container img { width: 100%; } .ce_fancy_divider_image.pos-absolute-top { position: absolute; left: 0; right: 0; top: 0; z-index: 100; } .ce_fancy_divider_image.pos-absolute-bottom { position: absolute; left: 0; right: 0; bottom: -1px; z-index: 1; } #slider .ce_fancy_divider_image.pos-absolute-bottom { z-index: 100; } /* ============================================================================= * ce_text_extented * ========================================================================== */ .ce_text_extented.align-center { margin-left: auto; margin-right: auto; } .ce_text_extented.align-left-justify { text-align: justify; } .ce_text_extented.align-center-justify { text-align: justify; margin-left: auto; margin-right: auto; } .ce_text_extented.align-right-justify { text-align: justify; margin-left: auto; } .ce_text_extented.align-right { margin-left: auto; } .ce_text_extented p:last-child { margin-bottom: 0; } .ce_text_extented.max_width_90 { max-width: 90%; } .ce_text_extented.max_width_80 { max-width: 80%; } .ce_text_extented.max_width_70 { max-width: 70%; } .ce_text_extented.max_width_60 { max-width: 60%; } .ce_text_extented.max_width_50 { max-width: 50%; } .ce_text_extented.max_width_40 { max-width: 40%; } .ce_text_extented.max_width_30 { max-width: 30%; } .ce_text_extented.max_width_20 { max-width: 20%; } .ce_text_extented.max_width_10 { max-width: 10%; } .ce_text_extented.font_serif { font-family: Georgia, Times, serif; } .ce_text_extented.font-style-letter-sp2 p { letter-spacing: 2px; } .ce_text_extented.font-style-letter-sp5 p { letter-spacing: 5px; } .ce_text_extented.font-style-dropcap p:first-child:first-letter { float: left; font-size: 4rem; line-height: 4rem; padding-right: 10px; padding-left: 5px; } .ce_text_extented.font-style-quote p { border-left: 1px solid rgb(232, 232, 232); padding-left: 20px; position: relative; } .ce_text_extented.font-style-quote p:first-child:before { content: "\f10e"; font-family: "FontAwesome"; position: absolute; top: 0px; left: 10px; opacity: 0.3; font-size: 3rem; line-height: 3rem; } .ce_text_extented.lh-1 p { line-height: 1; } .ce_text_extented.lh-1-1 p { line-height: 1.1; } .ce_text_extented.lh-1-2 p { line-height: 1.2; } .ce_text_extented.lh-1-3 p { line-height: 1.3; } .ce_text_extented.lh-1-4 p { line-height: 1.4; } .ce_text_extented.lh-1-5 p { line-height: 1.5; } .ce_text_extented.lh-1-6 p { line-height: 1.6; } .ce_text_extented.lh-1-7 p { line-height: 1.7; } .ce_text_extented.lh-1-8 p { line-height: 1.8; } .ce_text_extented.lh-1-9 p { line-height: 1.9; } .ce_text_extented.lh-2 p { line-height: 2; } .ce_text_extented a { text-decoration: underline; } .ce_text_extented.font-weight-100 p { font-weight: 100; } .ce_text_extented.font-weight-200 p { font-weight: 200; } .ce_text_extented.font-weight-300 p { font-weight: 300; } .ce_text_extented.font-weight-400 p { font-weight: 400; } .ce_text_extented.font-weight-500 p { font-weight: 500; } .ce_text_extented.font-weight-600 p { font-weight: 600; } .ce_text_extented.font-weight-700 p { font-weight: 700; } .ce_text_extented.font-weight-800 p { font-weight: 800; } .ce_text_extented.font-weight-900 p { font-weight: 900; } /* ce_text_extended in revolutions slider */ .ce_text_extented.tp-caption p { white-space: normal; } .ce_text_extented.tp-caption.lh-1 p { line-height: 1!important; } .ce_text_extented.tp-caption.lh-1-1 p { line-height: 1.1!important; } .ce_text_extented.tp-caption.lh-1-2 p { line-height: 1.2!important; } .ce_text_extented.tp-caption.lh-1-3 p { line-height: 1.3!important; } .ce_text_extented.tp-caption.lh-1-4 p { line-height: 1.4!important; } .ce_text_extented.tp-caption.lh-1-5 p { line-height: 1.5!important; } .ce_text_extented.tp-caption.lh-1-6 p { line-height: 1.6!important; } .ce_text_extented.tp-caption.lh-1-7 p { line-height: 1.7!important; } .ce_text_extented.tp-caption.lh-1-8 p { line-height: 1.8!important; } .ce_text_extented.tp-caption.lh-1-9 p { line-height: 1.9!important; } .ce_text_extented.tp-caption.lh-2 p { line-height: 2!important; } .ce_text_extented.tp-caption.font-size-xxxxxl { font-size: 55px; } .ce_text_extented.tp-caption.font-size-xxxxxl { font-size: 50px; } .ce_text_extented.tp-caption.font-size-xxxxl { font-size: 45px; } .ce_text_extented.tp-caption.font-size-xxl { font-size: 40px; } .ce_text_extented.tp-caption.font-size-xl { font-size: 35px; } .ce_text_extented.tp-caption.font-size-l { font-size: 30px; } .ce_text_extented.tp-caption.font-size-m { font-size: 28px; } .ce_text_extented.tp-caption.font-size-s { font-size: 26px; } .ce_text_extented.tp-caption.font-size-xs { font-size: 24px; } .ce_text_extented.tp-caption.font-size-xs { font-size: 22px; } .ce_text_extented.tp-caption.font-size-xxs { font-size: 20px; } .ce_text_extented.tp-caption.font-size-xxxs { font-size: 18px; } .ce_text_extented.tp-caption.font-size-xxxxs { font-size: 16px; } /* ============================================================================= * ce_linkbox * ========================================================================== */ .ce_linkbox { position: relative; } .ce_linkbox .ce_linkbox_image { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; } .ce_linkbox .ce_linkbox_image .image_container img { width: 100%; } .ce_linkbox .ce_linkbox_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .ce_linkbox:hover a .ce_linkbox_overlay { opacity: 1; } .ce_linkbox a i { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; background: rgba(255,255,255,0.9); height: 40px; width: 40px; transform: scale(0); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -webkit-backface-visibility: hidden; } .ce_linkbox a i:before { content: ''; width: 30px; height: 1px; background: rgb(255,255,255); position: absolute; top: 50%; margin-left: -15px; left: 50%; } .ce_linkbox a i:after { content: ''; width: 30px; height: 1px; background: rgb(255,255,255); position: absolute; top: 50%; margin-left: -15px; left: 50%; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .ce_linkbox:hover a i { transform: scale(1); -webkit-transform: scale(1); } .ce_linkbox .headline { margin-top: 5px; margin-bottom: 0; } .ce_linkbox h4.headline { margin-top: 15px; margin-bottom: 15px; } .ce_linkbox .text { margin-top: 5px; } .ce_linkbox.version2 { text-align: center; } .ce_linkbox.version3 .content { background: rgb(255,255,255); padding: 15px 15px 10px 15px; } /* same-height */ .autogrid_row.same_height .ce_linkbox.version3 { background: rgb(255,255,255); height: 100%; } .ce_linkbox h4 { font-family: inherit; font-size: inherit; } .ce_linkbox h5 { font-family: inherit; font-size: inherit; } .ce_linkbox h6 { font-family: inherit; font-size: inherit; color: rgb(152,152,152); } .ce_linkbox.version4 .content { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: rgb(255,255,255); padding-left: 30px; padding-right: 30px; } .ce_linkbox.version4 .content h1, .ce_linkbox.version4 .content h2, .ce_linkbox.version4 .content h3, .ce_linkbox.version4 .content h4, .ce_linkbox.version4 .content h5, .ce_linkbox.version4 .content h6 { border-top: 2px solid rgb(255,255,255); border-bottom: 2px solid rgb(255,255,255); display: inline-block; padding: 4px 0; color: rgb(255,255,255); margin-bottom: 1em; } .ce_linkbox.version5 .content { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: rgb(255,255,255); padding-left: 30px; padding-right: 30px; z-index: 10; } .ce_linkbox.version5 .content .headline { display: block; color: rgb(255,255,255); margin-bottom: 10px; transition: transform .4s ease-out,opacity .4s ease-out; -webkit-transition: transform .4s ease-out,opacity .4s ease-out; } .ce_linkbox.version5:hover .content .headline { transform: translateY(-15px); -webkit-transform: translateY(-15px); opacity: 0; } .ce_linkbox.version5 .content p { display: inline-block; color: rgb(255,255,255); transition: transform .4s ease-out,opacity .4s ease-out; -webkit-transition: transform .4s ease-out,opacity .4s ease-out; } .ce_linkbox.version5:hover .content p { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; } .ce_linkbox.version5 .ce_linkbox_overlay { background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; opacity: 1; } .ce_linkbox.version5:hover .ce_linkbox_overlay { opacity: 0; } .ce_linkbox.version5 .image_container img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_linkbox.version5:hover .image_container img { transform: scale(1.1); } .ce_linkbox.version5 .ce_linkbox_link { display: block; } .ce_linkbox.version6 .attribute.headline { margin-top: -1rem; position: relative; margin-bottom: 1rem; } .ce_linkbox.frame-1-dark .ce_linkbox_image { border: 1px solid rgb(220,220,220); } .ce_linkbox.frame-5-dark .ce_linkbox_image { border: 5px solid rgb(220,220,220); } .ce_linkbox.frame-10-dark .ce_linkbox_image { border: 10px solid rgb(220,220,220); } .ce_linkbox.frame-1-light .ce_linkbox_image { border: 1px solid rgb(255,255,255); } .ce_linkbox.frame-5-light .ce_linkbox_image { border: 5px solid rgb(255,255,255); } .ce_linkbox.frame-10-light .ce_linkbox_image { border: 10px solid rgb(255,255,255); } .ce_linkbox .ce_linkbox_banner { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); color: rgb(255,255,255); background: rgb(0,0,0); font-size: 0.8rem; position: absolute; right: -2.4rem; top: 2rem; text-align: center; min-width: 11rem; z-index: 30; padding: 0.2rem; } /* ============================================================================= * ce_countdown * ========================================================================== */ .ce_countdown .align-center li { margin-left: 20px; margin-right: 20px; } .ce_countdown .align-right li { margin-right: 0px; margin-left: 20px; } .ce_countdown .value { display: block; } .ce_countdown .unit { font-size: 0.4em; } .ce_countdown .countdown { line-height: 1; } .ce_countdown li { display: inline-block; margin-right: 20px; } /* ============================================================================= * ce_divider_extended * ========================================================================== */ .ce_divider_extended { margin-top: 20px; margin-bottom: 20px; } .ce_divider_extended.align-center { margin-left: auto; margin-right: auto; } .ce_divider_extended.align-right { margin-left: auto; } .ce_divider_extended.version1 { background: rgba(0,0,0,0.1); width: 65px; height: 1px; } .ce_divider_extended.version2 { background: rgba(0,0,0,0.1); width: 80px; height: 3px; } .ce_divider_extended.version3 { background: rgba(0,0,0,0.1); width: 100%; height: 1px; } body #contentwrapper .ce_divider_extended.version4 { text-align: center; background: none!important; } .ce_divider_extended.version4 span { background: rgb(150,150,150); display: inline-block; margin-left: 3px; margin-right: 3px; width: 5px; height: 5px; border-radius: 5px; transform: translateY(-5px); -webkit-transform: translateY(-5px); } .ce_divider_extended.version5 { background: rgba(0,0,0,0.1); width: 65px; height: 1px; } .ce_divider_extended.invert, .ce_divider_extended.invert span { background-color: rgba(255,255,255,0.8)!important; } .ce_divider_extended.version6 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5Ni4xMzJweCIgaGVpZ2h0PSIzMy42NzhweCIgdmlld0JveD0iMCAwIDk2LjEzMiAzMy42NzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2LjEzMiAzMy42NzgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjUuOTMyIiB5PSI1LjkzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNi44MzkgLTYuOTc0NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU3NTc1NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyMS44MTQiIGhlaWdodD0iMjEuODE0Ii8+PHJlY3QgeD0iMjEuMzU2IiB5PSI1LjkzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAyMS4zNTY2IC0xNy44ODEzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTc1NzU2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjIxLjgxNCIgaGVpZ2h0PSIyMS44MTQiLz48cmVjdCB4PSI1Mi45NjEiIHk9IjUuOTMyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDMwLjYxMzYgLTQwLjIyOTUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM1NzU3NTYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjEuODE0IiBoZWlnaHQ9IjIxLjgxNCIvPjxyZWN0IHg9IjM3LjUzNyIgeT0iNS45MzIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMjYuMDk1OSAtMjkuMzIyNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU3NTc1NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyMS44MTQiIGhlaWdodD0iMjEuODE0Ii8+PHJlY3QgeD0iNjguMzg2IiB5PSI1LjkzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAzNS4xMzE0IC01MS4xMzY1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTc1NzU2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjIxLjgxNCIgaGVpZ2h0PSIyMS44MTQiLz48L3N2Zz4=); background-position: left center; background-repeat: no-repeat!important; height: 35px; } .ce_divider_extended.version6.align-center { background-position: center center; } .ce_divider_extended.version6.align-right { background-position: right center; } .ce_divider_extended.version6.invert { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5Ni4xMzJweCIgaGVpZ2h0PSIzMy42NzhweCIgdmlld0JveD0iMCAwIDk2LjEzMiAzMy42NzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2LjEzMiAzMy42NzgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjUuOTMyIiB5PSI1LjkzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNi44MzkgLTYuOTc0NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyMS44MTQiIGhlaWdodD0iMjEuODE0Ii8+PHJlY3QgeD0iMjEuMzU2IiB5PSI1LjkzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAyMS4zNTY2IC0xNy44ODEzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjIxLjgxNCIgaGVpZ2h0PSIyMS44MTQiLz48cmVjdCB4PSI1Mi45NjEiIHk9IjUuOTMyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDMwLjYxMzYgLTQwLjIyOTUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjEuODE0IiBoZWlnaHQ9IjIxLjgxNCIvPjxyZWN0IHg9IjM3LjUzNyIgeT0iNS45MzIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMjYuMDk1OSAtMjkuMzIyNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyMS44MTQiIGhlaWdodD0iMjEuODE0Ii8+PHJlY3QgeD0iNjguMzg2IiB5PSI1LjkzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAzNS4xMzE0IC01MS4xMzY1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjIxLjgxNCIgaGVpZ2h0PSIyMS44MTQiLz48L3N2Zz4=); } .ce_divider_extended.version6.invert, .ce_divider_extended.version6.invert span { background-color: transparent!important; } .ce_divider_extended.version7 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxODAuMjI1cHgiIGhlaWdodD0iMTkuMjU0cHgiIHZpZXdCb3g9IjAgMCAxODAuMjI1IDE5LjI1NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTgwLjIyNSAxOS4yNTQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iOS40NzQiIHkxPSIwLjIxNiIgeDI9IjAuNDUxIiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxOC45MzUiIHkxPSIwLjIxNiIgeDI9IjkuOTEyIiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyOC4zOTYiIHkxPSIwLjIxNiIgeDI9IjE5LjM3MyIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTIzLjAwNyIgeTE9IjAuMjE2IiB4Mj0iMTEzLjk4NCIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTEzLjU0NiIgeTE9IjAuMjE2IiB4Mj0iMTA0LjUyMyIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTA0LjA4NCIgeTE9IjAuMjE2IiB4Mj0iOTUuMDYyIiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5NC42MjQiIHkxPSIwLjIxNiIgeDI9Ijg1LjYwMSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iODUuMTYzIiB5MT0iMC4yMTYiIHgyPSI3Ni4xNCIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzUuNzAyIiB5MT0iMC4yMTYiIHgyPSI2Ni42NzgiIHkyPSIxOS4wMzgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3MDZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjY2LjI0MSIgeTE9IjAuMjE2IiB4Mj0iNTcuMjE3IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1Ni43OCIgeTE9IjAuMjE2IiB4Mj0iNDcuNzU2IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI0Ny4zMTgiIHkxPSIwLjIxNiIgeDI9IjM4LjI5NSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzcuODU3IiB5MT0iMC4yMTYiIHgyPSIyOC44MzQiIHkyPSIxOS4wMzgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3MDZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEzMi40NjgiIHkxPSIwLjIxNiIgeDI9IjEyMy40NDUiIHkyPSIxOS4wMzgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3MDZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE3MC4zMTMiIHkxPSIwLjIxNiIgeDI9IjE2MS4yOSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTYwLjg1MiIgeTE9IjAuMjE2IiB4Mj0iMTUxLjgyOSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTUxLjM5IiB5MT0iMC4yMTYiIHgyPSIxNDIuMzY4IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNDEuOTI5IiB5MT0iMC4yMTYiIHgyPSIxMzIuOTA2IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNzkuNzc0IiB5MT0iMC4yMTYiIHgyPSIxNzAuNzUiIHkyPSIxOS4wMzgiLz48L3N2Zz4=); background-position: left center; background-repeat: no-repeat!important; height: 35px; } .ce_divider_extended.version7.align-center { background-position: center center; } .ce_divider_extended.version7.align-right { background-position: right center; } .ce_divider_extended.version7.invert { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxODAuMjI1cHgiIGhlaWdodD0iMTkuMjU0cHgiIHZpZXdCb3g9IjAgMCAxODAuMjI1IDE5LjI1NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTgwLjIyNSAxOS4yNTQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iOS40NzQiIHkxPSIwLjIxNiIgeDI9IjAuNDUxIiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxOC45MzUiIHkxPSIwLjIxNiIgeDI9IjkuOTEyIiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyOC4zOTYiIHkxPSIwLjIxNiIgeDI9IjE5LjM3MyIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTIzLjAwNyIgeTE9IjAuMjE2IiB4Mj0iMTEzLjk4NCIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTEzLjU0NiIgeTE9IjAuMjE2IiB4Mj0iMTA0LjUyMyIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTA0LjA4NCIgeTE9IjAuMjE2IiB4Mj0iOTUuMDYyIiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5NC42MjQiIHkxPSIwLjIxNiIgeDI9Ijg1LjYwMSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iODUuMTYzIiB5MT0iMC4yMTYiIHgyPSI3Ni4xNCIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzUuNzAyIiB5MT0iMC4yMTYiIHgyPSI2Ni42NzgiIHkyPSIxOS4wMzgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjY2LjI0MSIgeTE9IjAuMjE2IiB4Mj0iNTcuMjE3IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1Ni43OCIgeTE9IjAuMjE2IiB4Mj0iNDcuNzU2IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI0Ny4zMTgiIHkxPSIwLjIxNiIgeDI9IjM4LjI5NSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzcuODU3IiB5MT0iMC4yMTYiIHgyPSIyOC44MzQiIHkyPSIxOS4wMzgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEzMi40NjgiIHkxPSIwLjIxNiIgeDI9IjEyMy40NDUiIHkyPSIxOS4wMzgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE3MC4zMTMiIHkxPSIwLjIxNiIgeDI9IjE2MS4yOSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTYwLjg1MiIgeTE9IjAuMjE2IiB4Mj0iMTUxLjgyOSIgeTI9IjE5LjAzOCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTUxLjM5IiB5MT0iMC4yMTYiIHgyPSIxNDIuMzY4IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNDEuOTI5IiB5MT0iMC4yMTYiIHgyPSIxMzIuOTA2IiB5Mj0iMTkuMDM4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNzkuNzc0IiB5MT0iMC4yMTYiIHgyPSIxNzAuNzUiIHkyPSIxOS4wMzgiLz48L3N2Zz4=); } .ce_divider_extended.version7.invert, .ce_divider_extended.version7.invert span { background-color: transparent!important; } .ce_divider_extended.version8 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5OC43MjNweCIgaGVpZ2h0PSI3LjA1MXB4IiB2aWV3Qm94PSIwIDAgOTguNzIzIDcuMDUxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OC43MjMgNy4wNTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMC4zNTMiIHkxPSIwLjM2MSIgeDI9IjYuNjk3IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuNjg5IiB5MT0iMC4zNTQiIHgyPSIwLjM2MSIgeTI9IjYuNjk3Ii8+PC9nPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTAuNTM5IiB5MT0iMC4zNjEiIHgyPSIxNi44ODMiIHkyPSI2LjY4OSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTYuODc1IiB5MT0iMC4zNTQiIHgyPSIxMC41NDciIHkyPSI2LjY5NyIvPjwvZz48Zz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYxLjQ2OCIgeTE9IjAuMzYxIiB4Mj0iNjcuODEyIiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjY3LjgwNCIgeTE9IjAuMzU0IiB4Mj0iNjEuNDc2IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1MS4yODIiIHkxPSIwLjM2MSIgeDI9IjU3LjYyNiIgeTI9IjYuNjg5Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1Ny42MTgiIHkxPSIwLjM1NCIgeDI9IjUxLjI5IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5Mi4wMjYiIHkxPSIwLjM2MSIgeDI9Ijk4LjM3IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk4LjM2MiIgeTE9IjAuMzU0IiB4Mj0iOTIuMDM0IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI0MS4wOTciIHkxPSIwLjM2MSIgeDI9IjQ3LjQ0IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjQ3LjQzMyIgeTE9IjAuMzU0IiB4Mj0iNDEuMTA0IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI4MS44NCIgeTE9IjAuMzYxIiB4Mj0iODguMTg0IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijg4LjE3NiIgeTE9IjAuMzU0IiB4Mj0iODEuODQ4IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIzMC45MTEiIHkxPSIwLjM2MSIgeDI9IjM3LjI1NCIgeTI9IjYuNjg5Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIzNy4yNDciIHkxPSIwLjM1NCIgeDI9IjMwLjkxOCIgeTI9IjYuNjk3Ii8+PC9nPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzEuNjU0IiB5MT0iMC4zNjEiIHgyPSI3Ny45OTgiIHkyPSI2LjY4OSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzcuOTkiIHkxPSIwLjM1NCIgeDI9IjcxLjY2MiIgeTI9IjYuNjk3Ii8+PC9nPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjAuNzI1IiB5MT0iMC4zNjEiIHgyPSIyNy4wNjgiIHkyPSI2LjY4OSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjcuMDYxIiB5MT0iMC4zNTQiIHgyPSIyMC43MzIiIHkyPSI2LjY5NyIvPjwvZz48L3N2Zz4=); background-position: left center; background-repeat: no-repeat!important; height: 35px; } .ce_divider_extended.version8.align-center { background-position: center center; } .ce_divider_extended.version8.align-right { background-position: right center; } .ce_divider_extended.version8.invert { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5OC43MjNweCIgaGVpZ2h0PSI3LjA1MXB4IiB2aWV3Qm94PSIwIDAgOTguNzIzIDcuMDUxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OC43MjMgNy4wNTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMC4zNTMiIHkxPSIwLjM2MSIgeDI9IjYuNjk3IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuNjg5IiB5MT0iMC4zNTQiIHgyPSIwLjM2MSIgeTI9IjYuNjk3Ii8+PC9nPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTAuNTM5IiB5MT0iMC4zNjEiIHgyPSIxNi44ODMiIHkyPSI2LjY4OSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTYuODc1IiB5MT0iMC4zNTQiIHgyPSIxMC41NDciIHkyPSI2LjY5NyIvPjwvZz48Zz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYxLjQ2OCIgeTE9IjAuMzYxIiB4Mj0iNjcuODEyIiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjY3LjgwNCIgeTE9IjAuMzU0IiB4Mj0iNjEuNDc2IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1MS4yODIiIHkxPSIwLjM2MSIgeDI9IjU3LjYyNiIgeTI9IjYuNjg5Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1Ny42MTgiIHkxPSIwLjM1NCIgeDI9IjUxLjI5IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5Mi4wMjYiIHkxPSIwLjM2MSIgeDI9Ijk4LjM3IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk4LjM2MiIgeTE9IjAuMzU0IiB4Mj0iOTIuMDM0IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI0MS4wOTciIHkxPSIwLjM2MSIgeDI9IjQ3LjQ0IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjQ3LjQzMyIgeTE9IjAuMzU0IiB4Mj0iNDEuMTA0IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI4MS44NCIgeTE9IjAuMzYxIiB4Mj0iODguMTg0IiB5Mj0iNi42ODkiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijg4LjE3NiIgeTE9IjAuMzU0IiB4Mj0iODEuODQ4IiB5Mj0iNi42OTciLz48L2c+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIzMC45MTEiIHkxPSIwLjM2MSIgeDI9IjM3LjI1NCIgeTI9IjYuNjg5Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIzNy4yNDciIHkxPSIwLjM1NCIgeDI9IjMwLjkxOCIgeTI9IjYuNjk3Ii8+PC9nPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzEuNjU0IiB5MT0iMC4zNjEiIHgyPSI3Ny45OTgiIHkyPSI2LjY4OSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzcuOTkiIHkxPSIwLjM1NCIgeDI9IjcxLjY2MiIgeTI9IjYuNjk3Ii8+PC9nPjxnPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjAuNzI1IiB5MT0iMC4zNjEiIHgyPSIyNy4wNjgiIHkyPSI2LjY4OSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjcuMDYxIiB5MT0iMC4zNTQiIHgyPSIyMC43MzIiIHkyPSI2LjY5NyIvPjwvZz48L3N2Zz4=); } .ce_divider_extended.version8.invert, .ce_divider_extended.version8.invert span { background-color: transparent!important; } .ce_divider_extended.version9 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5Ny43NzNweCIgaGVpZ2h0PSIxMS41MjNweCIgdmlld0JveD0iMCAwIDk3Ljc3MyAxMS41MjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk3Ljc3MyAxMS41MjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI5Ny4zOTEsMTEuMjAxIDg4LjYxOSwwLjgwMyA4MC44MjcsMTEuMjAxICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI4MS4zMDYsMTEuMjAxIDcyLjUzMiwwLjgwMyA2NC43NDIsMTEuMjAxICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI2NS4yMiwxMS4yMDEgNTYuNDQ4LDAuODAzIDQ4LjY1NiwxMS4yMDEgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjQ5LjEzNSwxMS4yMDEgNDAuMzYxLDAuODAzIDMyLjU3MSwxMS4yMDEgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjMzLjA0OSwxMS4yMDEgMjQuMjc3LDAuODAzIDE2LjQ4NSwxMS4yMDEgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjE2Ljk2NCwxMS4yMDEgOC4xOSwwLjgwMyAwLjQsMTEuMjAxICIvPjwvc3ZnPg==); background-position: left center; background-repeat: no-repeat!important; height: 35px; } .ce_divider_extended.version9.align-center { background-position: center center; } .ce_divider_extended.version9.align-right { background-position: right center; } .ce_divider_extended.version9.invert { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5Ny43NzNweCIgaGVpZ2h0PSIxMS41MjNweCIgdmlld0JveD0iMCAwIDk3Ljc3MyAxMS41MjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk3Ljc3MyAxMS41MjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI5Ny4zOTEsMTEuMjAxIDg4LjYxOSwwLjgwMyA4MC44MjcsMTEuMjAxICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI4MS4zMDYsMTEuMjAxIDcyLjUzMiwwLjgwMyA2NC43NDIsMTEuMjAxICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI2NS4yMiwxMS4yMDEgNTYuNDQ4LDAuODAzIDQ4LjY1NiwxMS4yMDEgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjQ5LjEzNSwxMS4yMDEgNDAuMzYxLDAuODAzIDMyLjU3MSwxMS4yMDEgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjMzLjA0OSwxMS4yMDEgMjQuMjc3LDAuODAzIDE2LjQ4NSwxMS4yMDEgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjE2Ljk2NCwxMS4yMDEgOC4xOSwwLjgwMyAwLjQsMTEuMjAxICIvPjwvc3ZnPg==); } .ce_divider_extended.version9.invert, .ce_divider_extended.version9.invert span { background-color: transparent!important; } .ce_divider_extended.version10 { background: none!important; } .ce_divider_extended.version10.invert svg { fill: rgb(255,255,255); } /* ============================================================================= * ce_divider_image * ========================================================================== */ .ce_divider_image .image_container img { width: auto; display: inline; } .ce_divider_image { margin-top: 20px; margin-bottom: 20px; } .ce_divider_image.align-center { margin-left: auto; margin-right: auto; } .ce_divider_image.align-right { margin-left: auto; } /* ============================================================================= * ce_pricelist * ========================================================================== */ .ce_pricelist .item { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px dotted rgba(0,0,0,0.5); } .ce_pricelist .item-inside { position: relative; overflow: hidden; } .ce_pricelist .label { float: left; padding-right: 10px; font-size: 1.4em; } .ce_pricelist .price { float: right; padding-left: 10px; font-size: 1.4em; } .ce_pricelist .subline { clear: both; font-size: 0.9em; } .ce_pricelist .bg-dotted { border-bottom: 2px dotted rgba(0,0,0,0.8); position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; } .color-white .ce_pricelist .bg-dotted { border-color: rgba(255,255,255,0.8); } .color-white .ce_pricelist .item { border-color: rgba(255,255,255,0.4); } /* ============================================================================= * ce_pricelist_image * ========================================================================== */ .ce_pricelist_image h4 { font-size: 1.4rem; float: left; margin: 0; } .ce_pricelist_image h4:after { content: ''; display: inline; float: right; border-bottom: 1px dashed rgb(210,210,210); width: 100%; position: absolute; margin-left: 5px; bottom: 10px; } .ce_pricelist_image .item-content { position: relative; overflow: hidden; clear: both; } .ce_pricelist_image .image_container { width: 60px; position: absolute; left: 0; top: 0px; } .ce_pricelist_image .price { position: absolute; right: 0; background: rgb(255,255,255); padding-left: 10px; font-size: 1.3rem; font-weight: bold; } .ce_pricelist_image .item-inside { padding: 10px 15px 20px 70px; position: relative; } .ce_pricelist_image .subline { font-size: 0.9rem; } /* ============================================================================= * ce_fullscreen_gallery * ========================================================================== */ .ce_fullscreen_gallery.version2 .bold { background-color: rgba(255,255,255,0.9); padding-left: 20px; padding-right: 20px; } .ce_fullscreen_gallery.version2 .bold.invertcolor { background-color: rgba(0,0,0,0.8); } .ce_fullscreen_gallery.version3 .bold { padding-left: 20px; padding-right: 20px; } /* ============================================================================= * ce_image_extended * ========================================================================== */ .ce_image_extended img { display: inline-block; } .ce_image_extended .image_container img { width: auto; } .ce_image_extended.frame-1-dark img { border: 1px solid rgb(220,220,220); } .ce_image_extended.frame-5-dark img { border: 5px solid rgb(220,220,220); } .ce_image_extended.frame-10-dark img { border: 10px solid rgb(220,220,220); } .ce_image_extended.frame-1-light img { border: 1px solid rgb(255,255,255); } .ce_image_extended.frame-5-light img { border: 5px solid rgb(255,255,255); } .ce_image_extended.frame-10-light img { border: 10px solid rgb(255,255,255); } .ce_image_extended.style-rounded img { border-radius: 100%; } .ce_image_extended.no_responsive .image_container img { width: auto; max-width: none; display: inline-block; } body.content_page #slider .ce_image_extended .ce_image { position: static; } /* ============================================================================= * ce_pricecard * ========================================================================== */ .ce_pricecard .ce_pricecard_inside { box-shadow: 0 0 4px 2px rgba(108, 108, 108, 0.14); padding: 30px 50px; background: rgb(255,255,255); border-radius: 6px; margin: 5px; overflow: hidden; } .ce_pricecard ul { padding-left: 25px; } .ce_pricecard li { list-style-type: circle; list-style-position: outside; margin-bottom: 3px; } .ce_pricecard .attribute.ce_headline { margin-bottom: 0px; } .ce_pricecard .price { font-size: 1.2rem; font-weight: bold; margin-bottom: 15px; } .ce_pricecard.highlight .ce_pricecard_inside { background: rgb(245, 245, 245); } .pricecard_leftside, .pricecard_rightside { width: 50%; float: left; } .swiper-wrapper .ce_pricecard .ce_pricecard_inside { margin: 10px; } /* ============================================================================= * ce_pricecard.style2 * ========================================================================== */ .ce_pricecard.style2 .ce_pricecard_inside { background: rgb(245, 245, 245); box-shadow: none; padding: 75px 50px; position: relative; margin: 0; } .ce_pricecard.style2.highlight .ce_pricecard_inside { background: rgb(50,50,50); color: rgb(255,255,255); } .ce_pricecard.style2.highlight .ce_headline.headline { color: rgb(255,255,255)!important; } .ce_pricecard.style2.highlight .ce_hyperlink a { background-color: rgb(59, 60, 66); border-color: rgb(59, 60, 66); } .ce_pricecard.style2.highlight .ce_hyperlink a:hover { opacity: 0.7; } .ce_pricecard.style2 .price { font-size: 4.5rem; font-weight: normal; line-height: 1; margin-top: 10px; } .ce_pricecard.style2 .ce_pricecard_inside:after { content: ''; height: 25px; width: 25px; background: rgb(255,255,255); border-radius: 100%; z-index: 10; position: absolute; top: 25px; right: 25px; } /* ============================================================================= * ce_productbox all * ========================================================================== */ /* same-height */ .autogrid_row.same_height { height: 100%; } .ce_productbox { overflow: visible; } .ce_productbox .image-wrapper { position: relative; } .ce_productbox .image-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .ce_productbox:hover .image-hover { opacity: 1; } /* ============================================================================= * ce_productbox version 1 * ========================================================================== */ /* same-height */ .autogrid_row.same_height .ce_productbox.version1, .autogrid_row.same_height .ce_productbox.version1 .ce_productbox_inside { height: 100%; } .ce_productbox.version1 { border: 1px solid rgb(230,230,230); border-bottom: 3px solid rgb(230,230,230); } .ce_productbox.version1 .ce_productbox_inside { background: rgb(255,255,255); position: relative; overflow: hidden; } .ce_productbox.version1 .ce_productbox_content_top { padding: 30px 20px 65px 20px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_productbox.version1 .image-wrapper { border-bottom: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_productbox.version1 .ce_productbox_content_bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px; overflow: hidden; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; text-align: right; } .ce_productbox.version1:hover .ce_productbox_content_bottom, .ce_productbox.version1:hover .ce_productbox_content_top, .ce_productbox.version1:hover .image-wrapper { border-color: rgb(120,120,120); } .ce_productbox.version1 ul { padding-left: 25px; margin-top: 25px; } .ce_productbox.version1 li { list-style-type: circle; list-style-position: outside; margin-bottom: 3px; } .ce_productbox.version1 .price { font-weight: bold; font-size: 1.5rem; display: inline-block; line-height: 50px; } .ce_productbox.version1 .price span { color: rgb(180,180,180); font-size: 0.8rem; } .ce_productbox.version1 .ce_hyperlink { float: right; display: none; } .ce_productbox.version1 .attribute.ce_headline { margin-bottom: 0; } .ce_productbox.version1 .subheadline { color: rgb(150,150,150); font-style: italic; margin: 5px 0; } .ce_productbox.version1 .ce_productbox_banner { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); color: rgb(255,255,255); font-size: 0.8rem; position: absolute; right: -2.4rem; top: 2rem; text-align: center; min-width: 11rem; z-index: 10; padding: 0.2rem; font-weight: bold; } /* ============================================================================= * ce_productbox version 2 * ========================================================================== */ .ce_productbox.version2 .ce_productbox_inside { background: rgb(255,255,255); position: relative; overflow: hidden; } .ce_productbox.version2 ul { padding-left: 25px; margin-top: 25px; } .ce_productbox.version2 li { list-style-type: circle; list-style-position: outside; margin-bottom: 3px; } .ce_productbox.version2 .price { font-weight: bold; font-size: 1.3rem; display: inline-block; line-height: 35px; } .ce_productbox.version2 .price span { color: rgb(180,180,180); font-size: 0.8rem; } .ce_productbox.version2 .price span.price-old { text-decoration: line-through; font-size: 1rem; margin-left: 10px; } .ce_productbox.version2 .ce_hyperlink { float: right; } .ce_productbox.version2 .ce_hyperlink a { margin: 0; padding: 3px 10px; background: none; color: inherit; border-width: 1px; min-width: 0; line-height: 2rem; } .ce_productbox.version2 .attribute.ce_headline { margin-top: 15px; margin-bottom: 15px; } .ce_productbox.version2 .subheadline { color: rgb(150,150,150); font-style: italic; } .ce_productbox.version2 .ce_productbox_banner { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); color: rgb(255,255,255); font-size: 0.8rem; position: absolute; right: -2.4rem; top: 2rem; text-align: center; min-width: 11rem; z-index: 10; padding: 0.2rem; font-weight: bold; } /* ============================================================================= * ce_productbox version 3 * ========================================================================== */ .ce_productbox.version3 .ce_productbox_inside { position: relative; overflow: hidden; text-align: center; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; padding-bottom: 15px; } .ce_productbox.version3 .ce_productbox_inside:hover { box-shadow: 0 70px 70px rgba(0,0,0,.2); transform: translate(0,-10px); -webkit-transform: translate(0,-10px); z-index: 10; } .ce_productbox.version3 ul { padding-left: 25px; margin-top: 25px; } .ce_productbox.version3 li { list-style-type: circle; list-style-position: outside; margin-bottom: 3px; } .ce_productbox.version3 .price { font-weight: bold; font-size: 1.3rem; display: inline-block; line-height: 35px; } .ce_productbox.version3 .price span { color: rgb(180,180,180); font-size: 0.8rem; } .ce_productbox.version3 .price span.price-old { text-decoration: line-through; font-size: 1rem; margin-left: 10px; } .ce_productbox.version3 .ce_hyperlink { display: none; } .ce_productbox.version3 .attribute.ce_headline { margin-top: 15px; margin-bottom: 15px; } .ce_productbox.version3 .subheadline { color: rgb(150,150,150); font-style: italic; } .ce_productbox.version3 .ce_productbox_banner { color: rgb(255,255,255); font-size: 0.8667rem; position: absolute; right: 2.333rem; top: 1.667rem; text-align: center; z-index: 10; padding: 0.2rem 0.4rem; font-weight: bold; } .ce_productbox.version3 .ce_productbox_content_top { padding-left: 20px; padding-right: 20px; } /* ce_productbox.version3 in swiper slider */ .swiper-wrapper .ce_productbox.version3.autogrid-first .ce_productbox_inside:hover { box-shadow: 50px 50px 70px rgba(0,0,0,.2); } .swiper-wrapper .ce_productbox.version3.autogrid-last .ce_productbox_inside:hover { box-shadow: -50px 50px 70px rgba(0,0,0,.2); } /* ============================================================================= * ce_iconbox_header * ========================================================================== */ .ce_iconbox_header { overflow: hidden; position: absolute; bottom: 90px; left: 0; right: 0; width: 100%; z-index: 1000; } .ce_iconbox_header .iconbox_header_item_inside { overflow: hidden; padding: 25px; } .ce_iconbox_header .contentwrap { overflow: hidden; } .ce_iconbox_header .iconbox_header_item { margin-bottom: 25px; } .ce_iconbox_header.color-light h1, .ce_iconbox_header.color-light h2, .ce_iconbox_header.color-light h3, .ce_iconbox_header.color-light h4, .ce_iconbox_header.color-light h5, .ce_iconbox_header.color-light h6, .ce_iconbox_header.color-light p { color: rgb(255,255,255); } .ce_iconbox_header h1, .ce_iconbox_header h2, .ce_iconbox_header h3, .ce_iconbox_header h4, .ce_iconbox_header h5, .ce_iconbox_header h6 { margin-bottom: 10px; } .ce_iconbox_header .iconbox_header_icon { float: left; width: 30%; font-size: 5.333rem; line-height: 5.333rem; } .ce_iconbox_header .iconbox_header_item .iconbox_header_icon i, .ce_iconbox_header .iconbox_header_item .image_container img { transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; } .ce_iconbox_header .iconbox_header_item .iconbox_header_icon i { padding-right: 25px; text-align: center; display: block; } .ce_iconbox_header .iconbox_header_item .image_container { text-align: center; margin-right: 30px; } .ce_iconbox_header .iconbox_header_item .image_container img { transform: scale(0.9,0.9); display: inline-block; } .ce_iconbox_header .iconbox_header_item:hover .image_container img { transform: scale(1,1); } .ce_iconbox_header .iconbox_header_item:hover .iconbox_header_icon i { transform: scale(1.1,1.1); } .ce_iconbox_header .image_container img { width: auto; } .ce_iconbox_header .iconbox_header_content { float: left; width: 70% } .ce_iconbox_header .link { margin-top: 5px; } .ce_iconbox_header .link a { font-weight: bold; } .ce_iconbox_header .link a:hover { text-decoration: underline; } .ce_iconbox_header .link a:after { font-family: "FontAwesome"; content: "\f054"; display: inline-block; margin-left: 7px; } .ce_iconbox_header .iconbox_header_item_inside { height: 100%; } .ce_iconbox_header .iconbox_header_item_inside.bg-black { background: rgba(0,0,0,0.8)!important; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_header .iconbox_header_item_inside.bg-black:hover { background: rgba(0,0,0,1)!important; } /* ============================================================================= * ce_authorbox * ========================================================================== */ .ce_authorbox { overflow: hidden; } .ce_authorbox_inside { background: rgb(245,245,245); padding: 25px; } .ce_authorbox_inside .image_container { float: left; width: 90px; margin: 0 20px 10px 0; } .ce_authorbox_inside .name { font-weight: bold; margin-bottom: 5px; } .ce_authorbox .subtitle { font-style: italic; font-size: 1.2rem; margin-bottom: 5px; font-family: 'Playfair Display', serif; } .ce_authorbox.style2 .ce_authorbox_inside { background: none; padding: 0; } .ce_authorbox.style2 .image_container { float: left; width: 30%; } .ce_authorbox.style2 .ce_authorbox_content { width: 80%; float: left; background: rgb(248,248,248); padding: 50px 5% 50px 17%; margin-left: -10%; margin-top: 50px; font-size: 1.3rem; line-height: 1.9rem; } .ce_authorbox.style2 .name { display: inline-block; font-size: 2.4rem; margin-bottom: 20px; } .ce_authorbox.style2 .ce_authorbox_inside .image_container { margin: 0; } .ce_authorbox.style2 .subtitle { display: inline-block; font-size: 1.6rem; font-style: italic; margin-left: 25px; font-family: 'Playfair Display', serif; } .ce_authorbox.style2 .link { margin-top: 25px; } .ce_authorbox.style2 .link a { border-bottom: 1px solid rgb(52,52,52); } .ce_authorbox.style2 .link a:before { margin-right: 4px; font-family: "FontAwesome"; content: "\f204"; } .ce_authorbox.style2 .link:hover a:before { content: "\f205"; } .ce_authorbox.style2 .ce_url.attribute { display: inline-block; } /* ============================================================================= * ce_hyperlink-extended * ========================================================================== */ .ce_hyperlink-extended a { min-width: 190px; } .ce_hyperlink-extended.small a { min-width: 0; } .ce_hyperlink-extended a.link-white { color: rgb(152,152,152); border: 2px solid rgb(255,255,255); background: rgb(255,255,255); } .ce_hyperlink-extended a.link-white:hover { background: rgb(152,152,152); color: rgb(255,255,255); } .ce_hyperlink-extended a.link-white.outline { color: rgb(255,255,255); } .ce_hyperlink-extended a.link-white.outline:hover { background: rgb(255,255,255); border-color: rgb(255,255,255); color: rgb(37,37,37); } .ce_hyperlink-extended a.outline { background: transparent; color: rgb(152,152,152); } .ce_hyperlink-extended a.outline:hover { background: rgb(37,37,37); border-color: rgb(37,37,37); color: rgb(255,255,255); } .ce_hyperlink-extended a.link-black { color: rgb(255,255,255); border: 2px solid rgb(0,0,0); background: rgb(0,0,0); } .ce_hyperlink-extended a.link-black:hover { color: rgb(0,0,0); border: 2px solid rgb(0,0,0); background: rgb(255,255,255); } .ce_hyperlink-extended a.link-black-outline { color: rgb(0,0,0); border: 2px solid rgb(0,0,0); background: none; } .ce_hyperlink-extended a.link-black-outline:hover { color: rgb(255,255,255); background: rgb(0,0,0); } .ce_hyperlink-extended a.link-own-color-lighttxt { color: rgb(255,255,255)!important; } .ce_hyperlink-extended a.link-own-color-darktxt { color: rgb(0,0,0)!important; } .ce_hyperlink-extended a.link-own-color-outline { background: none!important; } .ce_hyperlink-extended a.link-own-color-lighttxt:hover, .ce_hyperlink-extended a.link-own-color-darktxt:hover, .ce_hyperlink-extended a.link-own-color-outline:hover { opacity: 0.8; } .ce_hyperlink-extended i { margin-right: 10px; } .ce_hyperlink-extended.small a { padding: 9px 15px; font-size: 0.75rem; } .ce_hyperlink-extended.large a { padding: 20px 30px; } .ce_hyperlink-extended.wide a { padding: 15px 50px; } .ce_hyperlink-extended.expand a { width: 100%; } .ce_hyperlink-extended a.success { background: rgb(157,213,93); border-color: rgb(157,213,93); } .ce_hyperlink-extended a.secondary { background: rgb(231,231,231); border-color: rgb(231,231,231); color: rgb(51,51,51); } .ce_hyperlink-extended a.alert { background: rgb(247,80,90); border-color: rgb(247,80,90); } .ce_hyperlink-extended a.warning { background: rgb(240,138,36); border-color: rgb(240,138,36); } .ce_hyperlink-extended a.info { background: rgb(160,211,232); border-color: rgb(160,211,232); color: rgb(51,51,51); } .ce_hyperlink-extended a.success:hover, a.btn.success:hover, .ce_hyperlink-extended a.secondary:hover, a.btn.secondary:hover, .ce_hyperlink-extended a.alert:hover, a.btn.alert:hover, .ce_hyperlink-extended a.warning:hover, a.btn.warning:hover, .ce_hyperlink-extended a.info:hover, a.btn.info:hover { opacity: 0.8; } .ce_hyperlink-extended.border-radius-3 a { border-radius: 3px; } .ce_hyperlink-extended.border-radius-5 a { border-radius: 5px; } .ce_hyperlink-extended.border-radius-10 a { border-radius: 10px; } .ce_hyperlink-extended.border-radius-20 a { border-radius: 20px; } .ce_hyperlink-extended.btn-animated i { opacity: 0; width: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_hyperlink-extended.btn-animated a:hover i { opacity: 1; width: 16px; } .ce_hyperlink-extended.align-inline { display: inline-block; margin-right: 5px; } /* ============================================================================= * ce_frame * ========================================================================== */ .ce_frame_start.style1 .ce_frame_start_inside { padding: 5% 8%; border: 3px solid rgb(227,227,227); } .ce_frame_start.style2 .ce_frame_start_inside { padding: 5% 8%; border: 3px solid rgb(227,227,227); background: rgba(255,255,255,0.7); } .ce_frame_start.style3 .ce_frame_start_inside { padding: 5% 8%; border: 1px solid rgb(227,227,227); } .ce_frame_start.style4 .ce_frame_start_inside { padding: 5% 8%; border: 1px solid rgb(85, 85, 85); } .ce_frame_start.style5 .ce_frame_start_inside { padding: 5% 8%; border: 4px double rgb(85, 85, 85); } .ce_frame_start.style6 .ce_frame_start_inside { padding: 5% 8%; border: 3px solid rgb(255,255,255); } .ce_frame_start.style7 .ce_frame_start_inside { box-shadow: 0 70px 70px rgba(0,0,0,.2); background: rgb(255,255,255); padding: 5% 8%; } .ce_frame_start.style8 .ce_frame_start_inside { box-shadow: 0 2px 5px rgba(0,0,0,.1); background: rgb(255,255,255); padding: 5% 8%; } /* ============================================================================= * ce_featurebox * ========================================================================== */ .ce_featurebox .ce_headline { margin-bottom: 0; } .ce_featurebox .ce_textarea { margin-top: 30px; font-size: 1.2rem; } .ce_featurebox .link { display: inline-block; position: relative; } .ce_featurebox .link i { margin-left: 7px; } .ce_featurebox .link:after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: rgb(0,0,0); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_featurebox:hover .link:after { width: 0; } .ce_featurebox_content { overflow: hidden; padding: 30px; position: relative; z-index: 10; } .ce_featurebox.style1_img_right .ce_featurebox_content { text-align: right; } .ce_featurebox.style1_img_left .image_container { margin: 0; float: left; width: 48%; position: relative; z-index: 5; } .ce_featurebox.style1_img_right .image_container { margin: 0; float: right; width: 49%; position: relative; z-index: 5; } .ce_featurebox.style1_img_right .ce_featurebox_content, .ce_featurebox.style1_img_left .ce_featurebox_content { margin: 0; width: 49%; float: left; position: relative; z-index: 10; overflow: visible; } .ce_featurebox.style1_img_top .ce_featurebox_content { overflow: visible; } .ce_featurebox .headline_one, .ce_featurebox .headline_two { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_featurebox.style1_img_left .headline_one, .ce_featurebox.style1_img_left .headline_two { margin-left: -120px; } .ce_featurebox.style1_img_left:hover .headline_one, .ce_featurebox.style1_img_left:hover .headline_two { margin-left: -160px; } .ce_featurebox.style1_img_right .headline_one, .ce_featurebox.style1_img_right .headline_two { margin-right: -120px; } .ce_featurebox.style1_img_right:hover .headline_one, .ce_featurebox.style1_img_right:hover .headline_two { margin-right: -160px; } .ce_featurebox.style1_img_top .ce_featurebox_content { margin-top: -80px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_featurebox.style1_img_top:hover .ce_featurebox_content { margin-top: -100px; } /* ============================================================================= * page_navigation * ========================================================================== */ .page_navigation { position: fixed; z-index: 1000; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); overflow: visible; } .page_navigation ul { position: relative; display: block; height: 100%; margin: 0; padding: 0; list-style: none; } .page_navigation ul:before { content: ''; left: 50%; margin-left: 3px; z-index: 1; width: 1px; top: 20px; background: rgb(50,50,50); position: absolute; height: calc(100% - 40px); } .page_navigation ul:after { content: ''; left: 50%; margin-left: 4px; z-index: 1; width: 1px; top: 20px; background: rgba(255,255,255,0.2); position: absolute; height: calc(100% - 40px); } .page_navigation a { position: relative; display: inline-block; z-index: 10; padding: 20px; } .page_navigation .title { font-size: 0.6667rem; font-family: Arial, Verdana, sans-serif; font-weight: bold; position: absolute; top: 0.4667rem; right: 30px; padding: 12px 20px; transition: all .5s ease; -webkit-transition: all .5s ease; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; pointer-events: none; opacity: 0; color: #333; border-radius: 10px; background: rgba(255, 255, 255, .98); box-shadow: 0 1px 3px rgba(31, 31, 31, .2); line-height: 1; } .page_navigation li:hover .title { opacity: 1; } .page_navigation li .glow { position: absolute; width: 8px; height: 8px; opacity: 0; } .page_navigation a.active .glow { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .page_navigation li .glow:before { position: absolute; display: block; width: 8px; height: 8px; content: ''; -webkit-transform: translateZ(0px) scale(1); transform: translateZ(0px) scale(1); pointer-events: none; opacity: 1; border-radius: 100%; box-shadow: 0 0 8px 4px rgb(50,50,50); } .page_navigation a.active .glow:before { transition: opacity 1500ms, -webkit-transform 1200ms; transition: transform 1200ms, opacity 1500ms; -webkit-transform: translateZ(0px) scale(3); transform: translateZ(0px) scale(3); opacity: 0; } .page_navigation li .circle { position: absolute; display: block; width: 8px; height: 8px; transition: -webkit-transform .5s ease; transition: transform .5s ease; border-radius: 100%; background: rgb(255,255,255); box-shadow: 0 0 0 2px rgb(50,50,50); } .page_navigation a.active .circle { box-shadow: 0 0 0 4px #fff; } .page_navigation li .circle:before { position: absolute; top: 1px; left: 1px; display: block; width: 6px; height: 6px; content: ''; transition: all .5s ease; -webkit-transition: all .5s ease; opacity: 0; border-radius: 50%; background: rgb(255,255,255); box-shadow: 0 0 0 3px rgb(50,50,50); } .page_navigation a.active .circle:before { opacity: 1; background: rgb(50,50,50); } .page_navigation a.active .circle:before { box-shadow: 0 0 0 3px rgb(255,255,255); background: rgb(50,50,50); } .page_navigation a.active .circle { box-shadow: 0 0 0 4px rgb(50,50,50); } .page_navigation li:hover .circle, .page_navigation a.active .circle { -webkit-transform: translateZ(0px) scale(1.2); transform: translateZ(0px) scale(1.2); } /* ============================================================================= * ce_popup * ========================================================================== */ .ce_popup_start { display: none; } .ce_popup_start.popup_show { display: block; } .ce_popup_start .ce_popup_overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100000; } .ce_popup_start.popup_show .ce_popup_overlay, .ce_popup_start.popup_show .ce_popup_content { -webkit-animation: fadeIn 1s ease; -moz-animation: fadeIn 1s ease; -ms-animation: fadeIn 1s ease; animation: fadeIn 1s ease; } .ce_popup_start.overlay_light .ce_popup_overlay { background: rgba(255,255,255,0.7); } .ce_popup_start.overlay_dark .ce_popup_overlay { background: rgba(0,0,0,0.6); } .ce_popup_start .ce_popup_content { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 200000; width: 90%; max-width: 600px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); padding-bottom: 35px; background: rgb(255,255,255); border-top: 4px solid rgb(100,100,100); } .ce_popup_start .popup_close { position: absolute; top: 10px; right: 15px; z-index: 100; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; cursor: pointer; background: rgba(255,255,255,0.95); border-radius: 100%; line-height: 35px; width: 35px; text-align: center; } .ce_popup_start .popup_close:hover { opacity: 0.8; } .ce_popup_start .ce_popup_content .checkbox { position: absolute; bottom: 2px; left: 10px; z-index: 10; font-size: 0.9rem; } .ce_popup_start .ce_popup_content .checkbox input { width: auto; margin-right: 5px; } .chrome .ce_popup_start .ce_popup_content .checkbox input { position: relative; top: 2px; } .ce_popup_start .ce_popup_content .checkbox label { display: inline-block; } /* ============================================================================= * ce_popup mod_subscribe * ========================================================================== */ .ce_popup_start .mod_subscribe { padding: 0; border: 0; } .ce_popup_start .mod_subscribe input { float: left; } .ce_popup_start .mod_subscribe input.text { float: left; width: 65%; margin: 0; line-height: 30px; padding: 2px 10px; border-radius: 2px 0 0 2px; border-right: 0; font-size: 0.9rem; } .ce_popup_start .mod_subscribe input.text { height: 36px; border: 0; } .ce_popup_start .mod_subscribe input.submit { float: left; width: 35%; margin: 0; line-height: 30px; padding: 2px 10px; min-width: 0; height: 36px; border: 0; } .ce_popup_start .mod_subscribe p.error { background: red; color: rgb(255,255,255); padding: 0 4px; } /* ============================================================================= * ce_hyperlink_lightbox_video * ========================================================================== */ .ce_hyperlink_lightbox_video.hyperlink_align_left { text-align: left; } .ce_hyperlink_lightbox_video.hyperlink_align_center { text-align: center; } .ce_hyperlink_lightbox_video.hyperlink_align_right { text-align: right; } .ce_hyperlink_lightbox_video a { display: inline-block; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -webkit-transform: scale(0.9,0.9); transform: scale(0.9,0.9); } .ce_hyperlink_lightbox_video a:hover { -webkit-transform: scale(1,1); transform: scale(1,1); } .ce_hyperlink_lightbox_video a.hidden { display: none; } .ce_hyperlink_lightbox_video.hyperlink_color_accent svg g { fill: rgb(80,80,80); } .ce_hyperlink_lightbox_video.hyperlink_color_second svg g { fill: rgb(180,180,180); } .ce_hyperlink_lightbox_video.hyperlink_color_white svg g { fill: rgb(255,255,255); } .ce_hyperlink_lightbox_video.hyperlink_color_black svg g, .ce_hyperlink_lightbox_video.hyperlink_color_black svg polygon { fill: rgb(0,0,0); } .ce_hyperlink_lightbox_video.hyperlink_color_black svg circle { stroke: rgb(0,0,0); } .ce_hyperlink_lightbox_video.hyperlink_color_lighgray svg g { fill: rgb(247,247,247); } .ce_hyperlink_lightbox_video.hyperlink_color_darkgray svg g { fill: rgb(69,69,69); } .inlinevideocontent { line-height: 0; } /* ============================================================================= * ce_grid_gallery_start * ========================================================================== */ .ce_grid_gallery_start li.grid-item { background-size: cover; background-position: center center; float: left; width: 100%; position: relative; } .ce_grid_gallery_start .ce_grid_gallery_overlay { height: 100%; width: 100%; transform: scale(0,0); -webkit-transform: scale(0,0); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; position: relative; padding: 30px; } .ce_grid_gallery_start .ce_grid_gallery_overlay .ce_grid_gallery_overlay_inside { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .ce_grid_gallery_start li.grid-item.valign_top a:not(.lightbox-link) .ce_grid_gallery_overlay .ce_grid_gallery_overlay_inside { position: relative; top: 0; transform: translateY(0); -webkit-transform: translateY(0); } .ce_grid_gallery_start li.grid-item.valign_bottom .ce_grid_gallery_overlay .ce_grid_gallery_overlay_inside { position: absolute; width: calc(100% - 60px); bottom: 0; top: auto; margin-bottom: 30px; transform: translateY(0); -webkit-transform: translateY(0); } .ce_grid_gallery_start li.grid-item.halign_center { text-align: center; } .ce_grid_gallery_start li.grid-item.halign_right { text-align: right; } .ce_grid_gallery_start .title { margin-bottom: 15px; line-height: 1.2; } .ce_grid_gallery_start .linktext { font-style: italic; text-decoration: underline; margin-top: 15px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_grid_gallery_start li.grid-item:hover .ce_grid_gallery_overlay { background: rgba(255,255,255,0.8); -webkit-transform: scale(1,1); transform: scale(1,1); } .ce_grid_gallery_start li.grid-item.color-white:hover .ce_grid_gallery_overlay { background: rgba(0,0,0,0.8); } .ce_grid_gallery_start li.grid-item:not(.has-content) a.lightbox-link i:before { content: ''; height: 1px; width: 50px; position: absolute; top: 50%; left: 50%; margin-left: -25px; background: rgb(50,50,50); opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_grid_gallery_start li.grid-item:not(.has-content) a.lightbox-link i:after { content: ''; height: 1px; width: 50px; position: absolute; top: 50%; left: 50%; margin-left: -25px; background: rgb(50,50,50); opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_grid_gallery_start li.grid-item:hover a.lightbox-link i:before { opacity: 1; } .ce_grid_gallery_start li.grid-item:hover a.lightbox-link i:after { opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ce_grid_gallery_start li i { position: absolute; left: 50%; } .ce_grid_gallery_start li.style2 i { display: none; } .ce_grid_gallery_start a.lightbox-link { display: block; height: 100%; } .ce_grid_gallery_start.frame-gutter li.grid-item { box-shadow: 0 0 0 4px rgb(255,255,255); } .ce_grid_gallery_start.frame-gutter.gutter-large li.grid-item { box-shadow: 0 0 0 8px rgb(255,255,255); } .ce_grid_gallery_start li.grid-item.image-width-100 { width: 100%; } .ce_grid_gallery_start li.grid-item.image-width-90 { width: 90%; } .ce_grid_gallery_start li.grid-item.image-width-80 { width: 80%; } .ce_grid_gallery_start li.grid-item.image-width-70 { width: 70%; } .ce_grid_gallery_start li.grid-item.image-width-60 { width: 60%; } .ce_grid_gallery_start li.grid-item.image-width-50 { width: 50%; } .ce_grid_gallery_start li.grid-item.image-width-40 { width: 40%; } .ce_grid_gallery_start li.grid-item.image-width-33 { width: 33.333%; } .ce_grid_gallery_start li.grid-item.image-width-30 { width: 30%; } .ce_grid_gallery_start li.grid-item.image-width-25 { width: 25%; } .ce_grid_gallery_start li.grid-item.image-width-20 { width: 20%; } .ce_grid_gallery_start li.grid-item.image-width-10 { width: 10%; } .ce_grid_gallery_start li.grid-item.image-height-l { height: 49.9vw; max-height: 600px; } .ce_grid_gallery_start li.grid-item.image-height-s { height: 25vw; max-height: 300px; } .ce_grid_gallery_start.height-large li.grid-item.image-height-l { height: 59.9vw; max-height: 700px; } .ce_grid_gallery_start.height-large li.grid-item.image-height-s { height: 30vw; max-height: 350px; } .ce_grid_gallery_start li.grid-item.style2 .ce_grid_gallery_overlay { -webkit-transform: scale(1,1); transform: scale(1,1); } .ce_grid_gallery_start li.grid-item.style2:hover .ce_grid_gallery_overlay { background: none; } .ce_grid_gallery_start li.grid-item.style3 .ce_grid_gallery_overlay { -webkit-transform: scale(1,1); transform: scale(1,1); } .ce_grid_gallery_start li.grid-item.style3:hover .ce_grid_gallery_overlay { background: none; } /* grid-gallery in slider section */ #slider .ce_grid_gallery_start { margin: 8px; } /* ============================================================================= * ce_benefitbox * ========================================================================== */ /* same-height */ .autogrid_row.same_height .ce_benefitbox, .autogrid_row.same_height .ce_benefitbox .ce_benefitbox_inside { height: 100%; } .ce_benefitbox .ce_benefitbox_inside { background: rgb(255,255,255); position: relative; width: 100%; border: 1px solid rgba(0,0,0,0.09); } .ce_benefitbox .number { position: absolute; right: 20px; top: 20px; color: rgba(0,0,0,0.06); font-size: 5rem; line-height: 5rem; } .ce_benefitbox li { padding: 6px 20px 6px 55px; position: relative; } .ce_benefitbox li:nth-child(2n+1) { background: rgba(0,0,0,0.05); } .ce_benefitbox li:before { position: absolute; left: 20px; font-family:FontAwesome; content: "\f00c"; display: inline-block; } .ce_benefitbox .ce_hyperlink { padding-top: 20px; border-top: 1px solid rgb(240,240,240); padding-left: 20px; } .ce_benefitbox .ce_hyperlink a { margin-bottom: 20px; } .ce_benefitbox div.ce_headline { margin: 0 20px; } .ce_benefitbox .image_container { margin: 20px; } .ce_benefitbox .image_container img { width: auto; } .ce_benefitbox i { margin: 20px; font-size: 3rem; } /* ============================================================================= * ce_colorbox * ========================================================================== */ .ce_colorbox .ce_colorbox_inside { padding: 30px; background-position: right bottom; background-repeat: no-repeat; } .ce_colorbox h1, .ce_colorbox h2, .ce_colorbox h3, .ce_colorbox h4, .ce_colorbox h5, .ce_colorbox h6 { margin-bottom: 0; } .ce_colorbox.invert, .ce_colorbox.invert h1, .ce_colorbox.invert h2, .ce_colorbox.invert h3, .ce_colorbox.invert h4, .ce_colorbox.invert h5, .ce_colorbox.invert h6, .ce_colorbox.invert p, .ce_colorbox.invert a { color: rgb(255,255,255); } .ce_colorbox .mainheadline { margin-bottom: 20px; } .ce_colorbox .ce_url a { display: inline-block; } .ce_colorbox .ce_url a:after { content: ''; height: 1px; width: 100%; margin-top: 5px; background: rgb(85, 85, 85); display: block; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_colorbox .ce_url a:hover:after { width: 0; } .ce_colorbox.invert .ce_url a:after { background: rgb(255,255,255); } .ce_colorbox p:last-of-type { margin-bottom: 30px; } /* ============================================================================= * ce_image_text_box * ========================================================================== */ .ce_image_text_box_inside { position: relative; overflow: hidden; display: inline-block; } .ce_image_text_box .ce_image_text_box_content { margin-top: 2rem; } .ce_image_text_box .image_container img { width: auto; display: inline-block; } .ce_image_text_box .ce_image_text_box_inside > a.hyperlink_txt { margin-top: 25px; } .ce_image_text_box a.hyperlink_txt { display: inline-block; padding: 7px 15px; border: 1px solid rgba(0,0,0,0.1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_image_text_box a.hyperlink_txt:hover { opacity: 0.8; } .ce_image_text_box .ce_image_text_box_banner { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); color: rgb(255,255,255); background: rgb(0,0,0); font-size: 0.8rem; position: absolute; right: -2.4rem; top: 2rem; text-align: center; min-width: 11rem; z-index: 30; padding: 0.2rem; } .ce_image_text_box.version2 a.hyperlink_txt { text-decoration: underline; padding: 0; border: 0; } .ce_image_text_box.version2 { border: 1px solid rgb(235, 237, 235); border-radius: 6px; height: 100%; } .ce_image_text_box.version2 .ce_image_text_box_content_outside { padding: 25px; } .ce_image_text_box.version2 .ce_image_text_box_content { margin-top: 0; } .ce_image_text_box.version3 img { border: 2px solid rgb(230,230,230); } .ce_image_text_box.version3 a.hyperlink_txt { margin-top: 30px; } .ce_image_text_box.version4 { text-align: center; } .ce_image_text_box.version4 a.hyperlink_txt { margin-top: 30px; } .ce_image_text_box ul { padding-left: 4px; } .ce_image_text_box ul li { list-style-type: circle; list-style-position: inside; } /* ============================================================================= * mod_quickmenu * ========================================================================== */ .mod_quickmenu { position: fixed; bottom: 120px; right: 18px; z-index: 100; padding-top: 100px; } .mod_quickmenu.quickmenu-align-top { top: 120px; bottom: auto; } .mod_quickmenu ul:hover li { margin-top: 0; } .mod_quickmenu li { display: block; float: right; clear: right; transition-property: margin-top; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .mod_quickmenu.collapse li { margin-top: -35px; } .mod_quickmenu li a { display: block; line-height: 40px; width: 40px; border: 1px solid rgb(100,100,100); border-radius: 3px; overflow: hidden; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; white-space: nowrap; background: rgba(255,255,255,0.9); margin-bottom: 3px; font-size: 15px; } .mod_quickmenu li a i { width: 40px; text-align: center; font-size: 19px; } .mod_quickmenu li a span { margin-right: 10px; font-size: 15px; } .mod_quickmenu li a:hover { width: 140px; } .mod_quickmenu.style3 li a { width: 55px; line-height: 55px; border-radius: 50px; border: 1px solid rgb(235, 237, 235); margin-bottom: 10px; box-shadow: 0 0 25px 0 rgba(0,0,0,0.04); } .mod_quickmenu.style3 li a i { width: 55px; } .mod_quickmenu.style3 li a:hover { width: 140px; } .mod_quickmenu.style3 { right: 10px; } /* ============================================================================= * ce_headline_w_buttons * ========================================================================== */ .ce_headline_w_buttons .ce_headline_w_buttons_inside { background: rgb(248,248,248); min-height: 25px; padding: 15px; position: relative; overflow: hidden; width: 100%; display: table; vertical-align: middle; } .ce_headline_w_buttons .buttons { text-align: right; display: table-cell; vertical-align: middle; min-width: 300px; } .ce_headline_w_buttons div.ce_headline { display: table-cell; } .ce_headline_w_buttons .buttons > div { display: inline-block; } .ce_headline_w_buttons .buttons a { display: inline-block; padding: 5px 10px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; min-width: 120px; text-align: center; } .ce_headline_w_buttons .buttons a.button_two { margin-left: 5px; } .ce_headline_w_buttons .buttons i { margin-right: 7px; } .ce_headline_w_buttons .ce_headline { margin-bottom: 0; } /* style1 */ .ce_headline_w_buttons.style1 .buttons a { border-radius: 5px; background: rgb(255,255,255); color: rgb(153, 153, 153); } .ce_headline_w_buttons.style1 .buttons a:hover { color: rgb(255,255,255); background: rgb(100,100,100); } .color-white .ce_headline_w_buttons.style1 .ce_headline_w_buttons_inside { background: rgba(255,255,255,0.2); } .color-white .ce_headline_w_buttons.style1 .buttons a { background: rgba(255,255,255,0.2); } /* style2 */ .ce_headline_w_buttons.style2 .buttons a.button_one { color: rgb(100,100,100); border: 2px solid rgb(100,100,100); } .ce_headline_w_buttons.style2 .buttons a.button_one:hover { background: rgb(100,100,100); color: rgb(255,255,255); opacity: 0.9; } .ce_headline_w_buttons.style2 .buttons a.button_two { background: rgb(100,100,100); color: rgb(255,255,255); border: 2px solid rgb(100,100,100); } .ce_headline_w_buttons.style2 .buttons a.button_two:hover { opacity: 0.9; } .color-white .ce_headline_w_buttons.style2 .ce_headline_w_buttons_inside { background: rgba(255,255,255,0.2); } /* style3 */ .ce_headline_w_buttons.style3 .ce_headline_w_buttons_inside { background: none; border-bottom: 1px solid rgb(225,225,225); padding: 0 0 20px 0; } .ce_headline_w_buttons.style3 .buttons a.button_one { color: rgb(100,100,100); border: 2px solid rgb(100,100,100); } .ce_headline_w_buttons.style3 .buttons a.button_one:hover { background: rgb(100,100,100); color: rgb(255,255,255); opacity: 0.9; } .ce_headline_w_buttons.style3 .buttons a.button_two { background: rgb(100,100,100); color: rgb(255,255,255); border: 2px solid rgb(100,100,100); } .ce_headline_w_buttons.style3 .buttons a.button_two:hover { opacity: 0.9; } .color-white .ce_headline_w_buttons.style3 .ce_headline_w_buttons_inside { border-color: rgba(255,255,255,0.4); } /* style4 */ .ce_headline_w_buttons.style4 .buttons a span { position: relative; } .ce_headline_w_buttons.style4 .buttons a span:after { content: ''; height: 1px; background: rgb(100,100,100); position: absolute; bottom: 0; left: 0; width: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_headline_w_buttons.style4 .buttons a:hover span:after { width: 100%; } .color-white .ce_headline_w_buttons.style4 .ce_headline_w_buttons_inside { background: rgba(255,255,255,0.2); } .color-white .ce_headline_w_buttons.style4 .buttons a span:after { background: rgba(255,255,255,0.9); } /* style5 */ .ce_headline_w_buttons.style5 .ce_headline_w_buttons_inside { background: none; padding: 0; } .ce_headline_w_buttons.style5 .buttons a.button_one { color: rgb(100,100,100); border: 2px solid rgb(100,100,100); } .ce_headline_w_buttons.style5 .buttons a.button_one:hover { background: rgb(100,100,100); color: rgb(255,255,255); opacity: 0.9; } .ce_headline_w_buttons.style5 .buttons a.button_two { background: rgb(100,100,100); color: rgb(255,255,255); border: 2px solid rgb(100,100,100); } .ce_headline_w_buttons.style5 .buttons a.button_two:hover { opacity: 0.9; } /* style6 */ .ce_headline_w_buttons.style6 .buttons a.button_one { color: rgb(100,100,100); border: 2px solid rgb(100,100,100); border-radius: 5px; } .ce_headline_w_buttons.style6 .buttons a.button_one:hover { background: rgb(100,100,100); color: rgb(255,255,255); opacity: 0.9; } .ce_headline_w_buttons.style6 .buttons a.button_two { background: rgb(100,100,100); color: rgb(255,255,255); border: 2px solid rgb(100,100,100); border-radius: 5px; } .ce_headline_w_buttons.style6 .buttons a.button_two:hover { opacity: 0.9; } .color-white .ce_headline_w_buttons.style6 .ce_headline_w_buttons_inside { background: rgba(255,255,255,0.2); } /* style7 */ .ce_headline_w_buttons.style7 .buttons a.button_one { color: rgb(0,0,0); border: 2px solid rgb(0,0,0); } .ce_headline_w_buttons.style7 .buttons a.button_one:hover { background: rgb(0,0,0); color: rgb(255,255,255); opacity: 0.9; } .ce_headline_w_buttons.style7 .buttons a.button_two { background: rgb(0,0,0); color: rgb(255,255,255); border: 2px solid rgb(0,0,0); } .ce_headline_w_buttons.style7 .buttons a.button_two:hover { opacity: 0.9; } .ce_headline_w_buttons.style7 .ce_headline_w_buttons_inside { background: none; border-bottom: 1px solid rgb(225,225,225); padding: 0 0 20px 0; } .color-white .ce_headline_w_buttons.style7 .ce_headline_w_buttons_inside { border-color: rgba(255,255,255,0.4); } /* style8 */ .ce_headline_w_buttons.style8 .buttons a.button_one { color: rgb(189, 189, 189); border: 2px solid rgb(189, 189, 189); } .ce_headline_w_buttons.style8 .buttons a.button_one:hover { background: rgb(189, 189, 189); color: rgb(255,255,255); opacity: 0.9; } .ce_headline_w_buttons.style8 .buttons a.button_two { background: rgb(189, 189, 189); color: rgb(255,255,255); border: 2px solid rgb(189, 189, 189); } .ce_headline_w_buttons.style8 .buttons a.button_two:hover { opacity: 0.9; } .ce_headline_w_buttons.style8 .ce_headline_w_buttons_inside { background: none; border-bottom: 1px solid rgb(225,225,225); padding: 0 0 20px 0; } .color-white .ce_headline_w_buttons.style8 .ce_headline_w_buttons_inside { border-color: rgba(255,255,255,0.4); } /* style9 */ .ce_headline_w_buttons.style9 .buttons a span { position: relative; } .ce_headline_w_buttons.style9 .buttons a span:after { content: ''; height: 1px; background: rgb(100,100,100); position: absolute; bottom: 0; left: 0; width: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_headline_w_buttons.style9 .buttons a:hover span:after { width: 100%; } .ce_headline_w_buttons.style9 .ce_headline_w_buttons_inside { background: none; padding: 0; } .color-white .ce_headline_w_buttons.style9 .buttons a span:after { background: rgba(255,255,255,0.9); } /* style10 */ .ce_headline_w_buttons.style10 .buttons a { background: rgb(255,255,255); color: rgb(153, 153, 153); } .ce_headline_w_buttons.style10 .buttons a:hover { color: rgb(255,255,255); background: rgb(100,100,100); } .color-white .ce_headline_w_buttons.style10 .ce_headline_w_buttons_inside { background: rgba(255,255,255,0.2); } .color-white .ce_headline_w_buttons.style10 .buttons a { background: rgba(255,255,255,0.2); } /* ============================================================================= * ce_featurelist * ========================================================================== */ .ce_featurelist li { display: block; width: 50%; float: left; padding: 10px; border-bottom: 1px solid rgba(150,150,150,0.5); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_featurelist a { display: block; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_featurelist a:hover { background: rgb(248,248,248); } .ce_featurelist.list-col3 li { width: calc(100% / 3); } .ce_featurelist.list-col4 li { width: calc(100% / 4); } .ce_featurelist.list-col5 li { width: calc(100% / 5); } .ce_featurelist.list-col6 li { width: calc(100% / 6); } .ce_featurelist li .icon { display: table-cell; vertical-align: middle; width: 60px; height: 60px; line-height: 60px; font-size: 40px; text-align: center; } .ce_featurelist .image_container { text-align: center; } .ce_featurelist .image_container img { width: 45px; display: inline-block; } .ce_featurelist li span { display: table-cell; vertical-align: middle; line-height: 1.3; padding-left: 10px; } /* style2 */ .ce_featurelist.style2 li a, .ce_featurelist.style2 li span, .ce_featurelist.style2 li .icon { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_featurelist.style2 li a:hover span, .ce_featurelist.style2 li a:hover .icon { color: rgb(255,255,255); } /* style3 */ .ce_featurelist.style3 li span { color: rgb(160,160,160); } /* style4 */ .ce_featurelist.style4 li { border-color: rgba(255,255,255,0.2); } .ce_featurelist.style4 li a:hover { background: rgba(255,255,255,0.1); } .ce_featurelist.style4 li a, .ce_featurelist.style4 li span, .ce_featurelist.style4 li .icon { color: rgb(240,240,240); } /* style5 */ .ce_featurelist.style5 li { border-bottom-style: dotted; } .ce_featurelist.style5 li .icon { color: rgb(200,200,200); } /* ============================================================================= * ce_flipbox * ========================================================================== */ .ce_flipbox { position: relative; overflow: visible; } .ce_flipbox .ce_flipbox_inside { height: inherit; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; } .ce_flipbox .ce_flipbox_frontside, .ce_flipbox .ce_flipbox_backside { width: 100%; display: flex; align-items: center; } .ce_flipbox .ce_flipbox_frontside { height: inherit; position: absolute; top: 0; z-index: 900; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .ce_flipbox .ce_flipbox_backside { height: inherit; position: absolute; top: 0; z-index: 1000; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .ce_flipbox:hover .ce_flipbox_frontside { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .ce_flipbox:hover .ce_flipbox_backside { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .ce_flipbox .ce_flipbox_frontside_inside, .ce_flipbox .ce_flipbox_backside_inside { padding: 30px; } .ce_flipbox .ce_flipbox_backside_inside > .ce_url.attribute a { display: inline-block; padding: 5px 15px; color: rgb(255,255,255); background: rgba(0,0,0,0.4); } .ce_flipbox .ce_flipbox_backside.color-white .ce_flipbox_backside_inside > .ce_url.attribute a { color: rgb(50,50,50)!important; background: rgb(255,255,255); } /* style 2 */ .ce_flipbox.style2 .ce_flipbox_frontside, .ce_flipbox.style2 .ce_flipbox_backside { text-align: center; justify-content: center; } /* ============================================================================= * ce_before_after_slider * ========================================================================== */ .ce_before_after_slider .twentytwenty-container img { width: 100%; } .ce_before_after_slider img, .ce_before_after_slider img{ display: none; } .ce_before_after_slider img.twentytwenty-before, .ce_before_after_slider img.twentytwenty-after{ display: block; } /* ============================================================================= * ce_wrap * ========================================================================== */ .ce_wrap { background-position: center; background-size: cover; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; overflow: hidden; position: relative; } .ce_wrap a:not(.hyperlink_txt) { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; } .ce_wrap.hover-white * { transition: color 0.3s ease, border-color 0.3s ease; -webkit-transition: color 0.3s ease, border-color 0.3s ease; } /* colors hover */ .ce_wrap.hover-white:hover, .ce_wrap.hover-white:hover * { color: rgb(255,255,255)!important; border-color: rgb(255,255,255)!important; } /* bg hover colors */ .ce_wrap.bg-hover-gray:hover { background-color: rgb(248,248,248)!important; } .ce_wrap.bg-hover-white:hover { background-color: rgb(255,255,255)!important; } .ce_wrap.bg-hover-black:hover { background-color: rgb(0,0,0)!important; } /* bg positions */ .ce_wrap.bg-center-top { background-position: center top; } .ce_wrap.bg-center-center { background-position: center center; } .ce_wrap.bg-center-bottom { background-position: center bottom; } .ce_wrap.bg-left-top { background-position: left top; } .ce_wrap.bg-left-center { background-position: left center; } .ce_wrap.bg-left-bottom{ background-position: left bottom; } .ce_wrap.bg-right-top { background-position: right top } .ce_wrap.bg-right-center { background-position: right center; } .ce_wrap.bg-right-bottom { background-position: right bottom; } .ce_wrap.bg-repeat { background-repeat: repeat; } /* padding classes */ .ce_wrap.pd-xl { padding: 200px 40px; } .ce_wrap.pd-l { padding: 160px 40px; } .ce_wrap.pd-m { padding: 120px 40px; } .ce_wrap.pd-s { padding: 80px 40px; } .ce_wrap.pd-xs { padding: 40px; } /* ============================================================================= * ce_vertical_spacer * ========================================================================== */ .ce_vertical_spacer.sp-xxl { height: 21vmin; } .ce_vertical_spacer.sp-xl { height: 18vmin; } .ce_vertical_spacer.sp-l { height: 15vmin; } .ce_vertical_spacer.sp-m { height: 12vmin; } .ce_vertical_spacer.sp-s { height: 9vmin; } .ce_vertical_spacer.sp-xs { height: 6vmin; } .ce_vertical_spacer.sp-xxs { height: 3vmin; } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .ce_leadertext p { font-size: 1.133rem; } .ce_testimonial_version1 p { font-size: 1.2rem; } .ce_pricetable { margin-top: 10px; margin-bottom: 10px; } .ce_pricetable .currency { top: 0; } .ce_tabs .tabs li { display: block!important; float: none!important; width: 100%!important; } .ce_tabs .tabs.vertical, .ce_tabs .panes.vertical { float: none; width: 100%; } .ce_tabs .tabs.classic ul li { margin-bottom: 2px; } .ce_tabs .tabs.horizontal li a { border-left: 0; border-top: 0; } .ce_tabs .panes.vertical { border: 0; padding: 0; margin-top: 15px; } .ce_tabs .panes.vertical_2 { padding: 0; width: 100%; margin-top: 15px; border: 0; } .ce_tabs .tabs.vertical_2 { width: 100%; float: none; } .ce_tabs .tabs.horizontal-clean ul li { margin-bottom: 10px; border-bottom: 1px solid rgb(200,200,200); padding-bottom: 5px; } .ce_tabs .tabs.horizontal-clean ul li.active:after { display: none; } .ce_bgimage.hide-image-phone .ce_bgimage-image { display: none; } .ce_bgimage.img-leftside-33, .ce_bgimage.img-leftside-50, .ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { display: block; width: 100%; } .ce_bgimage.img-rightside-33 .ce_bgimage-outer, .ce_bgimage.img-rightside-33 .ce_bgimage-image, .ce_bgimage.img-rightside-50 .ce_bgimage-outer, .ce_bgimage.img-rightside-50 .ce_bgimage-image { display: block; width: 100%; margin: 0; } .ce_bgimage.img-rightside-33 .ce_bgimage-image, .ce_bgimage.img-rightside-50 .ce_bgimage-image { background-image: none!important; } .ce_bgimage.img-leftside-33 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-image { display: none; } .ce_bgimage.img-leftside-33 .ce_bgimage-outer, .ce_bgimage.img-leftside-50 .ce_bgimage-outer { margin-left: 0; } .ce_bgimage.img-leftside-33:not(.bg-hide-mobile) .mobile_image, .ce_bgimage.img-leftside-50:not(.bg-hide-mobile) .mobile_image, .ce_bgimage.img-rightside-33:not(.bg-hide-mobile) .mobile_image, .ce_bgimage.img-rightside-50:not(.bg-hide-mobile) .mobile_image { display: block!important; margin-bottom: 30px; } .ce_bgimage.parallax .ce_bgimage-image { background-attachment: scroll; background-position: center center!important; } .ce_contentbox .arrow { display: none; } .ce_timeline .timeline-item { width: 100%; float: none; text-align: left; padding-left: 60px; padding-right: 0; margin-bottom: 35px; } .ce_timeline .timeline-item:nth-of-type(2n) i { left: 19px; } .ce_timeline .timeline-item:nth-of-type(2n) i.timeline-icon { left: 0; } .ce_timeline .timeline-item:nth-of-type(2n) .timeline-item-title:before { left: 20px; } .ce_timeline .timeline-item i.timeline-icon { margin-right: 0; margin-left: 4px; left: 0; } .ce_timeline .timeline-item .timeline-item-title:before { right: auto; left: 20px; width: 40px; } .ce_timeline .timeline-item i { right: auto; left: 19px; } .ce_timeline .timeline-item:nth-of-type(2n) { float: left; padding-left: 60px; } .ce_timeline:before { left: 25px; } .ce_timeline i.last-point { left: 19px; right: auto; } .ce_headerimage { padding-top: 70px; padding-bottom: 70px; } .ce_headerimage .content { width: 100%; } .ce_headerimage.valign_bottom .ce_headerimage_inside { top: 50%; } .ce_pricetable .pricetable { margin-bottom: 15px; } .ce_leadertext.version1, .ce_leadertext.version2, .ce_headline_extended.version0, .ce_headline_extended.version1 { margin-bottom: 30px; } .ce_text_imagebox .inside { padding: 20px; } .ce_text_imagebox .content { width: 100%!important; } .ce_bgimage_content_start .bg_overlay, .ce_bgimage_content_start .ce_bgimage_content_left, .ce_bgimage_content_start .ce_bgimage_content_right { width: 100%!important; } .ce_bgimage_content_start .ce_bgimage_pt_xxl .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pt_xl .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pt_l .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pt_m .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pt_s .ce_bgimage_content { padding-top: 50px; } .ce_bgimage_content_start .ce_bgimage_pb_xxl .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pb_xl .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pb_l .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pb_m .ce_bgimage_content, .ce_bgimage_content_start .ce_bgimage_pb_s .ce_bgimage_content { padding-bottom: 50px; } .ce_bgimage_content_start .ce_bgimage_content_left, .ce_bgimage_content_start .ce_bgimage_content_right { display: block; } .ce_calltoaction_v2 .ce_calltoaction_content { padding-right: 0; } .ce_calltoaction_v2 .ce_hyperlink { position: static; -webkit-transform: translateY(0); transform: translateY(0); margin-top: 15px; } .ce_calltoaction_v2 .ce_hyperlink a { width: 100%; } .ce_fancy_divider.pos_absolute_top, .ce_fancy_divider.pos_absolute_bottom { display: none; } .ce_bgimage div.offset_layer { display: none; } .ce_bgimage.bg-hide-mobile .ce_bgimage-image { background-image: none!important; } .ce_bgimage.fullscreen-image:not(.vertical_centered) .ce_bgimage-outer { height: auto; } .ce_teaserbox .ce_teaserbox_inside { display: table; } .ce_teaserbox .image_wrapper { width: 100%!important; } .ce_teaserbox .text_wrapper { text-align: left!important; } .ce_teaserbox .image_wrapper, .ce_teaserbox .text_wrapper { display: block; } .ce_teaserbox .margins { margin: 0!important; } .ce_teaserbox.image_right .text_wrapper { margin-bottom: 30px; } .ce_teaserbox.image_left .text_wrapper { margin-top: 30px; } .ce_iconbox:not(.no_gutter):not(.version3.xsmall) { margin-bottom: 30px; } .ce_iconbox.version2.right-align .ce_iconbox_inside { text-align: left; } .ce_iconbox.version2.right-align .image_container { text-align: left; } .ce_iconbox.version2.right-align .ce_iconbox_icon { order: 1; } .ce_iconbox.version2 .ce_iconbox_cwrapper { order: 2; } .ce_iconbox_v2.style2 .ce_iconbox_outside { min-height: 0!important; } .ce_iconbox_v2.style2, .autogrid_row > .column:first-child > .ce_iconbox_v2.style2 { border-left: 0; border-right: 0; } .ce_iconbox_v2.style2.autogrid-last { border-bottom: 0; } .ce_headerimage.height_small { height: 180px; } .ce_headerimage.height_medium { height: 200px; } .ce_headerimage.height_large { height: 250px; } .ce_headerimage.height_xlarge { height: 350px; } .ce_headerimage.height_xxlarge { height: 400px; } #wrapper .ce_portfoliofilter { border: 0; text-align: left; margin-bottom: 10px; } #wrapper .fullwidth .ce_portfoliofilter { padding: 0 20px; } .ce_portfoliofilter.only-icon i { margin-bottom: 4px; } .ce_portfoliofilter.align-right { text-align: left!important; } .ce_portfoliofilter.only-icon a { text-align: left!important; } .ce_portfoliofilter.only-icon { text-align: left!important; } .ce_portfoliofilter.only-icon .all { display: block; border-right: 0; border-bottom: 1px solid rgb(220,220,220); padding-bottom: 4px; margin-bottom: 7px; } .ce_portfoliofilter .mobile-filter-trigger { display: inline-block; } .ce_portfoliofilter .ce_portfoliofilter_content { visibility: hidden; opacity: 0; max-height: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_portfoliofilter.mobile-filter-show .ce_portfoliofilter_content { opacity: 1; max-height: 1000px; visibility: visible; padding-top: 45px; } #wrapper .ce_portfoliofilter .ce_portfoliofilter_content a { display: block; border: 1px solid rgb(220,220,220); margin: 0 0 3px 0; padding: 10px; } .ce_portfoliofilter .ce_portfoliofilter_content a.selected { border: 0; background: rgba(0,0,0,0.9); color: rgb(255,255,255); } .ce_google_map .ce_google_map_inside { height: 350px!important; } .ce_countdown .countdown-section, .ce_countdown .align-left .countdown-section, .ce_countdown .align-center .countdown-section, .ce_countdown .align-right .countdown-section { margin-left: 7px; margin-right: 7px; } .ce_countdown .countdown.align-right { text-align: left!important; } .ce_featured_tab { padding: 0; } .ce_featured_tab.tab-style2 { padding: 0; } .ce_featured_tab li { display: block; width: 100%!important; } .ce_headline_extended h3.background-text { display: none; } .ce_image_extended.mob-align-left * { text-align: left!important; } .ce_image_extended.mob-align-center * { text-align: center!important; } .ce_image_extended.mob-align-right * { text-align: right!important; } .ce_image_extended_inside { margin-left: 0!important; margin-right: 0!important; } .ce_pricecard .ce_pricecard_inside { padding: 20px; } .pricecard_leftside, .pricecard_rightside { width: 100%; float: none; } .ce_productbox.version1 .ce_hyperlink, .ce_productbox.version2 .ce_hyperlink { float: left; } .ce_productbox.version1 .price, .ce_productbox.version2 .price { display: block; } .ce_iconbox_header { position: static; margin-top: 25px; } .ce_fancy_divider { display: none; } .ce_pricelist_image h4:after { display: none; } .ce_pricelist_image .price { position: static; padding: 0; } .ce_pricelist_image h4 { float: none; } .ce_featurebox .headline_one, .ce_featurebox .headline_two { margin: 0!important; } .ce_featurebox .image_container, .ce_featurebox .ce_featurebox_content { float: none!important; width: 100%!important; margin: 0!important; } .ce_authorbox.style2 .ce_authorbox_content, .ce_authorbox.style2 .image_container { width: 100%; float: none; } .ce_authorbox.style2 .ce_authorbox_content { margin: 0; padding: 5%; font-size: 1rem; } .ce_authorbox.style2 .subtitle { font-size: 1.1rem; display: block; margin-left: 0; } .ce_authorbox.style2 .name { margin-bottom: 10px; } .page_navigation { display: none; } .ce_iconbox_v2.style3 .ce_iconbox_outside { border-radius: 3px!important; border: 1px solid rgb(220,220,220)!important; } .ce_iconbox_v2.style3 { margin-bottom: 20px; } .ce_iconbox.same-height { display: block!important; } .ce_frame_start .ce_frame_start_inside { padding: 5%!important; } .ce_pricecard.style2 .price { font-size: 2.5rem; } .ce_grid_gallery_start li { width: 100%!important; } .ce_grid_gallery_start li.has-content { height: auto!important; max-height: none!important; min-height: 400px; } .ce_grid_gallery_start li.no-background-image { min-height: 0; } .ce_grid_gallery_start li.style1.has-content .ce_grid_gallery_overlay { height: 100%!important; max-height: none!important; transform: none; -webkit-transform: none; background: rgba(255,255,255,0.8); min-height: 400px; } .ce_grid_gallery_start li.style1.has-content .ce_grid_gallery_overlay .ce_grid_gallery_overlay_inside { position: static; transform: none; -webkit-transform: none; } .ce_grid_gallery_start li.style2.has-content .ce_grid_gallery_overlay .ce_grid_gallery_overlay_inside { position: static; transform: none; -webkit-transform: none; } .ce_grid_gallery_start li.grid-item.image-height-s, .ce_grid_gallery_start li.grid-item.image-height-m, .ce_grid_gallery_start li.grid-item.image-height-l { height: 50vh; max-height: 400px; } .mod_quickmenu { display: none; } .ce_hyperlink a, a.btn, .ce_hyperlink-extended.align-inline { display: block; } .ce_grid_gallery_start.height-large li.grid-item.image-height-s { height: 50vw; max-height: none; } .ce_pricelist_image .item-inside { padding-top: 0; } .ce_headline_w_buttons .ce_headline_w_buttons_inside, .ce_headline_w_buttons div.ce_headline, .ce_headline_w_buttons .buttons { display: block; } .ce_headline_w_buttons .buttons { text-align: left; } .ce_headline_w_buttons .ce_headline { margin-bottom: 1.3rem; } .ce_headline_w_buttons .buttons a { display: block; margin-bottom: 3px; } .ce_headline_w_buttons .buttons a.button_two { margin-left: 0; } .ce_featurelist li { width: 100%!important; } .ce_wrap.pd-xl { padding: 100px 20px; } .ce_wrap.pd-l { padding: 80px 20px; } .ce_wrap.pd-m { padding: 60px 20px; } .ce_wrap.pd-s { padding: 40px 20px; } .ce_wrap.pd-xs { padding: 20px 20px; } .ce_vertical_spacer.sp-xxl { height: 130px; } .ce_vertical_spacer.sp-xl { height: 110px; } .ce_vertical_spacer.sp-l { height: 90px; } .ce_vertical_spacer.sp-m { height: 70px; } .ce_vertical_spacer.sp-s { height: 50px; } .ce_vertical_spacer.sp-xs { height: 30px; } .ce_vertical_spacer.sp-xxs { height: 10px; } .ce_vertical_spacer.sp-xxl-mob { height: 70px; } .ce_vertical_spacer.sp-xl-mob { height: 60px; } .ce_vertical_spacer.sp-l-mob { height: 50px; } .ce_vertical_spacer.sp-m-mob { height: 4px; } .ce_vertical_spacer.sp-s-mob { height: 30px; } .ce_vertical_spacer.sp-xs-mob { height: 20px; } .ce_vertical_spacer.sp-xxs-mob { height: 10px; } .ce_vertical_spacer.sp-0-mob { display: none; } .ce_productbox.version1 .ce_productbox_content_bottom { position: static; padding-top: 0; } .ce_productbox.version1 .ce_productbox_content_top { padding: 20px; } .ce_text_extented.align-left-m { margin-left: 0; } .ce_text_image_bar .inside { height: auto!important; } .ce_text_image_bar .textbox { flex: 0 0 100%; height: auto!important; padding: 30px; } .ce_text_image_bar .imagebox { display: none; } .ce_text_image_bar .mobile_image { display: block; flex: 0 0 100%; } .ce_text_image_bar.mob-img-first .mobile_image { order: 1; } .ce_text_image_bar.mob-img-first .textbox { order: 2; } } span.font-size-xxxxl { font-size: 85px; line-height: 1.1; } span.font-size-xxxl { font-size: 75px; line-height: 1.1; } span.font-size-xxl { font-size: 65px; line-height: 1.1; } span.font-size-xl { font-size: 55px; line-height: 1.1; } span.font-size-l { font-size: 45px; line-height: 1.1; } span.font-size-m { font-size: 35px; line-height: 1.1; } span.font-size-s { font-size: 25px; } span.font-size-xs { font-size: 22px; } span.font-size-xxs { font-size: 18px; } span.font-size-xxxs { font-size: 12px; } span.font-size-xxxxs { font-size: 11px; } span.font-size-xxxxs { font-size: 10px; } span.serif { font-family: Georgia, Times, serif; } span.no-serif { font-family: Arial, Verdana, sans-serif; } p.dropcap { font-size: 60px; float: left; margin-right: 7px; line-height: 57px; } span.color-white { color: #fff !important; } span.color-gray { color: rgb(127,127,127)!important; } span.color-lightgray { color: rgb(180,180,180)!important; } span.color-darkgray { color: rgb(76,76,76)!important; } span.color-accent { color: rgb(152,152,152); } span.color-success { color: rgb(157,213,93); } span.color-alert { color: rgb(247,80,90); } span.color-warning { color: rgb(240,138,36); } span.color-info { color: rgb(160,211,232); } span.highlight { background: rgb(51,51,51); color: #fff; padding-left: 3px; padding-right: 3px; } .label-accent { background: rgb(152,152,152); } .label-secondary { background: rgb(231,231,231); color: rgb(51,51,51); } .label-success { background: rgb(157,213,93); } .label-alert { background: rgb(247,80,90); } .label-warning { background: rgb(240,138,36); } .label-info { background: rgb(160,211,232); color: rgb(51,51,51); } .letter-spacing-xl { letter-spacing: 5px; } .letter-spacing-l { letter-spacing: 3px; } .letter-spacing-m { letter-spacing: 2px; } .letter-spacing-s { letter-spacing: 1px; } .line-through { text-decoration: line-through; } .medium-width { max-width: 600px; } .medium-small { max-width: 400px; } .medium-width-center { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } .small-width-center { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; } .bg-transparent-white { background-color: rgba(255,255,255,0.7); } .bg-transparent-black { background-color: rgba(0,0,0,0.7); } .bt-dark { border-top: 1px solid rgb(229,229,229); } .bb-dark { border-bottom: 1px solid rgb(229,229,229); } .bt-light { border-top: 1px solid rgb(255,255,255); } .bb-light { border-bottom: 1px solid rgb(255,255,255); } a.btn { display: inline-block; padding: 12px 20px; margin-bottom: 15px; cursor:pointer; width: auto; background: rgb(152,152,152); border: 2px solid rgb(152,152,152); color: #fff; font-weight: bold; font-size: 0.8rem; min-width: 140px; text-align: center!important; } a.btn.link-white { color: rgb(152,152,152); border: 2px solid rgb(250,250,250); background: rgb(250,250,250); } a.btn.outline { background: none; color: rgb(152,152,152); } a.btn.link-white.outline { background: none; border: 2px solid rgb(250,250,250); color: rgb(152,152,152); } /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } @charset"UTF-8";.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(../../files/cto_layout/scripts/jquery.mb.YTPlayer/css/font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(../../files/cto_layout/scripts/jquery.mb.YTPlayer/css/font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.mbYTP_wrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.mbYTP_wrapper.fullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important}.mbYTP_wrapper iframe{max-width:4000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px Calibri;position:absolute;top:-30px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri,sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#000;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(../../files/cto_layout/scripts/jquery.mb.YTPlayer/css/images/raster.png)}.YTPOverlay.raster.retina{background:url(../../files/cto_layout/scripts/jquery.mb.YTPlayer/css/images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(../../files/cto_layout/scripts/jquery.mb.YTPlayer/css/images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(../../files/cto_layout/scripts/jquery.mb.YTPlayer/css/images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%} /** * 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;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(0,0,0);transform:translate3d(0,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}.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}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.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-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.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:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.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(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}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(0,-50%,0);transform:translate3d(0,-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:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -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:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(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-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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,.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>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.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)}}.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-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.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-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== * Icon classes * ======================================== */ .icon-3d:before { content: "\e150"; } .icon-addressbook:before { content: "\e001"; } .icon-airplane:before { content: "\e002"; } .icon-amazon:before { content: "\e004"; } .icon-amazon-2:before { content: "\e003"; } .icon-ampersand:before { content: "\26"; } .icon-anchor:before { content: "\e005"; } .icon-android:before { content: "\e006"; } .icon-aperture:before { content: "\e007"; } .icon-apple:before { content: "\e008"; } .icon-arrow-2-down:before { content: "\e009"; } .icon-arrow-2-left:before { content: "\e00a"; } .icon-arrow-2-right:before { content: "\e00b"; } .icon-arrow-2-up:before { content: "\e00c"; } .icon-arrow-3-down:before { content: "\2193"; } .icon-arrow-3-down-left:before { content: "\e00d"; } .icon-arrow-3-down-right:before { content: "\e00e"; } .icon-arrow-3-left:before { content: "\2190"; } .icon-arrow-3-right:before { content: "\2192"; } .icon-arrow-3-up:before { content: "\2191"; } .icon-arrow-3-up-left:before { content: "\e00f"; } .icon-arrow-3-up-right:before { content: "\e010"; } .icon-arrow-4-down:before { content: "\e011"; } .icon-arrow-4-left:before { content: "\e012"; } .icon-arrow-4-right:before { content: "\e013"; } .icon-arrow-4-up:before { content: "\e014"; } .icon-arrow-5-down:before { content: "\e015"; } .icon-arrow-5-first:before { content: "\e016"; } .icon-arrow-5-last:before { content: "\e017"; } .icon-arrow-5-left:before { content: "\e018"; } .icon-arrow-5-right:before { content: "\e019"; } .icon-arrow-5-up:before { content: "\e01a"; } .icon-arrow-down:before { content: "\e01d"; } .icon-arrow-down-left:before { content: "\e01b"; } .icon-arrow-down-right:before { content: "\e01c"; } .icon-arrow-left:before { content: "\e01e"; } .icon-arrow-right:before { content: "\e01f"; } .icon-arrow-up:before { content: "\e022"; } .icon-arrow-up-left:before { content: "\e020"; } .icon-arrow-up-right:before { content: "\e021"; } .icon-at:before { content: "\40"; } .icon-award:before { content: "\e023"; } .icon-backspace:before { content: "\e024"; } .icon-baidu:before { content: "\e025"; } .icon-bars:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-beaker:before { content: "\e028"; } .icon-bell:before { content: "\e029"; } .icon-binoculars:before { content: "\e02a"; } .icon-blogger:before { content: "\e02c"; } .icon-blogger-2:before { content: "\e02b"; } .icon-bluetooth:before { content: "\e02d"; } .icon-bolt:before { content: "\2301"; } .icon-bolt-2:before { content: "\e02e"; } .icon-book:before { content: "\e031"; } .icon-book-2:before { content: "\e02f"; } .icon-book-3:before { content: "\e030"; } .icon-bookmark:before { content: "\e032"; } .icon-box:before { content: "\e033"; } .icon-brush:before { content: "\e034"; } .icon-calc:before { content: "\e035"; } .icon-calendar:before { content: "\e037"; } .icon-calendar-stroke:before { content: "\e036"; } .icon-camera:before { content: "\e038"; } .icon-cart:before { content: "\e03a"; } .icon-cart-2:before { content: "\e039"; } .icon-case:before { content: "\e03b"; } .icon-cc:before { content: "\e03c"; } .icon-cd:before { content: "\e03d"; } .icon-chart:before { content: "\25d5"; } .icon-chart-down:before { content: "\e03f"; } .icon-chart-down-2:before { content: "\e03e"; } .icon-chart-up:before { content: "\e041"; } .icon-chart-up-2:before { content: "\e040"; } .icon-chat:before { content: "\e043"; } .icon-chat-stroke:before { content: "\e042"; } .icon-check:before { content: "\2713"; } .icon-check-2:before { content: "\e044"; } .icon-check-3:before { content: "\2714"; } .icon-chrome:before { content: "\e045"; } .icon-clef:before { content: "\e047"; } .icon-clef-2:before { content: "\e046"; } .icon-clipboard:before { content: "\e048"; } .icon-clock:before { content: "\e049"; } .icon-cloud:before { content: "\2601"; } .icon-cloud-download:before { content: "\e04a"; } .icon-cloud-upload:before { content: "\e04b"; } .icon-code:before { content: "\e04c"; } .icon-coffee:before { content: "\e04d"; } .icon-cog:before { content: "\2699"; } .icon-cogs:before { content: "\e04e"; } .icon-command:before { content: "\e04f"; } .icon-comment:before { content: "\e053"; } .icon-comment-2:before { content: "\e051"; } .icon-comment-2-stroke:before { content: "\e050"; } .icon-comment-stroke:before { content: "\e052"; } .icon-cone:before { content: "\e055"; } .icon-cone-2:before { content: "\e054"; } .icon-contao:before { content: "\e056"; } .icon-contrast:before { content: "\e057"; } .icon-creditcard:before { content: "\e059"; } .icon-creditcard-2:before { content: "\e058"; } .icon-css3:before { content: "\e05a"; } .icon-cursor:before { content: "\2196"; } .icon-curved-arrow:before { content: "\e05b"; } .icon-delicious:before { content: "\e05c"; } .icon-denied:before { content: "\2298"; } .icon-deviantart:before { content: "\e05e"; } .icon-deviantart-2:before { content: "\e05d"; } .icon-direction:before { content: "\e05f"; } .icon-document:before { content: "\e06a"; } .icon-document-add:before { content: "\e060"; } .icon-document-css:before { content: "\e061"; } .icon-document-excel:before { content: "\e062"; } .icon-document-openoffice:before { content: "\e063"; } .icon-document-pdf:before { content: "\e064"; } .icon-document-powerpoint:before { content: "\e065"; } .icon-document-remove:before { content: "\e066"; } .icon-document-word:before { content: "\e067"; } .icon-document-xml:before { content: "\e068"; } .icon-document-zip:before { content: "\e069"; } .icon-documents:before { content: "\e06c"; } .icon-documents-2:before { content: "\e06b"; } .icon-download:before { content: "\e06d"; } .icon-download-2:before { content: "\2913"; } .icon-dribbble:before { content: "\e06f"; } .icon-dribbble-2:before { content: "\e06e"; } .icon-dropbox:before { content: "\e070"; } .icon-eject:before { content: "\23cf"; } .icon-ember:before { content: "\e071"; } .icon-equalizer:before { content: "\e072"; } .icon-external:before { content: "\e151"; } .icon-eye:before { content: "\e073"; } .icon-eyedropper:before { content: "\e074"; } .icon-facebook:before { content: "\e076"; } .icon-facebook-2:before { content: "\e075"; } .icon-fan:before { content: "\e077"; } .icon-fax:before { content: "\e078"; } .icon-feed:before { content: "\e07a"; } .icon-feed-2:before { content: "\e079"; } .icon-female:before { content: "\e07b"; } .icon-firefox:before { content: "\e07c"; } .icon-firewire:before { content: "\e07d"; } .icon-first:before { content: "\21e4"; } .icon-flag:before { content: "\e07f"; } .icon-flag-2:before { content: "\e07e"; } .icon-flickr:before { content: "\e081"; } .icon-flickr-2:before { content: "\e080"; } .icon-floppy:before { content: "\e082"; } .icon-folder:before { content: "\e083"; } .icon-folders:before { content: "\e084"; } .icon-font:before { content: "\e086"; } .icon-font-2:before { content: "\e085"; } .icon-fork:before { content: "\2443"; } .icon-forrst:before { content: "\e088"; } .icon-forrst-2:before { content: "\e087"; } .icon-fullscreen:before { content: "\e08a"; } .icon-fullscreen-exit:before { content: "\e089"; } .icon-funnel:before { content: "\e08b"; } .icon-gallery:before { content: "\e08c"; } .icon-game:before { content: "\e08d"; } .icon-git:before { content: "\e090"; } .icon-git-2:before { content: "\e08e"; } .icon-git-3:before { content: "\e08f"; } .icon-github:before { content: "\e093"; } .icon-github-2:before { content: "\e091"; } .icon-github-cat:before { content: "\e092"; } .icon-glasses:before { content: "\e094"; } .icon-globe:before { content: "\e095"; } .icon-gplus:before { content: "\e098"; } .icon-gplus-2:before { content: "\e096"; } .icon-gplus-3:before { content: "\e097"; } .icon-grid:before { content: "\e09a"; } .icon-grid-2:before { content: "\e099"; } .icon-hash:before { content: "\23"; } .icon-hd:before { content: "\e09b"; } .icon-headphones:before { content: "\e09c"; } .icon-heart:before { content: "\e09e"; } .icon-heart-stroke:before { content: "\e09d"; } .icon-heartbeat:before { content: "\e09f"; } .icon-help:before { content: "\e0a0"; } .icon-home:before { content: "\2302"; } .icon-home-2:before { content: "\e0a1"; } .icon-html5:before { content: "\e0a3"; } .icon-html5-stroke:before { content: "\e0a2"; } .icon-ie:before { content: "\e0a4"; } .icon-infinity:before { content: "\e0a5"; } .icon-info:before { content: "\2139"; } .icon-info-2:before { content: "\e0a6"; } .icon-instagram:before { content: "\e152"; } .icon-ipad:before { content: "\e0a7"; } .icon-iphone:before { content: "\e0a8"; } .icon-ipod:before { content: "\e0a9"; } .icon-key:before { content: "\e0ab"; } .icon-key-stroke:before { content: "\e0aa"; } .icon-laptop:before { content: "\e0ad"; } .icon-laptop-2:before { content: "\e0ac"; } .icon-last:before { content: "\21e5"; } .icon-lastfm:before { content: "\e0af"; } .icon-lastfm-2:before { content: "\e0ae"; } .icon-layers:before { content: "\e0b0"; } .icon-leave:before { content: "\e0b1"; } .icon-left-quote:before { content: "\201c"; } .icon-left-quote-2:before { content: "\e0b2"; } .icon-like:before { content: "\e0b3"; } .icon-link:before { content: "\e0b5"; } .icon-link-2:before { content: "\e0b4"; } .icon-linkedin:before { content: "\e0b6"; } .icon-list:before { content: "\e0b8"; } .icon-list-2:before { content: "\e0b7"; } .icon-load-0:before { content: "\e0b9"; } .icon-load-1:before { content: "\e0ba"; } .icon-load-2:before { content: "\e0bb"; } .icon-load-3:before { content: "\e0bc"; } .icon-load-4:before { content: "\e0bd"; } .icon-load-5:before { content: "\e0be"; } .icon-load-6:before { content: "\e0bf"; } .icon-load-7:before { content: "\e0c0"; } .icon-lock:before { content: "\e0c3"; } .icon-lock-2:before { content: "\e0c1"; } .icon-lock-stroke:before { content: "\e0c2"; } .icon-loop:before { content: "\27f3"; } .icon-loop-double:before { content: "\e0c4"; } .icon-loop-left:before { content: "\e0c6"; } .icon-loop-left-2:before { content: "\e0c5"; } .icon-loop-right:before { content: "\e0c8"; } .icon-loop-right-2:before { content: "\e0c7"; } .icon-magnifying-glass:before { content: "\e0cb"; } .icon-magnifying-glass-2:before { content: "\e0c9"; } .icon-magnifying-glass-3:before { content: "\e0ca"; } .icon-mail:before { content: "\2709"; } .icon-mail-2:before { content: "\e0cc"; } .icon-mail-3:before { content: "\e0cd"; } .icon-mail-stroke:before { content: "\e0ce"; } .icon-male:before { content: "\e0cf"; } .icon-map-pin:before { content: "\e0d3"; } .icon-map-pin-2:before { content: "\e0d1"; } .icon-map-pin-2-stroke:before { content: "\e0d0"; } .icon-map-pin-stroke:before { content: "\e0d2"; } .icon-megaphone:before { content: "\e0d4"; } .icon-mic:before { content: "\e0d6"; } .icon-mic-2:before { content: "\e0d5"; } .icon-minus:before { content: "\2212"; } .icon-minus-2:before { content: "\2296"; } .icon-monitor:before { content: "\e0d7"; } .icon-moon:before { content: "\e0d8"; } .icon-moon-stroke:before { content: "\263e"; } .icon-mouse:before { content: "\e0d9"; } .icon-move:before { content: "\e0da"; } .icon-move-horizontal:before { content: "\2194"; } .icon-move-vertical:before { content: "\2195"; } .icon-movie:before { content: "\e0db"; } .icon-new-window:before { content: "\e0dc"; } .icon-news:before { content: "\e0dd"; } .icon-opera:before { content: "\e0de"; } .icon-paperclip:before { content: "\e0df"; } .icon-paperplane:before { content: "\e0e0"; } .icon-pause:before { content: "\e0e2"; } .icon-pause-2:before { content: "\e0e1"; } .icon-pen:before { content: "\270f"; } .icon-pen-2:before { content: "\e0e4"; } .icon-pen-2-stroke:before { content: "\e0e3"; } .icon-pen-3:before { content: "\e0e5"; } .icon-phone:before { content: "\e0e8"; } .icon-phone-2:before { content: "\e0e6"; } .icon-phone-mobile:before { content: "\e0e7"; } .icon-picasa:before { content: "\e0ea"; } .icon-picasa-2:before { content: "\e0e9"; } .icon-pilcrow:before { content: "\b6"; } .icon-pin:before { content: "\e0eb"; } .icon-pinterest:before { content: "\e0ed"; } .icon-pinterest-2:before { content: "\e0ec"; } .icon-play:before { content: "\25b6"; } .icon-play-2:before { content: "\e0ee"; } .icon-plus:before { content: "\2b"; } .icon-plus-2:before { content: "\e0ef"; } .icon-plus-3:before { content: "\2295"; } .icon-podcast:before { content: "\e0f1"; } .icon-podcast-2:before { content: "\e0f0"; } .icon-polaroids:before { content: "\e0f2"; } .icon-power:before { content: "\e0f3"; } .icon-printer:before { content: "\e0f5"; } .icon-printer-2:before { content: "\e0f4"; } .icon-puzzle:before { content: "\e0f6"; } .icon-question:before { content: "\e0f7"; } .icon-question-mark:before { content: "\3f"; } .icon-rain:before { content: "\e0f8"; } .icon-read:before { content: "\e0f9"; } .icon-recycle:before { content: "\e0fa"; } .icon-reload:before { content: "\21bb"; } .icon-responsive:before { content: "\e0fb"; } .icon-right-quote:before { content: "\201d"; } .icon-right-quote-2:before { content: "\e0fc"; } .icon-rocket:before { content: "\e0fd"; } .icon-rss:before { content: "\e0ff"; } .icon-rss-2:before { content: "\e0fe"; } .icon-ruler:before { content: "\e100"; } .icon-safari:before { content: "\e101"; } .icon-save:before { content: "\e102"; } .icon-seo:before { content: "\e103"; } .icon-share:before { content: "\e105"; } .icon-share-2:before { content: "\e104"; } .icon-shield:before { content: "\e108"; } .icon-shield-2:before { content: "\e107"; } .icon-shield-2-stroke:before { content: "\e106"; } .icon-shuffle:before { content: "\e109"; } .icon-skype:before { content: "\e10a"; } .icon-smiles:before { content: "\e10b"; } .icon-snowflake:before { content: "\e10c"; } .icon-soundcloud:before { content: "\e10e"; } .icon-soundcloud-2:before { content: "\e10d"; } .icon-speedometer:before { content: "\e112"; } .icon-speedometer-2:before { content: "\e111"; } .icon-speedometer-2-low:before { content: "\e10f"; } .icon-speedometer-2-medium:before { content: "\e110"; } .icon-spin:before { content: "\e113"; } .icon-star:before { content: "\2605"; } .icon-star-2:before { content: "\e116"; } .icon-star-2-half:before { content: "\e114"; } .icon-star-2-stroke:before { content: "\e115"; } .icon-star-half:before { content: "\e117"; } .icon-star-stroke:before { content: "\e118"; } .icon-stop:before { content: "\25a0"; } .icon-stop-2:before { content: "\e119"; } .icon-stumbleupon:before { content: "\e11b"; } .icon-stumbleupon-2:before { content: "\e11a"; } .icon-sun:before { content: "\2600"; } .icon-sun-stroke:before { content: "\263c"; } .icon-support:before { content: "\e11c"; } .icon-tag:before { content: "\e120"; } .icon-tag-left:before { content: "\e11d"; } .icon-tag-right:before { content: "\e11e"; } .icon-tag-stroke:before { content: "\e11f"; } .icon-target:before { content: "\e122"; } .icon-target-2:before { content: "\e121"; } .icon-temperature:before { content: "\e124"; } .icon-temperature-2:before { content: "\e123"; } .icon-thumb-down:before { content: "\e125"; } .icon-thumb-up:before { content: "\e126"; } .icon-tie:before { content: "\e127"; } .icon-tools:before { content: "\e129"; } .icon-tools-2:before { content: "\e128"; } .icon-transfer:before { content: "\21c4"; } .icon-trash:before { content: "\e12d"; } .icon-trash-2:before { content: "\e12a"; } .icon-trash-3:before { content: "\e12c"; } .icon-trash-3-stroke:before { content: "\e12b"; } .icon-truck:before { content: "\e12e"; } .icon-tumblr:before { content: "\e130"; } .icon-tumblr-2:before { content: "\e12f"; } .icon-twitter-bird:before { content: "\e132"; } .icon-twitter-bird-2:before { content: "\e131"; } .icon-umbrella:before { content: "\2602"; } .icon-undo:before { content: "\238c"; } .icon-unlock:before { content: "\e134"; } .icon-unlock-stroke:before { content: "\e133"; } .icon-upload:before { content: "\e135"; } .icon-upload:before { content: "\2912"; } .icon-usb:before { content: "\e136"; } .icon-user:before { content: "\e138"; } .icon-user-2:before { content: "\e137"; } .icon-users:before { content: "\e139"; } .icon-vcard:before { content: "\e13a"; } .icon-vector:before { content: "\e13c"; } .icon-vector-2:before { content: "\e13b"; } .icon-video:before { content: "\e13d"; } .icon-vimeo:before { content: "\e13f"; } .icon-vimeo-2:before { content: "\e13e"; } .icon-volume:before { content: "\e141"; } .icon-volume-mute:before { content: "\e140"; } .icon-wand:before { content: "\e142"; } .icon-warning:before { content: "\e144"; } .icon-warning-2:before { content: "\e143"; } .icon-windows:before { content: "\e145"; } .icon-wireless:before { content: "\e146"; } .icon-wordpress:before { content: "\e148"; } .icon-wordpress-2:before { content: "\e147"; } .icon-wrench:before { content: "\e149"; } .icon-x:before { content: "\d7"; } .icon-x-2:before { content: "\2297"; } .icon-x-2-stroke:before { content: "\e14a"; } .icon-xing:before { content: "\e14b"; } .icon-yahoo:before { content: "\e14d"; } .icon-yahoo-2:before { content: "\e14c"; } .icon-youtube:before { content: "\e14f"; } .icon-youtube-2:before { content: "\e14e"; } /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license https://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General * - Buttons * - Wrapper elements * - Layout in order of appearance in HTML * - Content * - Forms * - Content elements * - Modules (Search, FAQ, News, Events, Comments) * - Sidebar / Widgets * - Footer * - Slider * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/oneo/fonts/rocksolid-icons.eot"); src: url("../../files/oneo/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/oneo/fonts/rocksolid-icons.woff") format('woff'), url("../../files/oneo/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/oneo/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* =========================================== * General * ======================================== */ :root { --main-padding-x: 2.66667rem; --safe-area-left: 0px; --safe-area-right: 0px; --safe-area-top: 0px; --safe-area-bottom: 0px; --page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x)); --page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x)); --page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right)); } @media screen and (max-width: 1280px) { :root { --main-padding-x: 3.125%; } } @media screen and (max-width: 900px) { :root { --main-padding-x: 4.16667%; } } @supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) { :root { /* Non-standard iOS 11.1 syntax */ --safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5); --safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5); --safe-area-top: constant(safe-area-inset-top, 0px); --safe-area-bottom: constant(safe-area-inset-bottom, 0px); } } @supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) { :root { /* W3C standard and iOS 11.2 syntax */ --safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px)); --safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px)); --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); } } html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: 15px/1.6 "Open Sans", sans-serif; color: #242424; -webkit-tap-highlight-color: #004d9e; } @media screen and (max-width: 599px) { html { font-size: 13px; } } body { background: #ffffff none 50% 0 no-repeat scroll; background-size: auto; } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: url("../../files/oneo/img/demo/background-boxed.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } body.background-variation-2 { background-size: cover; background-attachment: fixed; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 5%; margin-right: 5%; } .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: 47.5%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 30%; } .rs-column.-large-col-3-2 { width: 65%; } .rs-column.-large-col-3-3 { width: 100.0%; } .rs-column.-large-col-4-1 { width: 21.25%; } .rs-column.-large-col-4-2 { width: 47.5%; } .rs-column.-large-col-4-3 { width: 73.75%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 16%; } .rs-column.-large-col-5-2 { width: 37%; } .rs-column.-large-col-5-3 { width: 58.0%; } .rs-column.-large-col-5-4 { width: 79%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 12.5%; } .rs-column.-large-col-6-2 { width: 30%; } .rs-column.-large-col-6-3 { width: 47.5%; } .rs-column.-large-col-6-4 { width: 65%; } .rs-column.-large-col-6-5 { width: 82.5%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 10%; } .rs-column.-large-col-7-2 { width: 25%; } .rs-column.-large-col-7-3 { width: 40%; } .rs-column.-large-col-7-4 { width: 55.0%; } .rs-column.-large-col-7-5 { width: 70%; } .rs-column.-large-col-7-6 { width: 85%; } .rs-column.-large-col-7-7 { width: 100%; } .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-top: 3.33333%; margin-right: 3.33333%; } .oneo-no-sidebar .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: -5px; } .oneo-no-sidebar .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 0; } .oneo-no-sidebar .rs-column.-large-col-1-1, .page-footer .rs-column.-large-col-1-1 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-2-1, .page-footer .rs-column.-large-col-2-1 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-2-2, .page-footer .rs-column.-large-col-2-2 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-3-1, .page-footer .rs-column.-large-col-3-1 { width: 31.11111%; } .oneo-no-sidebar .rs-column.-large-col-3-2, .page-footer .rs-column.-large-col-3-2 { width: 65.55556%; } .oneo-no-sidebar .rs-column.-large-col-3-3, .page-footer .rs-column.-large-col-3-3 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-4-1, .page-footer .rs-column.-large-col-4-1 { width: 22.5%; } .oneo-no-sidebar .rs-column.-large-col-4-2, .page-footer .rs-column.-large-col-4-2 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-4-3, .page-footer .rs-column.-large-col-4-3 { width: 74.16667%; } .oneo-no-sidebar .rs-column.-large-col-4-4, .page-footer .rs-column.-large-col-4-4 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-5-1, .page-footer .rs-column.-large-col-5-1 { width: 17.33333%; } .oneo-no-sidebar .rs-column.-large-col-5-2, .page-footer .rs-column.-large-col-5-2 { width: 38%; } .oneo-no-sidebar .rs-column.-large-col-5-3, .page-footer .rs-column.-large-col-5-3 { width: 58.66667%; } .oneo-no-sidebar .rs-column.-large-col-5-4, .page-footer .rs-column.-large-col-5-4 { width: 79.33333%; } .oneo-no-sidebar .rs-column.-large-col-5-5, .page-footer .rs-column.-large-col-5-5 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-6-1, .page-footer .rs-column.-large-col-6-1 { width: 13.88889%; } .oneo-no-sidebar .rs-column.-large-col-6-2, .page-footer .rs-column.-large-col-6-2 { width: 31.11111%; } .oneo-no-sidebar .rs-column.-large-col-6-3, .page-footer .rs-column.-large-col-6-3 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-6-4, .page-footer .rs-column.-large-col-6-4 { width: 65.55556%; } .oneo-no-sidebar .rs-column.-large-col-6-5, .page-footer .rs-column.-large-col-6-5 { width: 82.77778%; } .oneo-no-sidebar .rs-column.-large-col-6-6, .page-footer .rs-column.-large-col-6-6 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-7-1, .page-footer .rs-column.-large-col-7-1 { width: 11.42857%; } .oneo-no-sidebar .rs-column.-large-col-7-2, .page-footer .rs-column.-large-col-7-2 { width: 26.19048%; } .oneo-no-sidebar .rs-column.-large-col-7-3, .page-footer .rs-column.-large-col-7-3 { width: 40.95238%; } .oneo-no-sidebar .rs-column.-large-col-7-4, .page-footer .rs-column.-large-col-7-4 { width: 55.71429%; } .oneo-no-sidebar .rs-column.-large-col-7-5, .page-footer .rs-column.-large-col-7-5 { width: 70.47619%; } .oneo-no-sidebar .rs-column.-large-col-7-6, .page-footer .rs-column.-large-col-7-6 { width: 85.2381%; } .oneo-no-sidebar .rs-column.-large-col-7-7, .page-footer .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 900px) { .rs-column, .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-top: 4.54545%; margin-right: 4.54545%; } .rs-column.-large-first, .oneo-no-sidebar .rs-column.-large-first, .page-footer .rs-column.-large-first { clear: none; } .rs-column.-large-last, .oneo-no-sidebar .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: 4.54545%; } .rs-column.-large-first-row, .oneo-no-sidebar .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 4.54545%; } .rs-column.-medium-first, .oneo-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .oneo-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .oneo-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .oneo-no-sidebar .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .oneo-no-sidebar .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: 47.72727%; } .rs-column.-medium-col-2-2, .oneo-no-sidebar .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .oneo-no-sidebar .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: 30.30303%; } .rs-column.-medium-col-3-2, .oneo-no-sidebar .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: 65.15152%; } .rs-column.-medium-col-3-3, .oneo-no-sidebar .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .oneo-no-sidebar .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: 21.59091%; } .rs-column.-medium-col-4-2, .oneo-no-sidebar .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: 47.72727%; } .rs-column.-medium-col-4-3, .oneo-no-sidebar .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: 73.86364%; } .rs-column.-medium-col-4-4, .oneo-no-sidebar .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .oneo-no-sidebar .rs-column.-medium-col-5-1, .page-footer .rs-column.-medium-col-5-1 { width: 16.36364%; } .rs-column.-medium-col-5-2, .oneo-no-sidebar .rs-column.-medium-col-5-2, .page-footer .rs-column.-medium-col-5-2 { width: 37.27273%; } .rs-column.-medium-col-5-3, .oneo-no-sidebar .rs-column.-medium-col-5-3, .page-footer .rs-column.-medium-col-5-3 { width: 58.18182%; } .rs-column.-medium-col-5-4, .oneo-no-sidebar .rs-column.-medium-col-5-4, .page-footer .rs-column.-medium-col-5-4 { width: 79.09091%; } .rs-column.-medium-col-5-5, .oneo-no-sidebar .rs-column.-medium-col-5-5, .page-footer .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .oneo-no-sidebar .rs-column.-medium-col-6-1, .page-footer .rs-column.-medium-col-6-1 { width: 12.87879%; } .rs-column.-medium-col-6-2, .oneo-no-sidebar .rs-column.-medium-col-6-2, .page-footer .rs-column.-medium-col-6-2 { width: 30.30303%; } .rs-column.-medium-col-6-3, .oneo-no-sidebar .rs-column.-medium-col-6-3, .page-footer .rs-column.-medium-col-6-3 { width: 47.72727%; } .rs-column.-medium-col-6-4, .oneo-no-sidebar .rs-column.-medium-col-6-4, .page-footer .rs-column.-medium-col-6-4 { width: 65.15152%; } .rs-column.-medium-col-6-5, .oneo-no-sidebar .rs-column.-medium-col-6-5, .page-footer .rs-column.-medium-col-6-5 { width: 82.57576%; } .rs-column.-medium-col-6-6, .oneo-no-sidebar .rs-column.-medium-col-6-6, .page-footer .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .oneo-no-sidebar .rs-column.-medium-col-7-1, .page-footer .rs-column.-medium-col-7-1 { width: 10.38961%; } .rs-column.-medium-col-7-2, .oneo-no-sidebar .rs-column.-medium-col-7-2, .page-footer .rs-column.-medium-col-7-2 { width: 25.32468%; } .rs-column.-medium-col-7-3, .oneo-no-sidebar .rs-column.-medium-col-7-3, .page-footer .rs-column.-medium-col-7-3 { width: 40.25974%; } .rs-column.-medium-col-7-4, .oneo-no-sidebar .rs-column.-medium-col-7-4, .page-footer .rs-column.-medium-col-7-4 { width: 55.19481%; } .rs-column.-medium-col-7-5, .oneo-no-sidebar .rs-column.-medium-col-7-5, .page-footer .rs-column.-medium-col-7-5 { width: 70.12987%; } .rs-column.-medium-col-7-6, .oneo-no-sidebar .rs-column.-medium-col-7-6, .page-footer .rs-column.-medium-col-7-6 { width: 85.06494%; } .rs-column.-medium-col-7-7, .oneo-no-sidebar .rs-column.-medium-col-7-7, .page-footer .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-right: 4.54545%; } .rs-column.-medium-first, .oneo-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .oneo-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: 4.54545%; } .rs-column.-medium-first-row, .oneo-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 4.54545%; } .rs-column.-small-first, .oneo-no-sidebar .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .oneo-no-sidebar .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .oneo-no-sidebar .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .oneo-no-sidebar .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .oneo-no-sidebar .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 47.72727%; } .rs-column.-small-col-2-2, .oneo-no-sidebar .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .oneo-no-sidebar .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 30.30303%; } .rs-column.-small-col-3-2, .oneo-no-sidebar .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 65.15152%; } .rs-column.-small-col-3-3, .oneo-no-sidebar .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .oneo-no-sidebar .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 21.59091%; } .rs-column.-small-col-4-2, .oneo-no-sidebar .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 47.72727%; } .rs-column.-small-col-4-3, .oneo-no-sidebar .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.86364%; } .rs-column.-small-col-4-4, .oneo-no-sidebar .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .oneo-no-sidebar .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 16.36364%; } .rs-column.-small-col-5-2, .oneo-no-sidebar .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 37.27273%; } .rs-column.-small-col-5-3, .oneo-no-sidebar .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 58.18182%; } .rs-column.-small-col-5-4, .oneo-no-sidebar .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 79.09091%; } .rs-column.-small-col-5-5, .oneo-no-sidebar .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .oneo-no-sidebar .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 12.87879%; } .rs-column.-small-col-6-2, .oneo-no-sidebar .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 30.30303%; } .rs-column.-small-col-6-3, .oneo-no-sidebar .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 47.72727%; } .rs-column.-small-col-6-4, .oneo-no-sidebar .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 65.15152%; } .rs-column.-small-col-6-5, .oneo-no-sidebar .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.57576%; } .rs-column.-small-col-6-6, .oneo-no-sidebar .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .oneo-no-sidebar .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 10.38961%; } .rs-column.-small-col-7-2, .oneo-no-sidebar .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 25.32468%; } .rs-column.-small-col-7-3, .oneo-no-sidebar .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 40.25974%; } .rs-column.-small-col-7-4, .oneo-no-sidebar .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 55.19481%; } .rs-column.-small-col-7-5, .oneo-no-sidebar .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 70.12987%; } .rs-column.-small-col-7-6, .oneo-no-sidebar .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 85.06494%; } .rs-column.-small-col-7-7, .oneo-no-sidebar .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } /* Resetting box model for moo_mediabox and j_colorbox */ #mbCenter, #colorbox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #004d9e; color: #ffffff; text-shadow: none !important; } ::-moz-selection { background: #004d9e; color: #ffffff; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #dcdcdc; background: #ffffff; } table th, table td { border: solid #f2f2f2; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.4em 0.66667em; font-weight: bold; text-align: left; } table td { padding: 0.4em 0.66667em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #004d9e; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.86667em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .-highlight-color a { color: #000205; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.26667em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .left { float: left; } .right { float: right; } .margin-top-none { margin-top: 0 !important; } @media screen and (max-width: 599px) { .margin-top-none { margin-top: 0 !important; } } .margin-right-none { margin-right: 0 !important; } @media screen and (max-width: 599px) { .margin-right-none { margin-right: 0 !important; } } .margin-bottom-none { margin-bottom: 0 !important; } @media screen and (max-width: 599px) { .margin-bottom-none { margin-bottom: 0 !important; } } .margin-left-none { margin-left: 0 !important; } @media screen and (max-width: 599px) { .margin-left-none { margin-left: 0 !important; } } .padding-top-none { padding-top: 0 !important; } @media screen and (max-width: 599px) { .padding-top-none { padding-top: 0 !important; } } .padding-right-none { padding-right: 0 !important; } @media screen and (max-width: 599px) { .padding-right-none { padding-right: 0 !important; } } .padding-bottom-none { padding-bottom: 0 !important; } @media screen and (max-width: 599px) { .padding-bottom-none { padding-bottom: 0 !important; } } .padding-left-none { padding-left: 0 !important; } @media screen and (max-width: 599px) { .padding-left-none { padding-left: 0 !important; } } .margin-top-xxs { margin-top: 10px !important; } @media screen and (max-width: 599px) { .margin-top-xxs { margin-top: 5px !important; } } .margin-right-xxs { margin-right: 10px !important; } @media screen and (max-width: 599px) { .margin-right-xxs { margin-right: 5px !important; } } .margin-bottom-xxs { margin-bottom: 10px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxs { margin-bottom: 5px !important; } } .margin-left-xxs { margin-left: 10px !important; } @media screen and (max-width: 599px) { .margin-left-xxs { margin-left: 5px !important; } } .padding-top-xxs { padding-top: 10px !important; } @media screen and (max-width: 599px) { .padding-top-xxs { padding-top: 5px !important; } } .padding-right-xxs { padding-right: 10px !important; } @media screen and (max-width: 599px) { .padding-right-xxs { padding-right: 5px !important; } } .padding-bottom-xxs { padding-bottom: 10px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxs { padding-bottom: 5px !important; } } .padding-left-xxs { padding-left: 10px !important; } @media screen and (max-width: 599px) { .padding-left-xxs { padding-left: 5px !important; } } .margin-top-xs { margin-top: 25px !important; } @media screen and (max-width: 599px) { .margin-top-xs { margin-top: 13px !important; } } .margin-right-xs { margin-right: 25px !important; } @media screen and (max-width: 599px) { .margin-right-xs { margin-right: 13px !important; } } .margin-bottom-xs { margin-bottom: 25px !important; } @media screen and (max-width: 599px) { .margin-bottom-xs { margin-bottom: 13px !important; } } .margin-left-xs { margin-left: 25px !important; } @media screen and (max-width: 599px) { .margin-left-xs { margin-left: 13px !important; } } .padding-top-xs { padding-top: 25px !important; } @media screen and (max-width: 599px) { .padding-top-xs { padding-top: 13px !important; } } .padding-right-xs { padding-right: 25px !important; } @media screen and (max-width: 599px) { .padding-right-xs { padding-right: 13px !important; } } .padding-bottom-xs { padding-bottom: 25px !important; } @media screen and (max-width: 599px) { .padding-bottom-xs { padding-bottom: 13px !important; } } .padding-left-xs { padding-left: 25px !important; } @media screen and (max-width: 599px) { .padding-left-xs { padding-left: 13px !important; } } .margin-top-s { margin-top: 50px !important; } @media screen and (max-width: 599px) { .margin-top-s { margin-top: 25px !important; } } .margin-right-s { margin-right: 50px !important; } @media screen and (max-width: 599px) { .margin-right-s { margin-right: 25px !important; } } .margin-bottom-s { margin-bottom: 50px !important; } @media screen and (max-width: 599px) { .margin-bottom-s { margin-bottom: 25px !important; } } .margin-left-s { margin-left: 50px !important; } @media screen and (max-width: 599px) { .margin-left-s { margin-left: 25px !important; } } .padding-top-s { padding-top: 50px !important; } @media screen and (max-width: 599px) { .padding-top-s { padding-top: 25px !important; } } .padding-right-s { padding-right: 50px !important; } @media screen and (max-width: 599px) { .padding-right-s { padding-right: 25px !important; } } .padding-bottom-s { padding-bottom: 50px !important; } @media screen and (max-width: 599px) { .padding-bottom-s { padding-bottom: 25px !important; } } .padding-left-s { padding-left: 50px !important; } @media screen and (max-width: 599px) { .padding-left-s { padding-left: 25px !important; } } .margin-top-m { margin-top: 75px !important; } @media screen and (max-width: 599px) { .margin-top-m { margin-top: 38px !important; } } .margin-right-m { margin-right: 75px !important; } @media screen and (max-width: 599px) { .margin-right-m { margin-right: 38px !important; } } .margin-bottom-m { margin-bottom: 75px !important; } @media screen and (max-width: 599px) { .margin-bottom-m { margin-bottom: 38px !important; } } .margin-left-m { margin-left: 75px !important; } @media screen and (max-width: 599px) { .margin-left-m { margin-left: 38px !important; } } .padding-top-m { padding-top: 75px !important; } @media screen and (max-width: 599px) { .padding-top-m { padding-top: 38px !important; } } .padding-right-m { padding-right: 75px !important; } @media screen and (max-width: 599px) { .padding-right-m { padding-right: 38px !important; } } .padding-bottom-m { padding-bottom: 75px !important; } @media screen and (max-width: 599px) { .padding-bottom-m { padding-bottom: 38px !important; } } .padding-left-m { padding-left: 75px !important; } @media screen and (max-width: 599px) { .padding-left-m { padding-left: 38px !important; } } .margin-top-l { margin-top: 100px !important; } @media screen and (max-width: 599px) { .margin-top-l { margin-top: 50px !important; } } .margin-right-l { margin-right: 100px !important; } @media screen and (max-width: 599px) { .margin-right-l { margin-right: 50px !important; } } .margin-bottom-l { margin-bottom: 100px !important; } @media screen and (max-width: 599px) { .margin-bottom-l { margin-bottom: 50px !important; } } .margin-left-l { margin-left: 100px !important; } @media screen and (max-width: 599px) { .margin-left-l { margin-left: 50px !important; } } .padding-top-l { padding-top: 100px !important; } @media screen and (max-width: 599px) { .padding-top-l { padding-top: 50px !important; } } .padding-right-l { padding-right: 100px !important; } @media screen and (max-width: 599px) { .padding-right-l { padding-right: 50px !important; } } .padding-bottom-l { padding-bottom: 100px !important; } @media screen and (max-width: 599px) { .padding-bottom-l { padding-bottom: 50px !important; } } .padding-left-l { padding-left: 100px !important; } @media screen and (max-width: 599px) { .padding-left-l { padding-left: 50px !important; } } .margin-top-xl { margin-top: 150px !important; } @media screen and (max-width: 599px) { .margin-top-xl { margin-top: 75px !important; } } .margin-right-xl { margin-right: 150px !important; } @media screen and (max-width: 599px) { .margin-right-xl { margin-right: 75px !important; } } .margin-bottom-xl { margin-bottom: 150px !important; } @media screen and (max-width: 599px) { .margin-bottom-xl { margin-bottom: 75px !important; } } .margin-left-xl { margin-left: 150px !important; } @media screen and (max-width: 599px) { .margin-left-xl { margin-left: 75px !important; } } .padding-top-xl { padding-top: 150px !important; } @media screen and (max-width: 599px) { .padding-top-xl { padding-top: 75px !important; } } .padding-right-xl { padding-right: 150px !important; } @media screen and (max-width: 599px) { .padding-right-xl { padding-right: 75px !important; } } .padding-bottom-xl { padding-bottom: 150px !important; } @media screen and (max-width: 599px) { .padding-bottom-xl { padding-bottom: 75px !important; } } .padding-left-xl { padding-left: 150px !important; } @media screen and (max-width: 599px) { .padding-left-xl { padding-left: 75px !important; } } .margin-top-xxl { margin-top: 200px !important; } @media screen and (max-width: 599px) { .margin-top-xxl { margin-top: 100px !important; } } .margin-right-xxl { margin-right: 200px !important; } @media screen and (max-width: 599px) { .margin-right-xxl { margin-right: 100px !important; } } .margin-bottom-xxl { margin-bottom: 200px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxl { margin-bottom: 100px !important; } } .margin-left-xxl { margin-left: 200px !important; } @media screen and (max-width: 599px) { .margin-left-xxl { margin-left: 100px !important; } } .padding-top-xxl { padding-top: 200px !important; } @media screen and (max-width: 599px) { .padding-top-xxl { padding-top: 100px !important; } } .padding-right-xxl { padding-right: 200px !important; } @media screen and (max-width: 599px) { .padding-right-xxl { padding-right: 100px !important; } } .padding-bottom-xxl { padding-bottom: 200px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxl { padding-bottom: 100px !important; } } .padding-left-xxl { padding-left: 200px !important; } @media screen and (max-width: 599px) { .padding-left-xxl { padding-left: 100px !important; } } .font-size-xxs { font-size: 0.6em !important; } @media screen and (max-width: 599px) { .font-size-xxs { font-size: 0.8em !important; } } .font-size-xs { font-size: 0.8em !important; } @media screen and (max-width: 599px) { .font-size-xs { font-size: 0.9em !important; } } .font-size-s { font-size: 0.9em !important; } @media screen and (max-width: 599px) { .font-size-s { font-size: 0.95em !important; } } .font-size-m { font-size: 1.2em !important; } @media screen and (max-width: 599px) { .font-size-m { font-size: 1.1em !important; } } .font-size-l { font-size: 1.5em !important; } @media screen and (max-width: 599px) { .font-size-l { font-size: 1.25em !important; } } .font-size-xl { font-size: 2em !important; } @media screen and (max-width: 599px) { .font-size-xl { font-size: 1.5em !important; } } .font-size-xxl { font-size: 2.5em !important; } @media screen and (max-width: 599px) { .font-size-xxl { font-size: 1.75em !important; } } .centered { display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; } .syndication { margin: 0.8em 0 0 1.33333em; float: right; } .syndication a { margin-left: 0.13333em; } .mime_icon { margin-bottom: -0.25em; } .download-element { padding-top: 0; padding-right: 0; padding-bottom: 0; } .ce_toplink, .toplink { overflow: hidden; margin: 1.6em 0; } .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.66667em; border-top: 1px solid #dcdcdc; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.4em 0; border: 0; border-top: 1px solid #dcdcdc; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #717c8e; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; clear: both; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.66667em 0 calc(-100% - 0.66667em); } .headline-hr:after { content: ""; margin: 0 calc(-100% - 0.66667em) 0 0.66667em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.53333em; width: 2em; margin: 0; background: #ffffff; } .icon-hr.-centered:before { width: 2.4em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .confirmation { color: #b5da44; } .information { color: #004d9e; } .warning { color: #df3763; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; overflow: hidden; margin: 1.66667em 0; padding: 1.06667em 6.25% 1.06667em 12.5%; border: 1px solid #dcdcdc; color: #8caf23; background: #ffffff; } @media screen and (max-width: 599px) { p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { padding-left: 4.26667em; } } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.6em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: -0.41667em; width: 2.5em; height: 2.5em; margin: -1.25em 0 0; padding: 0.66667em; border-radius: 100%; color: #ffffff; text-align: center; background: #b5da44; } p.information, div.information, span.information { color: #002852; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; background: #004d9e; } p.warning, div.warning, span.warning { color: #ae1c42; } p.warning:before, div.warning:before, span.warning:before { content: "\e143"; background: #df3763; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.14286em 0.42857em 0 0; padding: 0.39286em; font-size: 1.86667em; font-weight: bold; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; color: #ffffff; background: #004d9e; } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.26667em 0.8em 0 0 \9; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.35786; background-color: #f2f2f2; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.715; background-color: #f2f2f2; } pre .hljs, pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ .button-box { margin: 0.8em 0; } .button-box.-left { text-align: left; } .button-box.-right { text-align: right; } .button-box.-centered { text-align: center; } .button-box.-inline { display: inline; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary, .feature-box-link, .headline-box-link, .pricing-table-plan a, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 1.07143em 1.42857em; border: 0; outline: none; font-size: 0.93333em; letter-spacing: 0.1em; line-height: 1.42929; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #3685ab; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .main-navigation-search-form button:hover, .feature-box-link:hover, .headline-box-link:hover, .pricing-table-plan a:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .main-navigation-search-form button:focus, .feature-box-link:focus, .headline-box-link:focus, .pricing-table-plan a:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { background-color: #2a6784; text-decoration: none; } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .main-navigation-search-form button:active, .feature-box-link:active, .headline-box-link:active, .pricing-table-plan a:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-color: #307698; } button.-small.-secondary, .-small.button.-secondary, input.-small[type="submit"].-secondary, .main-navigation-search-form button.-small, .-small.feature-box-link, .-small.headline-box-link, .pricing-table-plan a.-small, button.-small, .button.-small, input[type="submit"].-small, input[type="reset"].-small, input[type="button"].-small { padding: 0.66667em 1em; font-size: 0.8em; line-height: 1.6675; } button.-medium.-secondary, .-medium.button.-secondary, input.-medium[type="submit"].-secondary, .main-navigation-search-form button.-medium, .-medium.feature-box-link, .-medium.headline-box-link, .pricing-table-plan a.-medium, button.-medium, .button.-medium, input[type="submit"].-medium, input[type="reset"].-medium, input[type="button"].-medium { padding: 0.75em 1em; font-size: 1.2em; line-height: 1.11167; } button.-large.-secondary, .-large.button.-secondary, input.-large[type="submit"].-secondary, .main-navigation-search-form button.-large, .-large.feature-box-link, .-large.headline-box-link, .pricing-table-plan a.-large, button.-large, .button.-large, input[type="submit"].-large, input[type="reset"].-large, input[type="button"].-large { padding: 0.71429em 0.95238em; font-size: 1.4em; line-height: 0.95286; } button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link, .-super-size.headline-box-link, .pricing-table-plan a.-super-size, button.-super-size, .button.-super-size, input[type="submit"].-super-size, input[type="reset"].-super-size, input[type="button"].-super-size { padding: 0.55556em 0.69444em; font-size: 2.4em; line-height: 1.00028; } @media screen and (max-width: 599px) { button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link, .-super-size.headline-box-link, .pricing-table-plan a.-super-size, button.-super-size, .button.-super-size, input[type="submit"].-super-size, input[type="reset"].-super-size, input[type="button"].-super-size { font-size: 1.86667em; } } .-highlight-color button.-secondary, .-highlight-color .button.-secondary, .-highlight-color input[type="submit"].-secondary, .-highlight-color .main-navigation-search-form button, .main-navigation-search-form .-highlight-color button, .-highlight-color .feature-box-link, .-highlight-color .headline-box-link, .-highlight-color .pricing-table-plan a, .pricing-table-plan .-highlight-color a, .-highlight-color button, .-highlight-color .button, .-highlight-color input[type="submit"], .-highlight-color input[type="reset"], .-highlight-color input[type="button"] { color: #ffffff; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.8em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary { padding: 0.92857em 1.28571em; border: 2px solid #242424; border-color: currentColor; color: inherit; background: transparent; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .main-navigation-search-form button:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, .pricing-table-plan a.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .main-navigation-search-form button:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus, .pricing-table-plan a.-secondary:focus { background-color: transparent; } button.-secondary:hover:after, .button.-secondary:hover:after, input[type="submit"].-secondary:hover:after, .main-navigation-search-form button:hover:after, .feature-box-link.-secondary:hover:after, .headline-box-link.-secondary:hover:after, .pricing-table-plan a.-secondary:hover:after, button.-secondary:focus:after, .button.-secondary:focus:after, input[type="submit"].-secondary:focus:after, .main-navigation-search-form button:focus:after, .feature-box-link.-secondary:focus:after, .headline-box-link.-secondary:focus:after, .pricing-table-plan a.-secondary:focus:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.2; } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .main-navigation-search-form button:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active, .pricing-table-plan a.-secondary:active { background-color: transparent; } button.-secondary:active:after, .button.-secondary:active:after, input[type="submit"].-secondary:active:after, .main-navigation-search-form button:active:after, .feature-box-link.-secondary:active:after, .headline-box-link.-secondary:active:after, .pricing-table-plan a.-secondary:active:after { opacity: 0.1; } button.-large.-secondary, .-large.button.-secondary, input.-large[type="submit"].-secondary, .main-navigation-search-form button.-large, .-large.feature-box-link.-secondary, .-large.headline-box-link.-secondary, .pricing-table-plan a.-large.-secondary, button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link.-secondary, .-super-size.headline-box-link.-secondary, .pricing-table-plan a.-super-size.-secondary { border-width: 3px; } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary { padding: 0; font-size: 1.6em; letter-spacing: normal; text-align: left; text-transform: none; background: none; color: #004d9e; } button.-small.-tertiary, .-small.button.-tertiary, input.-small[type="submit"].-tertiary { font-size: 0.93333em; line-height: 1.42929; } button.-medium.-tertiary, .-medium.button.-tertiary, input.-medium[type="submit"].-tertiary { font-size: 1.2em; line-height: 1.11167; } button.-large.-tertiary, .-large.button.-tertiary, input.-large[type="submit"].-tertiary { font-size: 1.4em; line-height: 0.95286; } button.-super-size.-tertiary, .-super-size.button.-tertiary, input.-super-size[type="submit"].-tertiary { font-size: 2.4em; line-height: 1.00028; } button.-tertiary:before, .button.-tertiary:before, input[type="submit"].-tertiary:before { top: -2px; font-size: 60%; } .-color-inverted button.-tertiary, .-color-inverted .button.-tertiary, .-color-inverted input[type="submit"].-tertiary { color: #ffffff; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus { color: #09427f; } /* =========================================== * Wrapper Elements * ======================================== */ .content-wrapper { max-width: 1280px; margin-right: auto; margin-left: auto; } .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1280px) { .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 93.75%; width: var(--page-inner-width); max-width: none; margin-right: 0; margin-left: 3.125%; margin-left: var(--page-padding-left); } } @media screen and (max-width: 900px) { .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 91.66667%; width: var(--page-inner-width); margin-left: 4.16667%; margin-left: var(--page-padding-left); } } .page { zoom: 1; position: relative; margin: 0 auto; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); background: #ffffff; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .oneo-boxed .page { max-width: 1280px; border: solid #dcdcdc; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1280px) { .page { } .oneo-boxed .page { border: 0; box-shadow: none; } } .oneo-not-boxed .page { max-width: none; border: 0; box-shadow: none; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .header-navigation { position: relative; z-index: 5; } .header-navigation.is-fixed { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .oneo-boxed .header-navigation.is-fixed { left: auto; margin-left: -1px; max-width: 1280px; } .main-navigation-wrapper { zoom: 1; position: relative; border: solid #dcdcdc; border-width: 1px 0; background: #ffffff; } .main-navigation-wrapper:before { content: ""; display: table; } .main-navigation-wrapper:after { content: ""; display: table; clear: both; } .logo { position: absolute; top: 25%; bottom: 25%; left: 2.6666em; left: calc(2.6666em + var(--safe-area-left)); margin: 0; font-size: inherit; } @media screen and (max-width: 900px) { .logo { position: static; float: left; margin-left: 4.16667%; margin-left: var(--page-padding-left); padding-top: 1.6em; padding-bottom: 0.4em; } } @media screen and (max-width: 599px) { .logo { float: none; text-align: center; margin-left: 0; padding-top: 0.8em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 900px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 900px) { .logo img { display: inline; height: 2em; } } @media screen and (max-width: 599px) { .logo img { height: 2em; } } .main-navigation { float: right; padding-right: 1.46667em; } @media screen and (max-width: 1280px) { .main-navigation { padding-right: 0.8em; } } @media screen and (max-width: 900px) { .main-navigation { zoom: 1; position: relative; float: none; clear: both; padding-left: 1.46667em; padding-left: calc(1.46667em + var(--safe-area-left)); } .main-navigation:before { content: ""; display: table; } .main-navigation:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; margin-left: 2em; } @media screen and (max-width: 1280px) { .main-navigation > ul > li { margin-left: 0; } } .main-navigation > ul > li:before { /* disable icons */ content: none; display: none; } .main-navigation > ul > li.-mega { position: static; } .main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { z-index: 1; position: relative; float: left; padding: 0.61538em 1.07692em 0.53846em; border: solid transparent; border-width: 0.84615em 0; font-size: 0.86667em; line-height: 1.61615; font-weight: bold; letter-spacing: 0.1em; color: #242424; text-transform: uppercase; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; } .main-navigation > ul > li > a.highlight, .main-navigation > ul > li > strong.highlight, .main-navigation > ul > li > span.active.highlight, .main-navigation > ul > li > span.trail.highlight, .main-navigation > ul > li > span.forward.highlight { color: #004d9e; } .main-navigation > ul > li > a.highlight:after, .main-navigation > ul > li > strong.highlight:after, .main-navigation > ul > li > span.active.highlight:after, .main-navigation > ul > li > span.trail.highlight:after, .main-navigation > ul > li > span.forward.highlight:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; border: 2px solid #004d9e; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus, .main-navigation > ul > li > strong:hover, .main-navigation > ul > li > strong:focus, .main-navigation > ul > li > span.active:hover, .main-navigation > ul > li > span.active:focus, .main-navigation > ul > li > span.trail:hover, .main-navigation > ul > li > span.trail:focus, .main-navigation > ul > li > span.forward:hover, .main-navigation > ul > li > span.forward:focus { color: #004d9e; text-decoration: none; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li > strong.active, .main-navigation > ul > li > strong.trail, .main-navigation > ul > li > strong.forward, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { color: #004d9e; } .main-navigation > ul > li > a.active:not(.highlight):after, .main-navigation > ul > li > a.trail:not(.highlight):after, .main-navigation > ul > li > a.forward:not(.highlight):after, .main-navigation > ul > li > strong.active:not(.highlight):after, .main-navigation > ul > li > strong.trail:not(.highlight):after, .main-navigation > ul > li > strong.forward:not(.highlight):after, .main-navigation > ul > li > span.active:not(.highlight):after, .main-navigation > ul > li > span.trail:not(.highlight):after, .main-navigation > ul > li > span.forward:not(.highlight):after { content: ""; position: absolute; bottom: -0.92308em; left: 50%; display: block; width: 0.84615em; height: 0.84615em; margin-left: -0.61538em; border: solid #dcdcdc; border-width: 0 1px 1px 0; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .main-navigation > ul > li > ul { position: absolute; top: 100%; left: 0; display: block; overflow: hidden; max-height: 0; min-width: 100%; padding: 0; border: 1px solid #dcdcdc; background: #ffffff; opacity: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; } .header-navigation.is-bottom .main-navigation > ul > li > ul { top: auto; bottom: 100%; } .main-navigation > ul > li > ul li { position: relative; display: block; padding: 0; border-top: 1px solid #dcdcdc; white-space: nowrap; } .main-navigation > ul > li > ul li:first-child { border-top: 0; } .main-navigation > ul > li > ul li li { border: 0; } .main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.85714em; left: 1em; z-index: 1; font-size: 0.93333em; } .main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] strong, .main-navigation > ul > li > ul li[data-icon] span.active, .main-navigation > ul > li > ul li[data-icon] span.trail, .main-navigation > ul > li > ul li[data-icon] span.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] strong, .main-navigation > ul > li > ul li[class^="icon-"] span.active, .main-navigation > ul > li > ul li[class^="icon-"] span.trail, .main-navigation > ul > li > ul li[class^="icon-"] span.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] strong, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward { padding-left: 2.42857em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul strong, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { position: relative; display: block; padding: 0.57143em 0.85714em; margin: 0; font-size: 0.93333em; font-weight: inherit; } .main-navigation > ul > li > ul a:before, .main-navigation > ul > li > ul strong:before, .main-navigation > ul > li > ul span.active:before, .main-navigation > ul > li > ul span.trail:before, .main-navigation > ul > li > ul span.forward:before { /* disable icons */ content: none; display: none; } .main-navigation > ul > li > ul a { color: #242424; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-navigation > ul > li > ul a:hover { text-decoration: none; color: #004d9e; background-color: #f2f2f2; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .main-navigation > ul > li > ul a.active, .main-navigation > ul > li > ul a.trail, .main-navigation > ul > li > ul a.forward, .main-navigation > ul > li > ul strong.active, .main-navigation > ul > li > ul strong.trail, .main-navigation > ul > li > ul strong.forward, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { color: #717c8e; } .main-navigation > ul > li > ul ul { display: block; padding-left: 0.66667em; } .main-navigation > ul > li:hover { z-index: 2; } .main-navigation > ul > li:hover:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 0.66667em; } .main-navigation > ul > li:hover > ul { z-index: 1; max-height: 9999px; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > strong, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { z-index: 2; } .main-navigation > ul > li.submenu:hover > a:after, .main-navigation > ul > li.submenu:hover > strong:after, .main-navigation > ul > li.submenu:hover > span.active:after, .main-navigation > ul > li.submenu:hover > span.trail:after, .main-navigation > ul > li.submenu:hover > span.forward:after { content: ""; position: absolute; top: -0.23077em; right: 0; bottom: -0.92308em; left: 0; width: auto; height: auto; margin-left: 0; border: 0; border-top: 4px solid #004d9e; border-radius: 2px 2px 0 0; box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #dcdcdc, inset -1px 0 #dcdcdc, inset 0 -10px #ffffff; background: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > a:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > strong:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.active:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.trail:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.forward:after { top: -0.92308em; bottom: -0.46154em; border-top: 0; border-bottom: 4px solid #004d9e; border-radius: 0 0 2px 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #dcdcdc, inset -1px 0 #dcdcdc, inset 0 10px #ffffff; } .main-navigation > ul > li.last > ul { left: auto; right: 0; } .mega-dropdown { position: absolute; top: 100%; left: 0; display: block; width: 100%; max-height: 0; padding: 0; overflow: hidden; border: solid #dcdcdc; border-width: 1px 0; background: #ffffff; opacity: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 900px) { .mega-dropdown { background-image: none !important; } } .header-navigation.is-bottom .mega-dropdown { top: auto; bottom: 100%; } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.57143em 0; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .mega-dropdown .rsts-nav { pointer-events: none; } .mega-dropdown .rsts-nav-prev, .mega-dropdown .rsts-nav-next, .mega-dropdown .rsts-nav-item { pointer-events: auto; } .mega-dropdown-column h1, .mega-dropdown-column h2, .mega-dropdown-column h3 { margin: 0 0 0.71429em; font-size: inherit; font-weight: bold; color: #004d9e; } .mega-dropdown-column h1 a, .mega-dropdown-column h2 a, .mega-dropdown-column h3 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #242424; } .mega-dropdown-column ul a:before { content: none; } .mega-dropdown-column ul a:hover { color: #004d9e; } .mega-dropdown-column ul a.active, .mega-dropdown-column ul a.trail, .mega-dropdown-column ul a.forward { font-weight: bold; } .mega-dropdown-column li li { margin-left: 1.57143em; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { float: right; margin-right: var(--safe-area-right); } @media screen and (max-width: 599px) { .main-navigation-search { position: absolute; top: 50%; right: 0; margin-top: -1.93333em; } } .main-navigation-search > a { display: block; overflow: hidden; margin-right: 0.66667em; padding: 1.26667em 0 1.2em; line-height: 0; color: #242424; text-decoration: none; text-indent: -99em; } @media screen and (max-width: 1280px) { .main-navigation-search > a { margin-right: 0; } } @media screen and (max-width: 900px) { .main-navigation-search > a { margin-top: 0.66667em; } } @media screen and (max-width: 900px) { .main-navigation-search > a { margin-top: 0; margin-right: 0; } } .main-navigation-search > a:hover, .main-navigation-search > a:focus { color: #004d9e; } .main-navigation-search > a:after { font: 1.4em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0 1.42857em; border-left: 1px solid #242424; text-indent: 0; } @media screen and (max-width: 900px) { .main-navigation-search > a:after { border-left: 0; } } .main-navigation-search form { display: none; } .main-navigation-search-form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: 100; color: #ffffff; text-align: center; background: #004d9e; background: rgba(0, 77, 158, 0.9); } .main-navigation-search-form.is-active, .main-navigation-search-form.is-pre-active { display: block; } .main-navigation-search-form.is-pre-active { opacity: 0; } .main-navigation-search-form.is-active { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .main-navigation-search-form:before { content: ""; display: block; height: 50%; margin-bottom: -6.66667em; } .main-navigation-search-form label { display: block; font-size: 2.4em; } @media screen and (max-width: 599px) { .main-navigation-search-form label { font-size: 1.86667em; } } .main-navigation-search-form input, .main-navigation-search-form input:hover, .main-navigation-search-form input:focus { display: block; margin: 0.33333em auto; padding: 0; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; font-size: 2.4em; color: inherit; text-align: center; background: none; box-shadow: none; } @media screen and (max-width: 599px) { .main-navigation-search-form input, .main-navigation-search-form input:hover, .main-navigation-search-form input:focus { width: 80%; font-size: 1.86667em; } } .main-navigation-search-close { position: absolute; top: 0; right: 0; overflow: hidden; padding: 2em; padding-top: calc(2em + var(--safe-area-top)); padding-right: calc(2em + var(--safe-area-right)); color: inherit; line-height: 0; text-indent: -99em; } .main-navigation-search-close:hover, .main-navigation-search-close:focus { text-decoration: none; } .main-navigation-search-close:after { font: 2.8em/1 "RockSolid Icons"; content: "\e14a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-indent: 0; } .secondary-navigation-wrapper { zoom: 1; background: #f2f2f2; } .secondary-navigation-wrapper:before { content: ""; display: table; } .secondary-navigation-wrapper:after { content: ""; display: table; clear: both; } .secondary-navigation { padding: 0 1em; padding-right: calc(1em + var(--safe-area-right)); padding-left: calc(1em + var(--safe-area-left)); font-size: 0.86667em; text-align: center; } @media screen and (max-width: 900px) { .secondary-navigation { text-align: left; padding-right: 2em; padding-right: calc(2em + var(--safe-area-right)); padding-left: 2em; padding-left: calc(2em + var(--safe-area-left)); } } @media screen and (max-width: 599px) { .secondary-navigation { display: none; } } .secondary-navigation ul { margin: 0; padding: 0; } .secondary-navigation li { position: relative; display: inline-block; } .secondary-navigation li:before { /* disable icons */ content: none; display: none; } .secondary-navigation li.-mega { position: static; } .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { position: relative; display: block; padding: 1.15385em 1.85em; letter-spacing: 0.075em; white-space: nowrap; color: #242424; text-transform: uppercase; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; } @media screen and (max-width: 1280px) { .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { padding-right: 1em; padding-left: 1em; } } @media screen and (max-width: 900px) { .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { padding-right: 0.76923em; padding-left: 0.76923em; } } .secondary-navigation li > a:before, .secondary-navigation li > strong:before, .secondary-navigation li > span.active:before, .secondary-navigation li > span.trail:before, .secondary-navigation li > span.forward:before { margin-right: 0.69231em; } .secondary-navigation li > a:hover, .secondary-navigation li > a:focus { color: #004d9e; text-decoration: none; } .secondary-navigation li > a.active, .secondary-navigation li > a.trail, .secondary-navigation li > a.forward, .secondary-navigation li > strong.active, .secondary-navigation li > strong.trail, .secondary-navigation li > strong.forward, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { background-color: #004d9e; color: #ffffff; } .main-navigation-mobile-open { position: absolute; top: 41px; left: 6.66667%; left: calc(6.66667% + var(--safe-area-left)); width: 44px; height: 39px; margin: -19px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #242424; box-shadow: 0 7px #242424, 0 14px #242424; } @media screen and (max-width: 599px) { .main-navigation-mobile-open { display: block; } } .main-navigation-wrapper .main-navigation-mobile-open { top: 50%; } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); padding-left: var(--safe-area-left); border-top: 1px solid #000000; color: #ffffff; background: #242424; } @media screen and (max-width: 599px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } @media screen and (max-width: 599px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #242424; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile li:before { content: none; } .main-navigation-mobile a, .main-navigation-mobile strong, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { display: block; padding: 0.64286em 0.92857em 0.57143em; border-bottom: 1px solid #000000; color: inherit; background-color: #242424; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:before, .main-navigation-mobile strong:before, .main-navigation-mobile span.active:before, .main-navigation-mobile span.trail:before, .main-navigation-mobile span.forward:before { margin-right: 0.42857em; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong:hover, .main-navigation-mobile strong:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile span.forward:hover, .main-navigation-mobile span.forward:focus { outline: none; text-decoration: none; background-color: #171717; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile strong.active, .main-navigation-mobile span.active { background-color: #383838; box-shadow: inset 0 0 5px #242424; } .main-navigation-mobile li li { color: #bfbfbf; } .main-navigation-mobile li li a, .main-navigation-mobile li li strong, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail, .main-navigation-mobile li li span.forward { padding-left: 1.85714em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li strong, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail, .main-navigation-mobile li li li span.forward { padding-left: 2.78571em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li strong, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail, .main-navigation-mobile li li li li span.forward { padding-left: 3.71429em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li strong, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail, .main-navigation-mobile li li li li li span.forward { padding-left: 4.64286em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0.21429em; right: 0; overflow: hidden; margin: 0; padding: 0.57143em 0.92857em; border: solid transparent; border-width: 0.21429em 0; box-shadow: inset 1px 0 #1f1f1f; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .main-navigation-mobile-search { position: relative; margin: 5%; } .main-navigation-mobile-search a, .main-navigation-mobile-search label { display: none; } .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { width: 100%; border: 1px solid #000000; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .main-navigation-mobile-search button { position: absolute; top: 0.07143em; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-mobile-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons { margin: 1em 0; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: inline; padding: 0; } .main-navigation-mobile-icons.main-navigation-mobile-icons a { display: inline-block; width: 2.85714em; height: 2.85714em; overflow: hidden; padding: 0; border: 0; box-shadow: none; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:before { font-size: 1.28571em; line-height: 2.22278; margin: 0 0 100%; color: #ffffff !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1280px) { .content-wrapper { padding-right: var(--safe-area-right); padding-left: var(--safe-area-left); } } .tagline + .content-wrapper { position: relative; margin-top: -2em; border-radius: 2px 2px 0 0; background: #ffffff; } @media screen and (max-width: 1280px) { .tagline + .content-wrapper { border-radius: 0; } } @media screen and (max-width: 599px) { .tagline + .content-wrapper { margin-top: 0; } } .oneo-fullwidth .content-wrapper { max-width: none; margin-top: 0; padding-right: 0; padding-left: 0; border-radius: 0; } .centered-wrapper { zoom: 1; position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper:before { content: ""; display: table; } .centered-wrapper:after { content: ""; display: table; clear: both; } .centered-wrapper.-vertical-centered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .centered-wrapper.-border-top { border-top: 1px solid #dcdcdc; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #dcdcdc; } .centered-wrapper.-color-inverted { color: #ffffff; } .centered-wrapper.-highlight-color { background-color: #004d9e; } .centered-wrapper.-background-color-1 { background-color: #353d47; } .centered-wrapper.-background-color-2 { background-color: #f5f5f5; } .centered-wrapper.-height-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-small { min-height: 200px; } } .centered-wrapper.-height-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-medium { min-height: 400px; } } .centered-wrapper.-height-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-large { min-height: 600px; } } .centered-wrapper.-viewport-height { min-height: 710px; min-height: calc(100vh - 3.86667em); } @media screen and (max-width: 900px) { .centered-wrapper.-viewport-height { min-height: 100vh; } } @media screen and (max-width: 599px) { .centered-wrapper.-viewport-height { min-height: 500px; min-height: 100vh; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper.-fade-in.not-in-view { opacity: 0; } .centered-wrapper.-fade-in.in-view { -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-background-2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { width: 100%; max-width: none; margin: 0; } .centered-wrapper-inner.-fullwidth-padded { max-width: none; padding-right: 2.66667em; padding-right: var(--page-padding-right); padding-left: 2.66667em; padding-left: var(--page-padding-left); } @media screen and (max-width: 1280px) { .centered-wrapper-inner.-fullwidth-padded { padding-right: 0; padding-left: 0; } } @media screen and (max-width: 900px) { .centered-wrapper.-no-background-tablet > .centered-wrapper-background, .centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 { display: none; } } @media screen and (max-width: 599px) { .centered-wrapper.-no-background-mobile > .centered-wrapper-background, .centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 { display: none; } } /* =========================================== * Content * ======================================== */ h1, h2 { line-height: 1.3; } h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .main-content { float: right; width: 68.75%; margin: 1.6em 6.25% 4em 0; } @media screen and (max-width: 900px) { .main-content { float: none; width: auto; margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-no-sidebar .main-content { float: none; width: auto; margin-left: 6.25%; margin-right: 6.25%; } @media screen and (max-width: 900px) { .oneo-no-sidebar .main-content { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 6.25%; } @media screen and (max-width: 900px) { .oneo-sidebar-right .main-content { float: none; margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-3-columns .main-content { width: 50%; margin-right: 25%; } @media screen and (max-width: 900px) { .oneo-3-columns .main-content { float: none; width: auto; margin-right: 4.16667%; } } .oneo-fullwidth .main-content { margin: 0; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.8em; margin-bottom: 1.6em; } .main-content p > span[style] { padding: 0 0.2em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 1em; margin-bottom: 0.3em; } .main-content h1 { font-size: 1.86667em; color: #242424; } .main-content .-color-inverted h1 { color: #ffffff; } .main-content h2, .main-content h3, .main-content h4 { font-weight: normal; } .main-content h2 { font-size: 1.6em; color: #242424; } .main-content .-color-inverted h2 { color: #dcdcdc; } .main-content h3 { font-size: 1.4em; } .main-content h4 { font-size: 1.2em; } .main-content h5, .main-content h6 { text-transform: uppercase; } .main-content h5 { font-size: 1em; } .main-content h6 { font-size: 1em; color: #98a0ab; } .-color-inverted .main-content h6 { color: #dcdcdc; } .main-content ul, .main-content ol { padding-left: 1.46667em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { float: left; left: -1.46667em; top: 0.33333em; margin-right: 0; width: 0; color: #004d9e; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.33333em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { padding-left: 1.6em; list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.28571em 0 1.28571em 1.90476em; font-size: 1.4em; line-height: 1.52429; color: #98a0ab; } .-color-inverted .main-content blockquote { color: #dcdcdc; } @media screen and (max-width: 599px) { .main-content blockquote { margin-left: 12.5%; } } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { display: block; font-size: 0.7619em; line-height: 1.6; font-style: normal; } .main-content blockquote:before { content: "\201c"; float: left; margin-left: -0.8em; font-size: 2.38095em; line-height: 1; color: #004d9e; } @media screen and (max-width: 599px) { .main-content blockquote:before { margin-left: -12.5%; } } .main-content img { max-width: 100%; height: auto; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { margin: 24px 0; } .main-content .main-slider { margin: 0; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .widget { position: relative; clear: both; } form .widget b.error, form p.error { display: block; margin: 0; color: #df3763; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid #dcdcdc; border-bottom-color: #cfcfcf; font-size: 0.93333em; color: inherit; background: #ffffff; } .valid input, .valid textarea { border-color: #b5da44; } .invalid input, input.error, .invalid textarea, textarea.error { border-color: #df3763; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #98a0ab; } input:-moz-placeholder, textarea:-moz-placeholder { color: #98a0ab; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #98a0ab; } input::placeholder, textarea::placeholder { color: #98a0ab; } input:hover, textarea:hover { border-color: #cfcfcf #cfcfcf #c5c5c5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #004d9e; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #dcdcdc \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.2em; } textarea { height: 223px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.2em 0; border: 1px solid #dcdcdc; } fieldset legend { padding: 0 0.33333em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .widget { margin-top: 1.2em; margin-bottom: 1.2em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.93333em; color: #98a0ab; } .-color-inverted .main-content label { color: #dcdcdc; } .main-content label .mandatory { margin-left: 0.14286em; color: #004d9e; } .main-content input[type="checkbox"] + label { display: inline; } .main-content fieldset p { margin: 0; } .main-content fieldset label { display: inline; margin: 0; } .main-content fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 75%; } @media screen and (max-width: 599px) { .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } } .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content input[type="submit"] { width: 100%; } } .fullwidth-form input, .fullwidth-form textarea, .fullwidth-form select, .fullwidth-form fieldset { width: 100%; } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.93333em; margin: -0.85714em 0 1.71429em; color: #98a0ab; } .-color-inverted .explanation { color: #dcdcdc; } .captcha_text { display: block; } label .captcha_text { display: inline; } .sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form fieldset, .sidebar form button { width: 100%; } .sidebar form label { display: block; margin-bottom: 0.3125em; font-size: 1.06667em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; } /* =========================================== * Content elements * ======================================== */ .image_container { position: relative; display: inline-block; vertical-align: top; max-width: 100%; } .image_container.float_above { margin-top: 1.6em; } .image_container.float_below { margin-bottom: 1.6em; } .image_container img { display: block; width: 100%; height: auto; } .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 77, 158, 0.6); } .image_container a:hover:after, .image_container a:focus:after { font: 1.6em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 1; margin: -0.5em; color: #ffffff; } .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.93333em; color: #98a0ab; } .image_container.float_right, .image_container.float_left { float: right; width: 31.25% !important; margin: 0.53333em 0 1.06667em 6.25%; } @media screen and (max-width: 599px) { .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin: 0.53333em 0 1.06667em 3.33333%; width: 16.66667% !important; } @media screen and (max-width: 900px) { .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin-left: 6.25%; width: 31.25% !important; } } @media screen and (max-width: 599px) { .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .image_container.float_right, .oneo-no-sidebar .no-resize .image_container.float_right, .image_container.float_right.no-resize, .oneo-no-sidebar .image_container.float_right.no-resize, .no-resize .image_container.float_left, .oneo-no-sidebar .no-resize .image_container.float_left, .image_container.float_left.no-resize, .oneo-no-sidebar .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 0.53333em 6.25% 1.06667em 0; } @media screen and (max-width: 599px) { .image_container.float_left { margin-right: 0; } } .oneo-no-sidebar .image_container.float_left { margin: 0.53333em 3.84615% 1.06667em 0; } @media screen and (max-width: 900px) { .oneo-no-sidebar .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 599px) { .oneo-no-sidebar .image_container.float_left { margin-right: 0; } } .no-resize .image_container:not(.float_right):not(.float_left) img, .image_container:not(.float_right):not(.float_left).no-resize img { width: auto; max-width: 100%; } .ce_youtube-wrapper, .ce_vimeo-wrapper { position: relative; margin: 1.6em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_vimeo-wrapper iframe, .ce_vimeo-wrapper object, .ce_vimeo-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs__video:not(.mejs__container-fullscreen) video { object-fit: cover; } .mejs__video button, .mejs__audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; background-color: transparent; } .video_container video, .audio_container audio { display: block; width: 100%; } .video_container video { height: auto; } .video_container { margin: 1.6em 0; } .video_container iframe { border: 0; } .video_container .responsive { position: relative; padding-bottom: 56.25%; } .video_container .responsive.ratio-169 { padding-bottom: 56.25%; } .video_container .responsive.ratio-1610 { padding-bottom: 62.5%; } .video_container .responsive.ratio-219 { padding-bottom: 42.85714%; } .video_container .responsive.ratio-43 { padding-bottom: 75%; } .video_container .responsive.ratio-32 { padding-bottom: 66.66667%; } .video_container .responsive iframe, .video_container .responsive img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .ce_gallery > ul.cols_1 > li { width: 100%; } .ce_gallery > ul.cols_2 > li { width: 49.25%; } .ce_gallery > ul.cols_3 > li { width: 32.33333%; } .ce_gallery > ul.cols_4 > li { width: 23.875%; } .ce_gallery > ul.cols_5 > li { width: 18.8%; } .ce_gallery > ul.cols_6 > li { width: 15.41667%; } .ce_gallery > ul.cols_7 > li { width: 13%; } .ce_gallery > ul.cols_8 > li { width: 11.1875%; } .ce_gallery > ul.cols_9 > li { width: 9.77778%; } .ce_gallery > ul.cols_10 > li { width: 8.65%; } .ce_gallery > ul.cols_11 > li { width: 7.72727%; } .ce_gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 599px) { .ce_gallery.ce_gallery > ul > li { /* doubled class for specificity */ width: auto; } } .ce_gallery.no-resize > ul > li { width: auto; } .main-content .ce_gallery { margin: 1.6em 0; } .ce_gallery > ul { zoom: 1; margin: 0 !important; padding: 0 0 1.5% 0 !important; list-style: none !important; } .ce_gallery > ul:before { content: ""; display: table; } .ce_gallery > ul:after { content: ""; display: table; clear: both; } .ce_gallery > ul > li { float: left; width: 23.875%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li { margin-left: 0; margin-right: 1.5%; } } .ce_gallery > ul > li.col_first { clear: left; margin-left: 0; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_first { clear: none; } } .ce_gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_last { margin-right: 1.5%; } } .ce_gallery > ul > li > .image_container { display: block; width: 100%; } .ce_gallery img { width: 100%; height: auto; } .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 1.8em 0; padding: 1.33333em 2em; border: 1px solid #dcdcdc; } .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .sidebar .enclosure h1, .sidebar .enclosure h2, .sidebar .enclosure h3, .sidebar .enclosure h4, .sidebar .enclosure h5, .sidebar .enclosure h6, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6, .sidebar .ce_downloads h1, .sidebar .ce_downloads h2, .sidebar .ce_downloads h3, .sidebar .ce_downloads h4, .sidebar .ce_downloads h5, .sidebar .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; font-size: 0.8em; font-weight: bold; letter-spacing: 0.08333em; color: #ffffff; text-transform: uppercase; background: #242424; } .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .sidebar .enclosure h1:before, .sidebar .enclosure h2:before, .sidebar .enclosure h3:before, .sidebar .enclosure h4:before, .sidebar .enclosure h5:before, .sidebar .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .sidebar .ce_downloads h1:before, .sidebar .ce_downloads h2:before, .sidebar .ce_downloads h3:before, .sidebar .ce_downloads h4:before, .sidebar .ce_downloads h5:before, .sidebar .ce_downloads h6:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .enclosure ul, .enclosure p, .sidebar .enclosure ul, .sidebar .enclosure p, .ce_downloads ul, .ce_downloads p, .sidebar .ce_downloads ul, .sidebar .ce_downloads p { margin: 0; padding: 0; list-style: none; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 0.75em; left: 1em; z-index: 1; font-size: 1.33333em; color: #98a0ab; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.33333em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.73333em 2.66667em 0.86667em 1.33333em; border: 1px solid #dcdcdc; outline: none; font-weight: bold; cursor: pointer; color: #98a0ab; background: #ffffff; } .ce_accordion .toggler:after { font: 0.86667em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .ce_accordion .toggler:hover { color: #004d9e; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "\2212"; } .ce_accordion .accordion { zoom: 1; position: relative; overflow: hidden; /* collapse borders */ margin-bottom: -2px; padding: 0.06667em 1.33333em; border: 1px solid #dcdcdc; border-top-color: #ededed; background: #f2f2f2; } .ce_accordion .accordion:before { content: ""; display: table; } .ce_accordion .accordion:after { content: ""; display: table; clear: both; } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } @media screen and (max-width: 599px) { .feature-box.-vertical-centered { display: flex; flex-direction: column; justify-content: center; } } .feature-box.-small { min-height: 300px; } .feature-box.-small.-vertical-centered { height: 300px; } @media screen and (max-width: 599px) { .feature-box.-small { min-height: 200px; } .feature-box.-small.-vertical-centered { height: auto; } } .feature-box.-medium { min-height: 600px; } .feature-box.-medium.-vertical-centered { height: 600px; } @media screen and (max-width: 599px) { .feature-box.-medium { min-height: 400px; } .feature-box.-medium.-vertical-centered { height: auto; } } .feature-box.-large { min-height: 900px; } .feature-box.-large.-vertical-centered { height: 900px; } @media screen and (max-width: 599px) { .feature-box.-large { min-height: 600px; } .feature-box.-large.-vertical-centered { height: auto; } } .feature-box-text { position: relative; z-index: 1; margin: 6.66667em 46.66667% 6.66667em 0; color: #98a0ab; } @media screen and (max-width: 900px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 599px) { .feature-box-text { margin: 2.4em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 46.66667%; } @media screen and (max-width: 900px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 599px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16.66667%; margin-left: 16.66667%; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.4em; } @media screen and (max-width: 599px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.66667%; margin: 0; padding: 4.8em 3.33333% 4.8em 0; } @media screen and (max-width: 900px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 3.33333%; } @media screen and (max-width: 599px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 900px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-vertical-centered.-large-image > .feature-box-text { width: 40%; } @media screen and (max-width: 900px) { .-vertical-centered.-large-image > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered.-large-image > .feature-box-text { width: auto; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: #ffffff; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { margin: 0; color: #242424; font-size: 1.86667em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.2em; } } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.86667em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 3.2em; } @media screen and (max-width: 599px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.4em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.2em; } } .feature-box-text h1 + a, .feature-box-text h2 + a, .feature-box-text h3 + a { margin-top: 1.6em; } .-color-inverted .feature-box-text h1, .-color-inverted .feature-box-text h2, .-color-inverted .feature-box-text h3 { color: #ffffff; } .feature-box-text p { font-size: 1.2em; margin: 1.33333em 0; } .feature-box-text p:before { content: ""; display: block; width: 4em; height: 2px; margin: 0.8em 0; background: #004d9e; } .-image-centered .feature-box-text p:before { width: 5.71429em; margin-left: auto; margin-right: auto; } .feature-box-text .feature-box-subheadline { margin-top: 0.28571em; font-size: 1.4em; color: #004d9e; } .feature-box-image { display: block; float: right; width: 43.33333%; margin: 3.2em 0 3.2em 3.33333%; } @media screen and (max-width: 900px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 3.33333%; margin-left: 0; } @media screen and (max-width: 599px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 60%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3.2em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 599px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3.2em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3.2em 0; } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.6em; padding-bottom: 1.6em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .-large-image .feature-box-image { width: 60%; } @media screen and (max-width: 900px) { .-large-image .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .-large-image .feature-box-image { width: 100%; } } .-image-centered.-large-image .feature-box-image { width: 73.33333%; } @media screen and (max-width: 900px) { .-image-centered.-large-image .feature-box-image { width: 62.5%; } } @media screen and (max-width: 599px) { .-image-centered.-large-image .feature-box-image { width: 100%; } } .not-in-view > .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade { opacity: 0; } .not-in-view > .feature-box-text.-move, .not-in-view > .feature-box-image.-move { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .in-view > .feature-box-text, .in-view > .feature-box-image { -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out; -moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out; -o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out; transition: opacity 0.6s linear, transform 0.6s ease-out; } .in-view > .feature-box-text.-fade, .in-view > .feature-box-image.-fade { opacity: 1; } .in-view > .feature-box-text.-move, .in-view > .feature-box-image.-move { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .fading-boxes { zoom: 1; margin: 2.66667em 0; } .fading-boxes:before { content: ""; display: table; } .fading-boxes:after { content: ""; display: table; clear: both; } .fading-boxes > h1, .fading-boxes > h2, .fading-boxes > h3, .fading-boxes > h4, .fading-boxes > h5, .fading-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .fading-boxes-item { position: relative; z-index: 0; color: #ffffff; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; transition: transform 0.2s linear; } .fading-boxes-item.-with-link:hover, .fading-boxes-item.-with-link.is-hovered { -webkit-transform: translate3d(0, -2.33333em, 0); -moz-transform: translate3d(0, -2.33333em, 0); -ms-transform: translate3d(0, -2.33333em, 0); -o-transform: translate3d(0, -2.33333em, 0); transform: translate3d(0, -2.33333em, 0); } .fading-boxes-item:hover, .fading-boxes-item.is-hovered { z-index: 1; } .fading-boxes-item-image { position: relative; z-index: 1; background: #004d9e no-repeat; background-size: cover; } .-highlight-color .fading-boxes-item-image { background: #3685ab no-repeat; } .fading-boxes-item-image:before { position: absolute; top: 2.875em; right: 50%; z-index: 1; margin: -0.5em; font-size: 2.66667em; -webkit-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; -moz-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; -o-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; } .fading-boxes-item:hover .fading-boxes-item-image:before, .fading-boxes-item.is-hovered .fading-boxes-item-image:before { top: 1.25em; right: 1.125em; font-size: 2.13333em; /* IE8 and IE9 calculate em's wrong */ font-size: 32px \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fading-boxes-item:hover .fading-boxes-item-image:before, .fading-boxes-item.is-hovered .fading-boxes-item-image:before { /* IE10 and IE11 calculate em's wrong */ font-size: 32px; } } .fading-boxes-item-image:after { content: attr(data-headline); position: absolute; top: 5.17857em; left: 5%; width: 90%; font-size: 1.86667em; text-align: center; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .fading-boxes-item:hover .fading-boxes-item-image:after, .fading-boxes-item.is-hovered .fading-boxes-item-image:after { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .-has-text-shadow .fading-boxes-item-image:after { text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .fading-boxes-item-text { min-height: 19.28571em; /* clearfix */ overflow: hidden; padding: 0 1.42857em; font-size: 0.93333em; background: rgba(0, 77, 158, 0.8); opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .fading-boxes-item:hover .fading-boxes-item-text, .fading-boxes-item.is-hovered .fading-boxes-item-text { opacity: 1; } .fading-boxes-item-text h3 { margin: 1em 0 -0.29167em; font-size: 1.71429em; font-weight: normal; color: inherit; } .fading-boxes-item-text p { margin: 1.5em 0; } .fading-boxes-item-text a { color: inherit; text-decoration: underline; } .fading-boxes-item-text a:hover { text-decoration: none; } .fading-boxes-item-link { visibility: hidden; margin: -5.33333em 0 1.33333em; padding: 1em 1.33333em; background: #004d9e; -webkit-transition: margin 0.2s linear, visibility 0s; -webkit-transition-delay: 0s, 0.2s; -moz-transition: margin 0.2s linear, visibility 0s 0.2s; -o-transition: margin 0.2s linear, visibility 0s 0.2s; transition: margin 0.2s linear, visibility 0s 0.2s; } .fading-boxes-item:hover .fading-boxes-item-link, .fading-boxes-item.is-hovered .fading-boxes-item-link { visibility: visible; margin-top: 0; margin-bottom: -4em; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .fading-boxes-item-link .button { display: block; } .icon-boxes { zoom: 1; margin: 2.66667em 0; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .icon-boxes-item { position: relative; color: inherit; text-align: center; text-decoration: none; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item h3 { margin: 0; color: #004d9e; } .icon-boxes-item.-icon-color h3 { color: #242424; } .icon-boxes-item p { margin: 0.46667em 0; } .icon-boxes-item.-headline-icon { padding-left: 5.33333em; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: #ffffff; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: #ffffff; } .icon-boxes-item.-background-color { padding: 1.33333em; } .icon-boxes-item-icon { display: inline-block; width: 2.5em; height: 2.5em; margin: 0 0 0.625em; padding: 0.75em; font-size: 2.13333em; line-height: 1; color: #ffffff; background: #004d9e; -webkit-transition: background 0.2s, -webkit-transform 0.2s, color 0.2s; -webkit-transition-delay: 0s, 0s, 0.3s; -moz-transition: background 0.2s, -moz-transform 0.2s, color 0.2s 0.3s; -o-transition: background 0.2s, -o-transform 0.2s, color 0.2s 0.3s; transition: background 0.2s, transform 0.2s, color 0.2s 0.3s; } .icon-boxes-item-icon:before { margin-right: 0; } .not-in-view > .icon-boxes-item > .icon-boxes-item-icon { color: transparent !important; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .in-view > .icon-boxes-item:nth-of-type(12n+1) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.1s, 0.4s; -moz-transition-delay: 0s, 0.1s, 0.4s; -o-transition-delay: 0s, 0.1s, 0.4s; transition-delay: 0s, 0.1s, 0.4s; } .in-view > .icon-boxes-item:nth-of-type(12n+2) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.2s, 0.5s; -moz-transition-delay: 0s, 0.2s, 0.5s; -o-transition-delay: 0s, 0.2s, 0.5s; transition-delay: 0s, 0.2s, 0.5s; } .in-view > .icon-boxes-item:nth-of-type(12n+3) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.3s, 0.6s; -moz-transition-delay: 0s, 0.3s, 0.6s; -o-transition-delay: 0s, 0.3s, 0.6s; transition-delay: 0s, 0.3s, 0.6s; } .in-view > .icon-boxes-item:nth-of-type(12n+4) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.4s, 0.7s; -moz-transition-delay: 0s, 0.4s, 0.7s; -o-transition-delay: 0s, 0.4s, 0.7s; transition-delay: 0s, 0.4s, 0.7s; } .in-view > .icon-boxes-item:nth-of-type(12n+5) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.5s, 0.8s; -moz-transition-delay: 0s, 0.5s, 0.8s; -o-transition-delay: 0s, 0.5s, 0.8s; transition-delay: 0s, 0.5s, 0.8s; } .in-view > .icon-boxes-item:nth-of-type(12n+6) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.6s, 0.9s; -moz-transition-delay: 0s, 0.6s, 0.9s; -o-transition-delay: 0s, 0.6s, 0.9s; transition-delay: 0s, 0.6s, 0.9s; } .in-view > .icon-boxes-item:nth-of-type(12n+7) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.7s, 1s; -moz-transition-delay: 0s, 0.7s, 1s; -o-transition-delay: 0s, 0.7s, 1s; transition-delay: 0s, 0.7s, 1s; } .in-view > .icon-boxes-item:nth-of-type(12n+8) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.8s, 1.1s; -moz-transition-delay: 0s, 0.8s, 1.1s; -o-transition-delay: 0s, 0.8s, 1.1s; transition-delay: 0s, 0.8s, 1.1s; } .in-view > .icon-boxes-item:nth-of-type(12n+9) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.9s, 1.2s; -moz-transition-delay: 0s, 0.9s, 1.2s; -o-transition-delay: 0s, 0.9s, 1.2s; transition-delay: 0s, 0.9s, 1.2s; } .in-view > .icon-boxes-item:nth-of-type(12n+10) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 1s, 1.3s; -moz-transition-delay: 0s, 1s, 1.3s; -o-transition-delay: 0s, 1s, 1.3s; transition-delay: 0s, 1s, 1.3s; } .in-view > .icon-boxes-item:nth-of-type(12n+11) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 1.1s, 1.4s; -moz-transition-delay: 0s, 1.1s, 1.4s; -o-transition-delay: 0s, 1.1s, 1.4s; transition-delay: 0s, 1.1s, 1.4s; } .in-view > .icon-boxes-item:nth-of-type(12n+12) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 1.2s, 1.5s; -moz-transition-delay: 0s, 1.2s, 1.5s; -o-transition-delay: 0s, 1.2s, 1.5s; transition-delay: 0s, 1.2s, 1.5s; } .-inverted-icon > .icon-boxes-item-icon { width: 2.08333em; height: 2.08333em; margin-bottom: 0.41667em; padding: 0.5em; border: 2px solid #dcdcdc; border-radius: 99em; font-size: 3.2em; color: #004d9e; background: #ffffff; background: rgba(255, 255, 255, 0.5); } .-headline-icon > .icon-boxes-item-icon { position: absolute; top: 0; left: 0; width: 2em; height: 2em; padding: 0.42857em; border: 2px solid #004d9e; border-radius: 99em; font-size: 1.86667em; color: #004d9e; background: none; } .-highlight-color .icon-boxes-item-icon { background: #3685ab; } *:hover > .icon-boxes-item-icon, *:focus > .icon-boxes-item-icon { opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .icon-boxes-item-text { color: #98a0ab; } .-color-inverted .icon-boxes-item-text { color: #ffffff; } .icon-boxes-item-link.-link { color: #004d9e; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: #ffffff; } .area-navigation { z-index: 1; position: fixed; top: 0; right: 30px; right: calc(30px + var(--safe-area-right)); height: 100%; display: table; } @media screen and (max-width: 1280px) { .area-navigation { right: 1.5625%; right: calc(1.5625% + var(--safe-area-right)); margin-right: -12px; } } @media screen and (max-width: 900px) { .area-navigation { right: 2.08333%; right: calc(2.08333% + var(--safe-area-right)); } } @media screen and (max-width: 599px) { .area-navigation { display: none; } } .area-navigation ul { display: table-cell; vertical-align: middle; padding: 0; width: 24px; } .area-navigation li { margin: 4px 0; text-align: center; } .area-navigation a { position: relative; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 4px; outline: none; color: #717c8e; text-decoration: none; } .area-navigation a:after { content: ""; display: block; width: 10px; height: 10px; border: 2px solid rgba(113, 124, 142, 0); border-radius: 100%; background-color: #717c8e; background-clip: padding-box; } .area-navigation a:hover:after, .area-navigation a.active:after { border-color: #717c8e; background-color: rgba(113, 124, 142, 0.25); } .area-navigation a.prev, .area-navigation a.next { width: 24px; height: 24px; padding: 5px; border: 2px solid currentColor; border-radius: 100%; -webkit-transition: -webkit-transform 0.1s; -moz-transition: -moz-transform 0.1s; -o-transition: -o-transform 0.1s; transition: transform 0.1s; } @media screen and (max-width: 1280px) { .area-navigation a.prev, .area-navigation a.next { display: none; } } .area-navigation a.prev:after, .area-navigation a.next:after { font: 10px/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .area-navigation a.prev:after, .area-navigation a.prev:hover:after, .area-navigation a.next:after, .area-navigation a.next:hover:after { color: inherit; background-color: transparent; border: 0; } .area-navigation a.prev:hover, .area-navigation a.next:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .area-navigation a.prev.is-disabled, .area-navigation a.next.is-disabled { visibility: hidden; pointer-events: none; } .area-navigation a.prev > span, .area-navigation a.next > span { display: none; } .area-navigation a.next:after { content: "\e015"; } .area-navigation a > span { position: absolute; top: 50%; right: 100%; max-width: 0; overflow: hidden; margin: -0.5em 0.5em 0 0; font-size: 0.93333em; line-height: 1; white-space: nowrap; -webkit-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); -moz-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); -o-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); } .area-navigation a:hover > span { max-width: 999px; -webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); -moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); -o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); } .area-navigation.-invert-controls a { color: #ffffff; } .area-navigation.-invert-controls a:after { border-color: rgba(255, 255, 255, 0); background-color: #ffffff; } .area-navigation.-invert-controls a:hover:after, .area-navigation.-invert-controls a.active:after { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .area-navigation.-invert-controls a.prev:hover, .area-navigation.-invert-controls a.prev.active, .area-navigation.-invert-controls a.next:hover, .area-navigation.-invert-controls a.next.active { color: #ffffff; } .area-navigation.-invert-controls a.prev:after, .area-navigation.-invert-controls a.prev:hover:after, .area-navigation.-invert-controls a.next:after, .area-navigation.-invert-controls a.next:hover:after { background-color: transparent; } .filter-navigation { text-align: center; margin: 1.6em 0 2.4em; } .filter-navigation h1, .filter-navigation h2, .filter-navigation h3 { font-size: 0.8em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; } .filter-navigation > ul { margin: 0.8em 0; padding: 0; list-style-type: none; } .filter-navigation > ul li { display: inline; margin: 0 0.66667em; white-space: nowrap; } .filter-navigation > ul li a { display: inline-block; margin-bottom: 0.35714em; padding: 0.35714em 0.85714em; text-decoration: none; text-transform: uppercase; font-size: 0.93333em; line-height: 1; color: #dbdbdb; background: #242424; border-radius: 2px; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .filter-navigation > ul li a:first-child { margin-left: 0; } .filter-navigation > ul li a:hover { color: #919191; } .filter-navigation > ul li a.active { background: #004d9e; } .filter-navigation > ul li a.active:hover { color: #ffffff; } .portfolio-boxes { zoom: 1; margin: 2.66667em 0; } .portfolio-boxes:before { content: ""; display: table; } .portfolio-boxes:after { content: ""; display: table; clear: both; } .portfolio-boxes > h1, .portfolio-boxes > h2, .portfolio-boxes > h3, .portfolio-boxes > h4, .portfolio-boxes > h5, .portfolio-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .mega-dropdown .portfolio-boxes { margin: 0; } .portfolio-boxes-item { position: relative; padding-bottom: 5.33333em; background: #ffffff; } .portfolio-boxes-item-image { position: absolute; top: 0; right: 0; bottom: 5.33333em; left: 0; background: 50% 50% no-repeat; background-size: cover; } .portfolio-boxes-item-image img { display: none; } .portfolio-boxes-item-image:before { /* Headline */ content: attr(data-headline); position: absolute; right: 0; bottom: -5.33333em; left: 0; display: block; padding: 2em 0.66667em; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-align: center; text-transform: uppercase; } .portfolio-boxes-item-text { position: relative; display: block; min-height: 20em; padding: 2em 1.33333em; color: #ffffff; text-align: center; background: #000000; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .portfolio-boxes-item-text:hover, .portfolio-boxes-item-text:focus, .portfolio-boxes-item-text.is-hovered { text-decoration: none; opacity: 1; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .portfolio-boxes-item-text h3 { margin: 0; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } .portfolio-boxes-item-text h3:after { content: ""; display: block; width: 5.33333em; height: 1px; margin: 1.8em auto 0; background: #ffffff; } .portfolio-boxes-item-text p { margin: 1em 0 0; } .portfolio-boxes-item-more { position: absolute; bottom: -5.33333em; left: 0; width: 100%; height: 5.33333em; background: #004d9e; } .portfolio-boxes-item-more:before, .portfolio-boxes-item-more:after { content: ""; position: absolute; top: 50%; left: 50%; background: #ffffff; } .portfolio-boxes-item-more:before { width: 2.66667em; height: 2px; margin: -1px -1.33333em; } .portfolio-boxes-item-more:after { width: 2px; height: 2.66667em; margin: -1.33333em -1px; } .portfolio-boxes-item-more span { display: none; } .portfolio-tiles { clear: both; width: 100%; /* Clearfix */ overflow: hidden; /* For rounding failures */ margin-right: -1%; } .portfolio-tiles-item { position: relative; float: left; width: 25%; } @media screen and (max-width: 900px) { .portfolio-tiles-item { width: 33.33333%; } } @media screen and (max-width: 599px) { .portfolio-tiles-item { width: 50%; font-size: 0.8em; } } .portfolio-tiles-item > img { display: block; width: 100%; height: auto; } .portfolio-tiles-item > .no-image { display: block; padding-bottom: 75%; background: #f2f2f2; } .portfolio-tiles-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 37.5%; text-align: center; background: rgba(0, 77, 158, 0.8); opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .portfolio-tiles-item-link:hover, .portfolio-tiles-item-link:focus, .portfolio-tiles-item-link.is-hovered { text-decoration: none; opacity: 1; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .portfolio-tiles-item-link:before { content: "\2b"; display: block; width: 1em; margin: -1.25em auto 0.375em; font-size: 2.66667em; line-height: 1; color: #004d9e; background: #ffffff; } .portfolio-tiles-item-link h3 { margin: 0; font-size: 1.33333em; font-weight: bold; color: #ffffff; text-transform: uppercase; } .portfolio-tiles-item-link h4 { margin: 0; font-size: 1em; font-weight: normal; color: #000205; } .portfolio-detail > .back { display: none; } .counter-boxes { zoom: 1; text-align: center; margin: 2.66667em 0; overflow: hidden; } .counter-boxes:before { content: ""; display: table; } .counter-boxes:after { content: ""; display: table; clear: both; } .counter-boxes-item { text-decoration: none; color: inherit; } .counter-boxes-item:link:hover, .counter-boxes-item:link:focus { text-decoration: none; } .counter-boxes-item:link:hover:before, .counter-boxes-item:link:focus:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .counter-boxes-item:before { margin: 0; font-size: 3.33333em; color: #004d9e; } .-highlight-color .counter-boxes-item:before { color: #dcdcdc; } .counter-boxes-item p { margin: 0.05556em -0.4em 0.13333em; font-size: 6em; line-height: 1; } @media screen and (max-width: 1280px) { .counter-boxes-item p { font-size: 5.06667em; } } @media screen and (max-width: 900px) { .counter-boxes-item p { font-size: 3.86667em; } } @media screen and (max-width: 599px) { .counter-boxes-item p { font-size: 3.06667em; } } .counter-boxes-item h3 { margin: 0; font-size: 1.2em; font-weight: normal; letter-spacing: 0.1em; color: #98a0ab; text-transform: uppercase; } .-color-inverted .counter-boxes-item h3 { color: #dcdcdc; } .typing-headline { margin-top: 2.66667em; margin-bottom: 2.66667em; text-align: center; } .typing-headline.-align-left { text-align: left; } .typing-headline.-align-right { text-align: right; } .typing-headline.-small > h2, .typing-headline.-small > h3 { font-size: 1.6em; } .typing-headline.-small > p { font-size: 1.2em; } .typing-headline.-medium > h2, .typing-headline.-medium > h3 { font-size: 2.4em; } @media screen and (max-width: 599px) { .typing-headline.-medium > h2, .typing-headline.-medium > h3 { font-size: 1.86667em; } } .typing-headline.-medium > p { font-size: 1.4em; } .typing-headline.-large > h2, .typing-headline.-large > h3 { font-size: 3.2em; } @media screen and (max-width: 599px) { .typing-headline.-large > h2, .typing-headline.-large > h3 { font-size: 2.13333em; } } .typing-headline.-large > p { font-size: 1.4em; } .typing-headline.-super-size > h2, .typing-headline.-super-size > h3 { font-size: 4.8em; } @media screen and (max-width: 599px) { .typing-headline.-super-size > h2, .typing-headline.-super-size > h3 { font-size: 2.8em; } } .typing-headline.-not-bold > h2 { font-weight: normal; } .typing-headline h2, .typing-headline h3 { position: relative; margin: 0; font-size: 4em; line-height: 1.2; } @media screen and (max-width: 599px) { .typing-headline h2, .typing-headline h3 { font-size: 2.4em; } } .modernizr-csstransitions .typing-headline h2 > .typing-headline-dummy, .modernizr-csstransitions .typing-headline h3 > .typing-headline-dummy { color: transparent; pointer-events: none; } .typing-headline h2 > .typing-headline-text, .typing-headline h3 > .typing-headline-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .typing-headline h2 > .typing-headline-text.is-typing:after, .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 1em; margin: -0.5em -0.06667em -0.5em 0.03333em; border-left: 2px solid currentColor; } .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { margin-right: -0.33333em; margin-left: 0.3em; -webkit-animation: typing-cursor 0.5s linear infinite alternate; -moz-animation: typing-cursor 0.5s linear infinite alternate; -o-animation: typing-cursor 0.5s linear infinite alternate; animation: typing-cursor 0.5s linear infinite alternate; } .typing-headline h2 { font-weight: bold; } .-color-inverted .typing-headline h2 { color: #ffffff; } .typing-headline h3 { font-weight: normal; } .-color-inverted .typing-headline h3 { color: #ffffff; } .typing-headline p { margin: 0.75em 16.66667% 1em 16.66667%; color: #242424; font-size: 1.6em; } @media screen and (max-width: 599px) { .typing-headline p { margin-right: 0; margin-left: 0; } } .-color-inverted .typing-headline p { color: #ffffff; } .typing-headline.-align-left > p { margin-left: 0; } .typing-headline.-align-right > p { margin-right: 0; } .typing-headline h2 + .button, .typing-headline h3 + .button { margin-top: 2.4em; } @-moz-keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } @-webkit-keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } @-o-keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } @keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } .team-boxes { margin: 3.2em 0; zoom: 1; } .team-boxes:before { content: ""; display: table; } .team-boxes:after { content: ""; display: table; clear: both; } .team-boxes-item { text-align: center; } .team-boxes-item > h3 { font-size: 1.06667em; font-weight: normal; text-transform: uppercase; } .team-boxes-item > h4 { margin-top: 0.42857em; font-size: 0.93333em; color: #98a0ab; } .team-boxes-item:hover img, .team-boxes-item:hover .no-image { opacity: 0.5; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .team-boxes-item:hover .team-boxes-social-links { bottom: 20px; } .-align-left > .team-boxes-item { text-align: left; } .-align-right > .team-boxes-item { text-align: right; } .-small > .team-boxes-item > h3 { font-size: 0.93333em; } .-small > .team-boxes-item > h4 { font-size: 0.93333em; } .-medium > .team-boxes-item > h3 { font-size: 1.2em; } .-medium > .team-boxes-item > h4 { font-size: 1.06667em; } .-large > .team-boxes-item > h3 { font-size: 1.4em; } .-large > .team-boxes-item > h4 { font-size: 1.2em; } .-super-size > .team-boxes-item > h3 { font-size: 1.6em; } .-super-size > .team-boxes-item > h4 { font-size: 1.4em; } .team-boxes-item .team-boxes-social-links { position: absolute; top: auto; right: 0; bottom: -50%; left: 0; margin: 0; padding: 0; text-align: center; list-style-type: none; -webkit-transition: bottom 0.2s ease-out; -moz-transition: bottom 0.2s ease-out; -o-transition: bottom 0.2s ease-out; transition: bottom 0.2s ease-out; } .team-boxes-item .team-boxes-social-links > li { display: inline; } .team-boxes-item .team-boxes-social-links > li > a { display: inline-block; overflow: hidden; padding: 0.42857em; border: 2px solid #dcdcdc; border-radius: 99em; outline: none; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; text-indent: -99em; text-decoration: none; background-color: #ffffff; } .team-boxes-item .team-boxes-social-links > li > a:hover { border-color: currentColor; } .team-boxes-item .team-boxes-social-links > li > a:before { content: none; } .team-boxes-item .team-boxes-social-links > li > a:after { font: 1.28571em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #98a0ab; } .team-boxes-item .team-boxes-social-links > li > a:hover:after, .team-boxes-item .team-boxes-social-links > li > a:focus:after { color: inherit !important; } .team-boxes-image-wrapper { position: relative; background-color: #004d9e; overflow: hidden; } .team-boxes-image-wrapper > a { font-size: 0; } .team-boxes-image-wrapper > img, .team-boxes-image-wrapper > a { display: block; width: 100%; height: auto; } .team-boxes-image-wrapper > .no-image { display: block; padding-bottom: 150%; background-color: #f5f5f5; } .team-boxes-image-wrapper > .no-image:after { font: 100px/1 "RockSolid Icons"; content: "\e13a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; color: #dcdcdc; } .multicolumn-icon-lists { margin: 0.8em 0 1.6em; zoom: 1; } .multicolumn-icon-lists:before { content: ""; display: table; } .multicolumn-icon-lists:after { content: ""; display: table; clear: both; } .multicolumn-icon-list { float: left; margin: 0; padding-right: 0.8em; padding-left: 0; list-style-type: none; } .main-content .multicolumn-icon-list { margin: 0; } .multicolumn-icon-list > h2 { font-size: 1.4em; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.14286em; } .multicolumn-icon-list > h2:after { content: ""; display: block; width: 2.66667em; height: 2px; margin-top: 0.4em; background: #004d9e; } .-color-inverted.-highlight-color .multicolumn-icon-list > h2:after { background: #3685ab; } .multicolumn-icon-list ul { margin: 0; } .multicolumn-icon-list li:before { color: #004d9e; } .multicolumn-icon-list li a[target="_blank"]:after { content: none; } .-columns-1 > .multicolumn-icon-list { width: 100%; } .-columns-2 > .multicolumn-icon-list { width: 50%; } .-columns-3 > .multicolumn-icon-list { width: 33.33333%; } .-columns-4 > .multicolumn-icon-list { width: 25%; } .-columns-5 > .multicolumn-icon-list { width: 20%; } .-columns-6 > .multicolumn-icon-list { width: 16.66667%; } .multicolumn-icon-list:last-of-type { margin-right: -1px; } @media screen and (max-width: 599px) { .multicolumn-icon-list.multicolumn-icon-list { /* doubled class for specificity */ float: none; width: auto; } } .info-lists { zoom: 1; } .info-lists:before { content: ""; display: table; } .info-lists:after { content: ""; display: table; clear: both; } .info-list { float: left; } .-columns-1 > .info-list { width: 100%; } .-columns-2 > .info-list { width: 50%; } .-columns-3 > .info-list { width: 33.33333%; } .-columns-4 > .info-list { width: 25%; } .-columns-5 > .info-list { width: 20%; } .-columns-6 > .info-list { width: 16.66667%; } .info-list:last-of-type { margin-right: -1px; } .info-list dt { margin-top: 1em; color: #98a0ab; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; } .info-list dt:first-child { margin-top: 0; } .info-list dd { margin-left: 0; } @media screen and (max-width: 599px) { .info-list.info-list { /* doubled class for specificity */ float: none; width: auto; } } .info-list a[target="_blank"]:after { content: none; } .headline-box { margin: 2.4em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-left:before { text-align: left; margin-left: 0; } .headline-box.-align-right { text-align: right; } .headline-box.-align-right:before { text-align: right; margin-right: 0; } .headline-box.-no-underline:after { content: none; } .headline-box.-small { margin: 1.6em 0; } .headline-box.-small:before { font-size: 1.6em; margin-bottom: 0.25em; } .headline-box.-no-tracking h2 { letter-spacing: normal; text-transform: none; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.93333em; font-weight: normal; line-height: 2.00023; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.6); color: #004d9e; } .-color-inverted .headline-box:before { background: #353d47; background: rgba(53, 61, 71, 0.6); color: #ffffff; } .headline-box:after { content: ""; display: inline-block; width: 8em; height: 2px; background: #004d9e; } .-highlight-color .headline-box:after { background: #3685ab; } .headline-box.-button-only:after { display: none; } .headline-box h2 { margin: 0.11111em 0; font-size: 2.4em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .headline-box h2 { font-size: 1.86667em; } } .headline-box h2.-bold { font-weight: bold; } .headline-box h2.-small { font-size: 1.6em; } .headline-box h2.-medium { font-size: 2.13333em; } @media screen and (max-width: 599px) { .headline-box h2.-medium { font-size: 1.6em; } } .headline-box h2.-large { font-size: 2.8em; } @media screen and (max-width: 599px) { .headline-box h2.-large { font-size: 2.13333em; } } .headline-box h2.-super-size { font-size: 3.46667em; } @media screen and (max-width: 599px) { .headline-box h2.-super-size { font-size: 2.4em; } } .headline-box h3 { margin: 0; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.5; color: #98a0ab; text-transform: uppercase; } .-color-inverted.-highlight-color .headline-box h3 { color: #3685ab; } .-color-inverted .headline-box h3 { color: #dcdcdc; } .headline-box h3.-small { font-size: 0.86667em; } .headline-box h3.-medium { font-size: 1.06667em; } @media screen and (max-width: 599px) { .headline-box h3.-medium { font-size: 0.93333em; } } .headline-box h3.-large { font-size: 1.2em; } @media screen and (max-width: 599px) { .headline-box h3.-large { font-size: 1.06667em; } } .headline-box h3.-super-size { font-size: 1.4em; } @media screen and (max-width: 599px) { .headline-box h3.-super-size { font-size: 1.2em; } } .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: block; } } h2 + .headline-box-link, h3 + .headline-box-link { margin-top: 1.92857em; } .-align-left > .headline-box-link { float: right; margin: -0.14286em 0 0 3.14286em; } @media screen and (max-width: 599px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.14286em 3.14286em 0 0; } @media screen and (max-width: 599px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.14286em; } @media screen and (max-width: 599px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } .teaser-boxes { zoom: 1; } .teaser-boxes:before { content: ""; display: table; } .teaser-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes-item { text-align: center; } .teaser-boxes-item .no-image { display: block; padding-top: 75%; background: #f2f2f2; } .teaser-boxes-item .teaser-boxes-label { display: inline-block; margin-bottom: 1.11111em; padding: 0 0.44444em; color: #004d9e; border: 2px solid #004d9e; border-radius: 99em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05556em; } @media screen and (max-width: 599px) { .teaser-boxes-item .teaser-boxes-label { font-size: 0.9em; } } .teaser-boxes-item .teaser-boxes-label + .teaser-boxes-content > h3 { margin-top: 0; } .teaser-boxes-item.-align-left { text-align: left; } .teaser-boxes-item.-align-right { text-align: right; } .-boxed > .teaser-boxes-item { overflow: hidden; padding: 1.42857em; border: 1px solid #dcdcdc; border-radius: 2px; outline: none; background-color: #ffffff; } .teaser-boxes-content > h3 { font-size: 1.2em; font-weight: bold; } .teaser-boxes-image { display: block; margin-bottom: 1.6em; } .teaser-boxes-image > img { display: block; margin: 0 auto; } .teaser-boxes-image.-image-circle { border-radius: 99em; overflow: hidden; /* Fixes hover in Chrome */ opacity: 0.99; outline: none; } .teaser-boxes-image.-image-circle > img { /* Fixes android bug with border-radius and overflow */ border-radius: 99em; } .teaser-boxes-image.-has-hover:hover img, .teaser-boxes-image.-has-hover:focus img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .testimonial, blockquote.testimonial { margin: 2.66667em 0; font-size: inherit; color: inherit; text-align: center; } .testimonial:before, blockquote.testimonial:before { content: "\201c"; float: none; display: block; margin: -0.2em 0; font-size: 6.66667em; /* IE8 and IE9 calculate em's wrong */ font-size: 100px \9; line-height: 1; color: #004d9e; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .testimonial:before, blockquote.testimonial:before { /* IE10 and IE11 calculate em's wrong */ font-size: 100px; } } .-highlight-color .testimonial:before, .-highlight-color blockquote.testimonial:before { color: #3685ab; } .testimonial-text { font-size: 2.66667em; } @media screen and (max-width: 599px) { .testimonial-text { font-size: 1.86667em; } } .-small .testimonial-text { font-size: 1.06667em; } @media screen and (max-width: 599px) { .-small .testimonial-text { font-size: 0.93333em; } } .-medium .testimonial-text { font-size: 1.4em; } @media screen and (max-width: 599px) { .-medium .testimonial-text { font-size: 1.2em; } } .-large .testimonial-text { font-size: 1.86667em; } @media screen and (max-width: 599px) { .-large .testimonial-text { font-size: 1.6em; } } .-super-size .testimonial-text { font-size: 3.2em; } @media screen and (max-width: 599px) { .-super-size .testimonial-text { font-size: 2.4em; } } .testimonial-text p { margin: 0; } .testimonial-author { margin: 1.33333em 0; font-size: 0.93333em; letter-spacing: 0.1em; text-transform: uppercase; } .testimonial-author img { display: inline; vertical-align: middle; overflow: hidden; margin-right: 0.71429em; border-radius: 99em; } .testimonial-author small { font-size: inherit !important; } .testimonial-author a { color: inherit; } .pricing-table { zoom: 1; margin: 2.66667em 0; } .pricing-table:before { content: ""; display: table; } .pricing-table:after { content: ""; display: table; clear: both; } .pricing-table > h1, .pricing-table > h2, .pricing-table > h3, .pricing-table > h4, .pricing-table > h5, .pricing-table > h6 { margin-top: 0; } .pricing-table-plan { position: relative; float: left; border: 1px solid #f2f2f2; text-align: center; } .pricing-table-plan h4 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; margin: -2px; padding-bottom: 100%; font-size: inherit; font-weight: normal; pointer-events: none; } .pricing-table-plan h4 span { float: left; margin: -2.07692em; padding: 0.76923em 2.92308em; font-size: 0.86667em; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: #262626; -webkit-transform: translate(-30%, 0) rotate(-45deg); -moz-transform: translate(-30%, 0) rotate(-45deg); -ms-transform: translate(-30%, 0) rotate(-45deg); -o-transform: translate(-30%, 0) rotate(-45deg); transform: translate(-30%, 0) rotate(-45deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } @media screen and (max-width: 1280px) { .pricing-table-plan h4 span { font-size: 0.66667em; } } .pricing-table-plan h3 { margin: -1px -1px 1px; padding: 1.42857em 0.71429em; font-size: 0.93333em; font-weight: normal; letter-spacing: 0.1em; color: #ffffff; text-transform: uppercase; background: #3685ab; } .pricing-table-plan p { position: relative; margin: -1px -1px 1px; padding: 0.3125em 0.125em 0.4375em; border-bottom: 1px solid #f2f2f2; font-size: 5.33333em; line-height: 1; color: #ffffff; background: #004d9e; } @media screen and (max-width: 1280px) { .pricing-table-plan p { font-size: 4em; } } .pricing-table-plan p:after { content: ""; position: absolute; bottom: 0; left: 50%; margin: -0.125em; border: 0.125em solid transparent; border-top-color: #004d9e; border-bottom: 0; } .pricing-table-plan p b { display: inline-block; vertical-align: top; margin: 0.26471em -0.47059em 0 0; font-size: 0.425em; font-weight: normal; } .pricing-table-plan ul { margin: 1.46667em 1.33333em; padding: 0; list-style: none; color: #98a0ab; } .pricing-table-plan li { padding: 0.46667em 0 0.53333em; border-top: 1px solid #f2f2f2; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .pricing-table-plan li:hover { background-color: #f2f2f2; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .pricing-table-plan li:first-child { border-top: 0; } .pricing-table-plan a { display: block; margin: 2.42857em 1.42857em 1.42857em; } .pricing-table-plan a.-secondary { display: block; } .pricing-table-plan-price-part { display: inline-block; vertical-align: bottom; text-align: left; margin-left: 0.0375em; } .pricing-table-plan-price-part small { display: block; font-size: 0.425em; } .pricing-table-plan-price-part small + i { margin-top: 1.06667em; } .pricing-table-plan-price-part small + i:after { /* Fix empty elements */ content: "\a0"; margin-left: -0.26em; } .pricing-table-plan-price-part i { display: block; margin-bottom: 0.4em; font-size: 0.1875em; font-style: normal; } .google-map { position: relative; padding-bottom: 56.25%; } .google-map > a, .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .google-map > a { display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 31.33333em; } @media screen and (max-width: 599px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .info-map-gmap > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .skills { margin: 1.6em 0; } .skills-item { margin: 2.13333em 0; } .skills-item:first-child { margin-top: 0; } .skills-item > a { display: block; color: inherit; } .skills-item > a:hover, .skills-item > a:focus { text-decoration: none; opacity: 0.6; } .skills-item h3, .skills-item h4 { margin: 0; margin-bottom: 16px; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } .skills-item h3 { float: left; } .skills-item h3:after { content: ""; display: table; } .skills-item h4 { color: #98a0ab; text-align: right; } .skills-item-meter { clear: both; height: 1.6em; overflow: hidden; margin: 1.06667em 0; background: #dcdcdc; } .skills-item-meter-inner { height: 100%; color: #004d9e; background-color: currentColor; } .skills-item.not-in-view .skills-item-meter-inner { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .skills-item.in-view .skills-item-meter-inner { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; transition: transform 2s ease-out; } .tab-navigation { border: 1px solid transparent; border-bottom-color: #dcdcdc; text-align: center; } .tab-navigation ul, .tab-navigation li { margin: 0; padding: 0; } .tab-navigation ul { display: table; table-layout: fixed; display: flex; align-items: flex-end; width: 100%; } @media screen and (max-width: 599px) { .tab-navigation ul { display: inline; } } .tab-navigation li { display: table-cell; flex-grow: 1; list-style-type: none; vertical-align: bottom; } @media screen and (max-width: 599px) { .tab-navigation li { display: block; } } .tab-navigation li:first-child a { margin-left: -1px; } .tab-navigation a { position: relative; display: block; margin: -1px -1px 0 0; padding: 0.6em 1.86667em; letter-spacing: 0.1em; text-transform: uppercase; outline: none; border: 1px solid #dcdcdc; border-bottom-width: 0; background-color: #ffffff; } @media screen and (max-width: 599px) { .tab-navigation a { margin: 0 -1px; } } .tab-navigation a:hover, .tab-navigation a:focus { text-decoration: none; } .tab-navigation a.is-active { z-index: 1; box-shadow: 0 10px 0 -1px #ffffff, 0 -3px #004d9e, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 599px) { .tab-navigation a.is-active { border-color: #004d9e; color: #ffffff; background: #004d9e; box-shadow: 0 1px #004d9e; } } .tab-navigation.-image-tabs { border: 0; } .tab-navigation.-image-tabs ul, .tab-navigation.-image-tabs li { display: inline; } .tab-navigation.-image-tabs a { display: inline-block; margin: 0; padding: 0.5625em 1.75em; border: 0; font-size: 1.06667em; color: inherit; background: none; } .tab-navigation.-image-tabs a:hover, .tab-navigation.-image-tabs a:focus { color: #004d9e; } .tab-navigation.-image-tabs a.is-active { color: #004d9e; box-shadow: none; } .tab-navigation.-image-tabs a.is-active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -0.4375em; border: 0.4375em solid transparent; border-top-color: #004d9e; border-bottom: 0; } .tab-navigation.-image-tabs a:before { display: block; margin: 0 auto 0.25em; font-size: 3em; color: #004d9e; } .tab-navigation.-image-tabs a img { display: block; margin: 0 auto 0.8em; } .-columns-1 .tab-navigation-item { width: 100%; } .-columns-2 .tab-navigation-item { width: 50%; } .-columns-3 .tab-navigation-item { width: 33.33333%; } .-columns-4 .tab-navigation-item { width: 25%; } .-columns-5 .tab-navigation-item { width: 20%; } .-columns-6 .tab-navigation-item { width: 16.66667%; } @media screen and (max-width: 599px) { .tab-navigation-item.tab-navigation-item { width: auto; } } .tab-start.-has-border { margin-top: -1px; border: 1px solid #dcdcdc; padding-right: 2.66667em; padding-left: 2.66667em; } .timeline { margin: 2.66667em 16.66667%; position: relative; } @media screen and (max-width: 900px) { .timeline { margin-right: 0; margin-left: 0; } } .timeline:before, .timeline:after { content: ""; position: absolute; bottom: 0; left: 50%; background: #98a0ab; } @media screen and (max-width: 599px) { .timeline:before, .timeline:after { left: 4.54545%; } } .timeline:before { top: 0; width: 2px; margin: 0 -1px; } .timeline:after { width: 10px; height: 10px; margin: 0 -5px; border-radius: 99em; } .timeline-item { position: relative; min-height: 6em; /* clearfix */ overflow: hidden; padding: 0 0 2em; } .timeline-item:before { position: absolute; top: 1em; left: 50%; font-size: 2em; border-radius: 99em; } @media screen and (max-width: 599px) { .timeline-item:before { left: 4.54545%; } } .timeline-item.not-in-view:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .timeline-item.in-view:before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform 0.6s ease-out; -moz-transition: -moz-transform 0.6s ease-out; -o-transition: -o-transform 0.6s ease-out; transition: transform 0.6s ease-out; } .timeline-item:not([data-icon]):before { content: ""; width: 0.66667em; height: 0.66667em; margin: -0.33333em; border: 0.06667em solid #98a0ab; background: #ffffff; } .timeline-item[data-icon]:before { width: 2em; height: 2em; margin: -1em; padding-top: 0.5em; color: #ffffff; text-align: center; background: #004d9e; } @media screen and (max-width: 599px) { .timeline-item[data-icon]:before { font-size: 1.06667em; } } .timeline-item > h3 { float: left; width: 40%; color: #98a0ab; text-align: right; } @media screen and (max-width: 599px) { .timeline-item > h3 { float: none; width: auto; margin-left: 13.63636%; text-align: left; } } .timeline-item:nth-of-type(2n) > h3 { float: right; text-align: left; } @media screen and (max-width: 599px) { .timeline-item:nth-of-type(2n) > h3 { float: none; } } .timeline-item:nth-of-type(2n) > .timeline-item-text { float: left; text-align: right; } @media screen and (max-width: 599px) { .timeline-item:nth-of-type(2n) > .timeline-item-text { float: none; text-align: left; } } .timeline-item-text { float: right; width: 40%; } @media screen and (max-width: 599px) { .timeline-item-text { float: none; width: auto; margin-left: 13.63636%; } } .timeline-item > h3, .timeline-item-text h3, .timeline-item-text h4 { margin-top: 1em; margin-bottom: 1em; font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .timeline-image-caption { font-size: 0.93333em; color: #98a0ab; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 4em; padding: 0.8em 1.33333em 0.8em 5.33333em; padding-right: calc(1.33333em + var(--safe-area-right)); padding-left: calc(5.33333em + var(--safe-area-left)); border-top: 1px solid #dcdcdc; z-index: 99; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note { position: static; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.33333em; padding-left: calc(1.33333em + var(--safe-area-left)); } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; left: calc(0.83333em + var(--safe-area-left)); font-size: 2.4em; color: #004d9e; } @media screen and (max-width: 900px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 0.93333em; margin: 0.42857em 0; } .fixed-note p { font-size: 0.86667em; margin: 0.46154em 0; } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.66667em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 900px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 900px) { .fixed-note-column { display: block; margin: 0.8em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 2em; right: calc(2em + var(--safe-area-right)); bottom: 0; z-index: 99; padding: 0.53333em 0.8em; color: #ffffff; text-decoration: none; background: #3685ab; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note-closed { position: absolute; top: 0.8em; top: calc(0.8em + var(--safe-area-top)); right: 4.66667em; right: calc(4.66667em + var(--safe-area-right)); bottom: auto; padding: 0.26667em 0.8em; } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #2a6784; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .breadcrumbs-wrapper { padding-bottom: 2em; } @media screen and (max-width: 599px) { .breadcrumbs-wrapper { padding-bottom: 0; } } .oneo-fullwidth .breadcrumbs-wrapper { padding-bottom: 0; } .breadcrumbs-headline { float: left; margin: 0; font-size: 1.4em; line-height: 1.5; font-weight: normal; color: inherit; padding: 1.09524em 0 1.19048em; } .breadcrumbs-headline:not(:last-child) { padding-bottom: 0; } @media screen and (max-width: 599px) { .breadcrumbs-headline { float: none; padding-top: 0; padding-bottom: 0; margin-top: 0.95238em; margin-bottom: 0.95238em; text-align: center; } } .mod_breadcrumb { padding: 2.46154em 0 2.07692em; font-size: 0.86667em; } @media screen and (max-width: 599px) { .mod_breadcrumb { padding-top: 0; padding-bottom: 0; margin-top: 1.53846em; margin-bottom: 1.53846em; text-align: center; } } .mod_breadcrumb.-right { float: right; } @media screen and (max-width: 599px) { .mod_breadcrumb.-right { float: none; } } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } p.back a:before, p.previous a:before, p.next a:after { font: 0.8em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } p.next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li strong, .pagination li span { padding: 4px 12px; background-color: #ffffff; } .pagination li .current, .pagination li .active { border-bottom: 1px solid #f2f2f2; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .news-image-teaser { zoom: 1; position: relative; margin: 4.53333em 0; } .news-image-teaser:before { content: ""; display: table; } .news-image-teaser:after { content: ""; display: table; clear: both; } .news-image-teaser:first-child { margin-top: 3em; } .news-image-teaser h2 { margin: 0 3.21429em 0.35714em 0; font-size: 1.86667em; font-weight: normal; line-height: 1.28607; color: inherit; } @media screen and (max-width: 599px) { .news-image-teaser h2 { margin-right: 0; } } .news-image-teaser h2 a { color: inherit; } .news-image-teaser h2 a:hover, .news-image-teaser h2 a:focus { color: #004d9e; text-decoration: none; } .news-image-teaser p { margin: 0.66667em 0; color: #98a0ab; } .news-image-teaser p.news-image-teaser-info { margin: -0.46667em 0 0.33333em; } .news-image-teaser-image { float: right; max-width: 35%; margin-left: 5%; } @media screen and (max-width: 599px) { .news-image-teaser-image { float: none; max-width: none; margin-left: 0; margin-bottom: 0.66667em; } } .news-image-teaser-image img { display: block; max-width: 100%; height: auto; margin: 0; } .news-image-teaser-date { position: absolute; right: 0.71429em; top: 0; width: 1.85714em; padding: 0.25em 0 0.32143em; font-size: 1.86667em; font-weight: bold; line-height: 1; color: #004d9e; text-align: center; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 599px) { .news-image-teaser-date { position: static; float: right; } .news-image-teaser-image ~ .news-image-teaser-date { position: absolute; right: auto; left: 0.71429em; } } .news-image-teaser-date b { display: block; margin: -0.05882em 0 0; font-size: 0.60714em; font-weight: normal; text-transform: uppercase; } .news-image-teaser-more { font-size: 0.86667em; font-weight: bold; letter-spacing: 0.07692em; text-transform: uppercase; } .news-boxed { zoom: 1; margin: 2.66667em 0; } .news-boxed:before { content: ""; display: table; } .news-boxed:after { content: ""; display: table; clear: both; } .news-boxed-item h3 { margin: 0; font-size: 1.2em; font-weight: normal; line-height: 1.33389; } .news-boxed-item h3 > a { color: inherit; text-decoration: none; } .news-boxed-item h3 > a:hover, .news-boxed-item h3 > a:focus { color: #004d9e; } .news-boxed-item p { margin: 0.66667em 0; color: #98a0ab; } .news-boxed-item p.news-boxed-item-info { margin: 0 0 0.16667em; font-size: 0.8em; } .news-boxed-item-image { position: relative; margin-bottom: 0.33333em; } .news-boxed-item-image:after { font: 1.66667em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; right: 0.8em; padding: 0.32em; color: #004d9e; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .news-boxed-item-image img { display: block; width: 100%; height: auto; } .news-boxed-item-image-more > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.07143em; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #004d9e; background: rgba(0, 77, 158, 0.5); opacity: 0; } .news-boxed-item-image-more > a:hover, .news-boxed-item-image-more > a:focus { opacity: 1; } .news-boxed-item-image-more > a:before { content: ""; display: block; height: 50%; margin-bottom: -0.78571em; } .news-link-list-item { margin: 0.8em 0; min-height: 2.66667em; } .news-link-list-item:hover time:before { top: 0.4em; } .news-link-list-item:hover b { margin-top: 40px; } .news-link-list-item time { position: relative; float: left; width: 3.6em; height: 3.6em; padding: 0.3em 0 0; overflow: hidden; font-size: 0.66667em; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; background: #3685ab; } .news-link-list-item time:before { font: 2em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -1em; left: 0.4em; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-link-list-item time b { display: block; font-size: 1.8em; font-weight: normal; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .-color-inverted .news-link-list-item time { background: #ffffff; color: #242424; } .news-link-list-item a { display: block; line-height: 1.33333em; } .news-link-list-item time + a { padding-left: 3.33333em; } .sidebar-news > .block { margin-bottom: 0.71429em; padding-bottom: 0.71429em; border-bottom: 1px dotted #dcdcdc; } .sidebar-news .info { margin-bottom: 0; } .sidebar .sidebar-news .image_container { margin-top: 0; } .sidebar .sidebar-news h2 { margin: 0.85714em 0 0; } .sidebar .sidebar-news p { margin: 0.42857em 0; } .main-content .mod_calendar { margin: 1.6em 0; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { border-right: 0; border-left: 0; text-align: center; } .mod_calendar th.current:before { font: 16px/1 "RockSolid Icons"; content: "\e037"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 6px; } .mod_calendar th.previous { border-right: 0; } .mod_calendar th.next { border-left: 0; text-align: right; } .mod_calendar th.label { font-size: 0.8em; text-align: center; text-transform: uppercase; letter-spacing: 0.07143em; } @media screen and (max-width: 599px) { .mod_calendar th.label > span { display: none; } } .mod_calendar td { vertical-align: top; width: 14.28571%; } @media screen and (max-width: 599px) { .mod_calendar td { text-align: center; } } .mod_calendar td.today { font-weight: bold; background-color: #dcdcdc; } .mod_calendar .event { font-size: 0.8em; } .mod_calendar .minicalendar .label { padding-left: 0; padding-right: 0; } .mod_calendar .minicalendar td { padding: 0.2em; text-align: center; } .mod_newsletterlist ul { padding-left: 0; list-style-type: none; } .mod_newsletterlist ul li { border-bottom: 1px solid #dcdcdc; padding: 0.53333em 0; } .mod_newsletterlist ul li:before { font: 2em/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; float: left; width: 1.33333em; margin-top: 0.13333em; color: #004d9e; } .mod_newsletterlist ul a { display: block; font-size: 1.4em; } .mod_eventlist { margin-top: 1.6em; } .mod_eventlist > .header { font-weight: bold; } .mod_eventlist .event { overflow: hidden; margin-bottom: 3.2em; } .mod_eventlist .event > h2 { margin-top: 0; font-size: 1.6em; } .mod_faqlist ul { list-style: none; padding-left: 0; } .mod_faqlist li:before { font: 100%/1 "RockSolid Icons"; content: "\e0f7"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.53333em; } .mod_faqpage section { margin: 2.4em 0; padding-left: 4.8em; } .mod_faqpage h3 { position: relative; margin: 1em 0; padding: 0.47619em 0 0.71429em; border-bottom: 1px solid #f2f2f2; font-size: 1.4em; } .mod_faqpage h3:before, .mod_faqpage h3 + *:before { content: "Q"; position: absolute; top: 0; left: -2.57143em; width: 1.78571em; padding: 0.35714em 0.39286em 0.42857em; border-radius: 100%; font-size: 1.33333em; line-height: 1; color: #ffffff; text-align: center; background: #004d9e; } .mod_faqpage h3 + * { position: relative; } .mod_faqpage h3 + *:before { content: "A"; left: -3.75em; font-size: 1.06667em; } .mod_faqpage p { margin-top: 0.8em; margin-bottom: 0.8em; } .mod_faqpage .info { font-size: 0.86667em; color: #98a0ab; } .mod_faqreader .info { font-size: 0.86667em; color: #98a0ab; } .mod_search { margin: 1.8em 0; } .mod_search .widget { display: inline; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 1.06667em; padding-bottom: 1em; } .mod_search form button[type="submit"], .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 599px) { .mod_search form button[type="submit"], .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.71429em; font-size: 0.58333em; } .mod_search .header { padding-bottom: 0.33333em; border-bottom: 1px solid #dcdcdc; color: #98a0ab; } .mod_search .highlight { padding: 0 0.26667em; font-weight: bold; background: #ccdbeb; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #dcdcdc; font-size: 0.93333em; color: #98a0ab; } .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.35714em; } .mod_search .url .filesize { font-size: 0.85714em; } .comment_default { margin: 1.6875em 0; padding: 1.25em 6.25% 0; border: 1px solid #dcdcdc; font-size: 1.06667em; background: #ffffff; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .comment_default .info { margin-top: 0; border-bottom: 1px solid #dcdcdc; } .comment_default .reply { margin-left: 6.66667%; } .comment_default .reply .info { font-weight: bold; } .ce_comments .form { margin-top: 2.4em; } .ce_comments .form .widget { clear: none; margin-top: 1.6em; } .ce_comments .form .widget:nth-of-type(-n+4) { float: left; width: 46.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-n+4) { width: 100%; } } .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: -1%; margin-left: 6.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: 0; margin-left: 0; } } .ce_comments .form .widget:nth-of-type(5) { clear: both; padding-top: 1.6em; } .ce_comments .form .widget input { width: 100%; } .ce_comments .form .widget textarea { width: 100%; } .ce_comments .form .checkbox_container { margin: 0; border: 0; margin-top: -1.2em; padding: 0; } .ce_comments h2 + .form, .ce_comments h2 + .form > form { margin-top: 0; } .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.2em 0 0.2em 1.86667em; } .mod_sitemap ul li li.submenu ul { margin: 0; } .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.66667em; color: #004d9e; } .mod_sitemap a:before { margin-right: 0.53333em; } .mod_subscribe .submit, .mod_unsubscribe .submit { padding-top: 1em; padding-bottom: 0.78571em; } .mod_subscribe.-centered { text-align: center; } .centered-wrapper .mod_subscribe input[type=text], .centered-wrapper .mod_subscribe input[type=email] { width: 30%; min-width: 17.33333em; } .centered-wrapper .mod_subscribe .submit { width: auto; } .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { width: 100%; } @media screen and (max-width: 599px) { .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { display: inline; margin: 0; } } .sidebar .mod_subscribe .submit { width: 100%; margin-top: 0.26667em; } /* =========================================== * Sidebar / Widgets * ======================================== */ .sidebar { position: relative; float: left; width: 18.75%; margin: 2.66667em 0 0 3.125%; font-size: 0.93333em; } @media screen and (max-width: 900px) { .sidebar { float: none; clear: both; width: auto; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .sidebar { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-sidebar-right .sidebar { float: right; margin-right: 3.125%; margin-left: 0; } @media screen and (max-width: 900px) { .oneo-sidebar-right .sidebar { float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .oneo-sidebar-right .sidebar { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-3-columns .sidebar.-right { left: 53.125%; margin-right: -18.75%; } @media screen and (max-width: 900px) { .oneo-3-columns .sidebar.-right { left: auto; clear: none; margin-right: 0; } } @media screen and (max-width: 599px) { .oneo-3-columns .sidebar.-right { margin-right: 4.16667%; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { margin: 2.14286em 0 0.5em; font-size: 1em; font-weight: bold; color: #98a0ab; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1.06667em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } .sidebar > .block { margin: 1.33333em 0; } @media screen and (max-width: 900px) { .sidebar > .block { float: left; width: 43.75%; margin-left: 4.16667%; } } @media screen and (max-width: 599px) { .sidebar > .block { float: none; width: auto; margin-left: 0; } } .sidebar .ce_youtube-wrapper, .sidebar .ce_vimeo-wrapper { margin: 0.8em 0; } .sidebar .image_container { margin: 0.8em 0 0; } .sub-navigation h3, .sub-navigation h3 a { color: inherit; } .sub-navigation > ul { font-size: 0.92857em; } .sub-navigation ul a, .sub-navigation ul strong, .sub-navigation ul span.active, .sub-navigation ul span.trail, .sub-navigation ul span.forward { display: block; padding: 0.38462em 0; color: inherit; } .sub-navigation ul a:before, .sub-navigation ul strong:before, .sub-navigation ul span.active:before, .sub-navigation ul span.trail:before, .sub-navigation ul span.forward:before { margin-right: 0.53846em; } .sub-navigation ul strong.active, .sub-navigation ul strong.trail, .sub-navigation ul span.active, .sub-navigation ul span.trail { font-weight: bold; } .sub-navigation ul ul { margin: 0 0 0 1.53846em; } .sub-navigation li[data-icon]:before, .sub-navigation li[class^="icon-"]:before, .sub-navigation li[class*=" icon-"]:before { content: none; } /* =========================================== * Footer * ======================================== */ .news-footer { margin: 2.66667em 0; } .news-footer > h1, .news-footer > h2, .news-footer > h3 { margin-bottom: 0.66667em; font-size: 2.4em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .news-footer > h1, .news-footer > h2, .news-footer > h3 { font-size: 1.86667em; } } .news-footer > h1:after, .news-footer > h2:after, .news-footer > h3:after { content: ""; display: block; width: 3.33333em; height: 2px; margin-top: 0.66667em; background: #004d9e; } .news-footer.-centered { text-align: center; } .news-footer.-centered > h1:after, .news-footer.-centered > h2:after, .news-footer.-centered > h3:after { margin-right: auto; margin-left: auto; } .news-footer-item h3 { margin: 0; font-size: 1.6em; font-weight: bold; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .news-footer-item h3 { font-size: 1.33333em; } } .news-footer-item p { margin: 0.13333em 0 0; color: #98a0ab; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; } .-color-inverted .news-footer-item p { color: #dcdcdc; } .news-footer-item > a { position: relative; display: block; color: inherit; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; } .news-footer-item > a:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 0; background: #004d9e; -webkit-transition: top 0.6s ease-in, height 0.6s ease-in; -moz-transition: top 0.6s ease-in, height 0.6s ease-in; -o-transition: top 0.6s ease-in, height 0.6s ease-in; transition: top 0.6s ease-in, height 0.6s ease-in; } .news-footer-item > a:hover, .news-footer-item > a:focus { text-decoration: none; color: #ffffff; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; } .news-footer-item > a:hover:before, .news-footer-item > a:focus:before { top: 0; height: 100%; -webkit-transition: top 0.2s ease-out, height 0.2s ease-out; -moz-transition: top 0.2s ease-out, height 0.2s ease-out; -o-transition: top 0.2s ease-out, height 0.2s ease-out; transition: top 0.2s ease-out, height 0.2s ease-out; } .news-footer-item > a:hover p, .news-footer-item > a:focus p { color: #dcdcdc; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; } .news-footer-item-inner { position: relative; padding-top: 1.6em; padding-bottom: 1.6em; } .icon-text-block { position: relative; padding-left: 2em; } .icon-text-block > p { margin: 1em 0; } .icon-text-block:before { position: absolute; top: 0.26667em; left: 0; color: #004d9e; } .footer-links { float: right; margin: 0; padding: 2.14286em 0; font-size: 0.93333em; color: #98a0ab; } @media screen and (max-width: 900px) { .footer-links { float: none; padding-top: 0; } } .footer-links ul, .footer-links li { display: inline; margin: 0; padding: 0; } .footer-links li:before { content: ""; display: inline-block; width: 1px; height: 0.78571em; margin: 0 0.57143em 0 0.35714em; background: #98a0ab; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links strong, .footer-links span.trail, .footer-links span.active, .footer-links span.forward { color: inherit; } .footer-top-link { position: relative; display: block; z-index: 1; clear: both; width: 2.66667em; height: 3.33333em; overflow: hidden; margin: -1.66667em auto 0; color: #ffffff; text-indent: -999em; } @media screen and (max-width: 599px) { .footer-top-link { margin-top: 1.66667em; } } .footer-top-link:after { font: 1.06667em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.0625em; text-align: center; background: #3685ab; } .footer-top-link:hover:after, .footer-top-link:focus:after { color: #3685ab; background-color: #eaf2f6; } .main-content .icon-links { padding-left: 0; list-style-type: none; } .icon-links li { padding-bottom: 0.4em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .footer-icon-links { margin: 2.66667em; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); padding: 0; text-align: center; list-style: none; } .footer-icon-links ul, .footer-icon-links li { display: inline; margin: 0; padding: 0; } .footer-icon-links a { display: inline-block; margin: 0 0.53333em; width: 4em; height: 4em; overflow: hidden; border: 2px solid #dcdcdc; border-radius: 99em; color: #98a0ab; } .footer-icon-links a:hover, .footer-icon-links a:focus { color: #ffffff; text-decoration: none; background: #dcdcdc; } .footer-icon-links a:before { display: block; width: 100%; height: 100%; padding-top: 0.66667em; font-size: 1.6em; } .footer-navigation { margin: 0 2.66667em; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); text-align: center; list-style: none; } @media screen and (max-width: 599px) { .footer-navigation { margin: 1.33333em 4.16667%; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); } } .footer-navigation ul, .footer-navigation li { display: inline; margin: 0; padding: 0; } .footer-navigation li:before { /* disable icons */ content: none; display: none; } .footer-navigation a, .footer-navigation strong, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward { display: inline-block; padding: 0.83333em 1.66667em; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 599px) { .footer-navigation a, .footer-navigation strong, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward { padding: 0.5em 0.83333em; } } .footer-copyright { margin: 0 2.66667em 2.66667em; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); color: #98a0ab; text-align: center; } .footer-copyright a { color: inherit; } .footer-copyright .rocksolid-copyright { display: block; color: inherit; opacity: 0.75; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 600px; } @media screen and (min-height: 600px) { .main-slider { height: calc(100vh - 3.86667em); } } @media screen and (min-height: 600px) and (max-width: 900px) { .main-slider { height: calc(100vh - 6.4em - 2em); } } @media screen and (max-width: 599px) { .main-slider { height: auto; } .main-slider img { max-width: 100%; height: auto; } } .rsts-skin-testimonials .testimonial { margin: 0; } .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.8em 0; padding: 2.13333em 0 0 0; } .rsts-skin-testimonials .rsts-header { margin-top: -2.13333em; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0 0 1.06667em; padding: 0 5.33333em; font-size: 0.93333em; font-weight: bold; color: #98a0ab; text-align: center; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -2.53333em; right: 1.46667em; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-prev:focus, .rsts-skin-testimonials .rsts-next:hover, .rsts-skin-testimonials .rsts-next:focus { text-decoration: none; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #dcdcdc; } .rsts-skin-testimonials .rsts-prev:hover:after, .rsts-skin-testimonials .rsts-prev:focus:after, .rsts-skin-testimonials .rsts-next:hover:after, .rsts-skin-testimonials .rsts-next:focus:after { color: #c3c3c3; } .rsts-skin-testimonials .rsts-next { right: -0.6em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; left: -4px; top: 0; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #dcdcdc; border-radius: 100%; background: #dcdcdc; background: rgba(220, 220, 220, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #dcdcdc; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } .rsts-skin-oneo.rsts-main { position: relative; } .rsts-skin-oneo .rsts-caption { padding: 0.4em 0; color: #98a0ab; } .-color-inverted .rsts-skin-oneo .rsts-caption { color: #dcdcdc; } .rsts-skin-oneo .rsts-prev, .rsts-skin-oneo .rsts-next, .rsts-skin-oneo .rsts-video-play, .rsts-skin-oneo .rsts-video-stop { position: absolute; top: 50%; left: 1.33333em; left: calc(1.33333em + var(--safe-area-left)); overflow: hidden; margin-top: -1.73333em; border: 2px solid #717c8e; border-radius: 99em; outline: none; line-height: 0; color: #717c8e; text-indent: -99em; background-color: rgba(113, 124, 142, 0); opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-oneo .rsts-prev:hover, .rsts-skin-oneo .rsts-prev:focus, .rsts-skin-oneo .rsts-next:hover, .rsts-skin-oneo .rsts-next:focus, .rsts-skin-oneo .rsts-video-play:hover, .rsts-skin-oneo .rsts-video-play:focus, .rsts-skin-oneo .rsts-video-stop:hover, .rsts-skin-oneo .rsts-video-stop:focus { text-decoration: none; background-color: rgba(113, 124, 142, 0.25); } .sidebar .rsts-skin-oneo .rsts-prev, .sidebar .rsts-skin-oneo .rsts-next, .sidebar .rsts-skin-oneo .rsts-video-play, .sidebar .rsts-skin-oneo .rsts-video-stop { bottom: 0.4em; } .rsts-skin-oneo .rsts-prev:after, .rsts-skin-oneo .rsts-next:after, .rsts-skin-oneo .rsts-video-play:after, .rsts-skin-oneo .rsts-video-stop:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1.21429em; } .rsts-skin-oneo:hover .rsts-prev, .rsts-skin-oneo:hover .rsts-next, .rsts-skin-oneo:hover .rsts-nav { opacity: 1; } .rsts-skin-oneo .rsts-next { left: auto; right: 1.33333em; right: calc(1.33333em + var(--safe-area-right)); } .rsts-skin-oneo .rsts-next:after { content: "\e019"; } .oneo-fullwidth .tagline .rsts-skin-oneo .rsts-prev { left: 0; } .oneo-fullwidth .tagline .rsts-skin-oneo .rsts-next { right: 0; } .rsts-skin-oneo .rsts-nav { position: absolute; left: 0; bottom: 5%; width: 100%; opacity: 0; } @media screen and (max-width: 599px) { .rsts-skin-oneo .rsts-nav { bottom: 30px; } } .rsts-skin-oneo .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-oneo .rsts-nav li { display: inline; } .rsts-skin-oneo .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-skin-oneo .rsts-nav-bullets a { overflow: hidden; width: 16px; height: 16px; margin: 0; padding: 4px; line-height: 0; text-indent: -99em; } .rsts-skin-oneo .rsts-nav-bullets a:after { content: ""; display: block; width: 8px; height: 8px; border: 2px solid rgba(113, 124, 142, 0); border-radius: 100%; background-color: #717c8e; background-clip: padding-box; } .rsts-skin-oneo .rsts-nav-bullets a:hover:after, .rsts-skin-oneo .rsts-nav-bullets a.active:after { border-color: #717c8e; background-color: rgba(113, 124, 142, 0.25); } .rsts-skin-oneo .rsts-nav-numbers a, .rsts-skin-oneo .rsts-nav-tabs a { margin: 5px; border: 2px solid #717c8e; font-size: 0.86667em; line-height: 0.61538em; color: #98a0ab; background-color: #717c8e; } .rsts-skin-oneo .rsts-nav-numbers a:hover, .rsts-skin-oneo .rsts-nav-numbers a.active, .rsts-skin-oneo .rsts-nav-tabs a:hover, .rsts-skin-oneo .rsts-nav-tabs a.active { color: #717c8e; background-color: #717c8e; text-decoration: none; } .rsts-skin-oneo .rsts-nav-thumbs a { margin: 0; padding: 0; } .rsts-skin-oneo .rsts-nav-prev, .rsts-skin-oneo .rsts-nav-next { display: none !important; } .rsts-skin-oneo .rsts-video-play, .rsts-skin-oneo .rsts-video-stop { opacity: 1; } .rsts-skin-oneo .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.6em; height: 5.6em; margin: -2.8em 0 0 -2.8em; border-width: 3px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rsts-skin-oneo .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.86667em; line-height: 2.78571em; text-align: center; } .rsts-skin-oneo .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; } .rsts-skin-oneo .rsts-video-stop:after { content: "\d7"; padding: 0.78571em; } .rsts-skin-oneo .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; } .rsts-skin-oneo .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-oneo .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; } .rsts-skin-oneo .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-oneo.rsts-video-playing .rsts-nav, .rsts-skin-oneo.rsts-video-playing .rsts-prev, .rsts-skin-oneo.rsts-video-playing .rsts-next { display: none; } .rsts-skin-oneo.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-oneo .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-oneo .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-oneo .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-oneo.rsts-invert-controls .rsts-prev, .rsts-skin-oneo.rsts-invert-controls .rsts-next, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop { border-color: #ffffff; color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-prev:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-prev:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-next:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-next:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:focus { background-color: rgba(255, 255, 255, 0.25); } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:after { border-color: rgba(255, 255, 255, 0); background-color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:hover:after, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a.active:after { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a { border-color: #ffffff; color: #dcdcdc; background-color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a.active, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a.active { color: #ffffff; background-color: #ffffff; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main { position: relative; margin: 2.4em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view { padding: 0 4em; } @media screen and (max-width: 599px) { .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view { padding-right: 2em; padding-left: 2em; } } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul { height: 0; margin: 0; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next { position: absolute; top: 50%; left: 0; margin-top: -1.06667em; border: 1px solid #f2f2f2; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #ffffff; } .rsts-skin-testimonials-centered .rsts-prev:hover, .rsts-skin-testimonials-centered .rsts-prev:focus, .rsts-skin-testimonials-centered .rsts-next:hover, .rsts-skin-testimonials-centered .rsts-next:focus, .rsts-skin-partner .rsts-prev:hover, .rsts-skin-partner .rsts-prev:focus, .rsts-skin-partner .rsts-next:hover, .rsts-skin-partner .rsts-next:focus { text-decoration: none; } .sidebar .rsts-skin-testimonials-centered .rsts-prev, .sidebar .rsts-skin-testimonials-centered .rsts-next, .sidebar .rsts-skin-partner .rsts-prev, .sidebar .rsts-skin-partner .rsts-next { bottom: 0.4em; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #98a0ab; } .rsts-skin-testimonials-centered .rsts-prev:hover:after, .rsts-skin-testimonials-centered .rsts-prev:focus:after, .rsts-skin-testimonials-centered .rsts-next:hover:after, .rsts-skin-testimonials-centered .rsts-next:focus:after, .rsts-skin-partner .rsts-prev:hover:after, .rsts-skin-partner .rsts-prev:focus:after, .rsts-skin-partner .rsts-next:hover:after, .rsts-skin-partner .rsts-next:focus:after { color: #7c8694; } .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next { left: auto; right: 0; } .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next { display: none !important; } .rsts-skin-testimonials-centered .rsts-nav, .rsts-skin-partner .rsts-nav, .rsts-skin-mega-dropdown .rsts-nav, .rsts-skin-carousel .rsts-nav { line-height: 0; } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul, .rsts-skin-carousel .rsts-nav ul { padding: 0; text-align: center; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item, .rsts-skin-partner .rsts-nav .rsts-nav-item, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item, .rsts-skin-carousel .rsts-nav .rsts-nav-item { display: inline; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a, .rsts-skin-partner .rsts-nav .rsts-nav-item a, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a, .rsts-skin-carousel .rsts-nav .rsts-nav-item a { display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #dcdcdc; border-radius: 100%; background: #dcdcdc; background: rgba(220, 220, 220, 0.5); } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active { text-decoration: none; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after { background-color: #dcdcdc; } .rsts-skin-partner .rsts-nav { margin: 1.6em 0; } .rsts-skin-mega-dropdown.rsts-main { margin: 0; } .rsts-skin-mega-dropdown .rsts-view { padding: 0; } .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next { position: absolute; top: 50%; overflow: hidden; margin-top: -3.33333em; padding: 1.33333em; line-height: 0; color: inherit; text-indent: -99em; background: #ffffff; } .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { content: ""; display: block; width: 1.86667em; height: 1.86667em; border: 2px solid currentColor; border-top: 0; border-left: 0; text-indent: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus { outline: none; } .rsts-skin-mega-dropdown .rsts-prev { right: 103.33333%; } .oneo-boxed .rsts-skin-mega-dropdown .rsts-prev { right: auto; left: -3.33333%; } @media screen and (max-width: 1280px) { .rsts-skin-mega-dropdown .rsts-prev.rsts-prev { /* doubled class for specificity */ right: auto; left: 0; margin-left: -1.33333em; } } .rsts-skin-mega-dropdown .rsts-prev:after { margin-right: -1em; } .rsts-skin-mega-dropdown .rsts-next { left: 103.33333%; } .oneo-boxed .rsts-skin-mega-dropdown .rsts-next { right: -3.33333%; left: auto; } @media screen and (max-width: 1280px) { .rsts-skin-mega-dropdown .rsts-next.rsts-next { /* doubled class for specificity */ right: 0; left: auto; margin-right: -1.33333em; } } .rsts-skin-mega-dropdown .rsts-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -1em; } .rsts-skin-mega-dropdown .rsts-nav { text-align: center; } .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next { display: none !important; } .rsts-skin-carousel .rsts-nav ul { margin: 0.4em 0; } .rsts-skin-carousel .rsts-prev, .rsts-skin-carousel .rsts-next { display: none !important; } .rsts-skin-carousel .rsts-nav-prev, .rsts-skin-carousel .rsts-nav-next { display: inline; margin-right: 1.33333em; } .rsts-skin-carousel .rsts-nav-prev a, .rsts-skin-carousel .rsts-nav-next a { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-carousel .rsts-nav-prev a:after, .rsts-skin-carousel .rsts-nav-next a:after { font: 1.06667em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.5em; color: #98a0ab; } .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:after { color: #ffffff; } .rsts-skin-carousel .rsts-nav-prev a:hover, .rsts-skin-carousel .rsts-nav-prev a:focus, .rsts-skin-carousel .rsts-nav-next a:hover, .rsts-skin-carousel .rsts-nav-next a:focus { text-decoration: none; } .rsts-skin-carousel .rsts-nav-prev a:hover:after, .rsts-skin-carousel .rsts-nav-prev a:focus:after, .rsts-skin-carousel .rsts-nav-next a:hover:after, .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #7c8694; } .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:hover:after, .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:focus:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:hover:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #e6e6e6; } .rsts-skin-carousel .rsts-nav-next { margin-left: 1.33333em; margin-right: 0; } .rsts-skin-carousel .rsts-nav-next a:after { content: "\e019"; } .rsts-skin-light .rsts-nav { position: absolute; bottom: 20px; margin: 0; width: 100%; } .oneo-laptop-slider { position: relative; overflow: hidden; background: url("../../files/oneo/img/laptop-background.png") 50% 50% no-repeat; background-size: 100% 100%; } .oneo-laptop-slider:after { content: ""; position: absolute; top: 0.5%; right: 9.6%; z-index: 2; width: 30%; height: 0; padding-top: 48%; background: url("../../files/oneo/img/laptop-reflection.png") 50% 50% no-repeat; background-size: 100% 100%; pointer-events: none; } .oneo-laptop-slider .rsts-view { margin-top: 3.5%; margin-right: 12%; margin-left: 12%; margin-bottom: 8.5%; } .oneo-laptop-slider .rsts-nav { bottom: 20%; } .slider-navigation { margin: 2.4em 0 1.6em; text-align: center; } .slider-navigation-prev, .slider-navigation-next { display: inline-block; vertical-align: middle; overflow: hidden; padding: 1em; line-height: 0; color: inherit; text-indent: -99em; } .slider-navigation-prev:after, .slider-navigation-next:after { content: ""; display: block; width: 1.86667em; height: 1.86667em; border: 2px solid currentColor; border-top: 0; border-left: 0; text-indent: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .slider-navigation-prev:hover, .slider-navigation-prev:focus, .slider-navigation-next:hover, .slider-navigation-next:focus { outline: none; } .slider-navigation-prev { margin-right: 6em; } @media screen and (max-width: 599px) { .slider-navigation-prev { margin-right: 1.33333em; } } .slider-navigation-next { margin-left: 6em; } @media screen and (max-width: 599px) { .slider-navigation-next { margin-left: 1.33333em; } } .slider-navigation-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../../files/cto_layout/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../files/cto_layout/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../files/cto_layout/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../files/cto_layout/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../files/cto_layout/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../files/cto_layout/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.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(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-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);-ms-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{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /** * Auszüge aus anderen css von cto_layout zusammenkopiert, wegen Konflikten wenn alles eingebunden wird */ /* ============================================================================= * ce_popup * ========================================================================== */ .ce_popup_start { display: none; } .ce_popup_start.popup_show { display: block; } .ce_popup_start .ce_popup_overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100000; } .ce_popup_start.popup_show .ce_popup_overlay, .ce_popup_start.popup_show .ce_popup_content { -webkit-animation: fadeIn 1s ease; -moz-animation: fadeIn 1s ease; -ms-animation: fadeIn 1s ease; animation: fadeIn 1s ease; } .ce_popup_start.overlay_light .ce_popup_overlay { background: rgba(255,255,255,0.7); } .ce_popup_start.overlay_dark .ce_popup_overlay { background: rgba(0,0,0,0.6); } .ce_popup_start .ce_popup_content { border-color: rgb(30,136,210); position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 200000; width: 90%; max-width: 600px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); padding-bottom: 35px; background: rgb(255,255,255); border-top: 4px solid rgb(100,100,100); } .ce_popup_start .ce_popup_content .checkbox { position: absolute; bottom: 2px; left: 10px; z-index: 10; font-size: 0.9rem; } .ce_popup_start .ce_popup_content .checkbox input { width: auto; margin-right: 5px; } .chrome .ce_popup_start .ce_popup_content .checkbox input { position: relative; top: 2px; } .ce_popup_start .ce_popup_content .checkbox label { display: inline-block; } /** * gallery */ /* ============================================================================= * ce_gallery * ========================================================================== */ .ce_gallery .cols_2 li { width: calc(100% / 2); float: left; } .ce_gallery .cols_3 li { width: calc(100% / 3); float: left; } .ce_gallery .cols_4 li { width: calc(100% / 4); float: left; } .ce_gallery .cols_5 li { width: calc(100% / 5); float: left; } .ce_gallery .cols_6 li { width: calc(100% / 6); float: left; } .ce_gallery .cols_7 li { width: calc(100% / 7); float: left; } .ce_gallery .cols_8 li { width: calc(100% / 8); float: left; } .ce_gallery .cols_9 li { width: calc(100% / 9); float: left; } .ce_gallery .cols_10 li { width: calc(100% / 10); float: left; } .ce_gallery .cols_11 li { width: calc(100% / 11); float: left; } .ce_gallery .cols_12 li { width: calc(100% / 12); float: left; } .edge .ce_gallery .cols_2 li { width: 49.8%; float: left; } .edge .ce_gallery .cols_3 li { width: 33.20%; float: left; } .edge .ce_gallery .cols_4 li { width: 24.98%; float: left; } .edge .ce_gallery .cols_5 li { width: 19.98%; float: left; } .edge .ce_gallery .cols_6 li { width: 16.65%; float: left; } .edge .ce_gallery .cols_7 li { width: 14.285%; float: left; } .edge .ce_gallery .cols_8 li { width: 12.46%; float: left; } .edge .ce_gallery .cols_9 li { width: 11.11%; float: left; } .edge .ce_gallery .cols_10 li { width: 10%; float: left; } .edge .ce_gallery .cols_11 li { width: 9.09%; float: left; } .edge .ce_gallery .cols_12 li { width: 8.33%; float: left; } .ce_gallery .gallery-margin { margin-left: -10px; margin-right: -10px; } .ce_gallery .gallery-margin .image_container { margin: 0 5px 10px; } .ce_gallery .image_container { margin: 0; } .ce_gallery a { width: 100%; height: 100%; display: block; } .ce_gallery .content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 100%; background: rgba(152,152,152,0.8); opacity: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_gallery li:hover .content { opacity: 1; } .ce_gallery li img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_gallery .image_container { overflow: hidden; } .ce_gallery .content-outside { display: table; width: 100%; height: 100%; } .ce_gallery .content-inside { display: table-cell; vertical-align: middle; text-align: center; color: rgb(255,255,255); line-height: 1.5; } .ce_gallery .capt h1, .ce_gallery .capt h2, .ce_gallery .capt h3, .ce_gallery .capt h4, .ce_gallery .capt h5, .ce_gallery .capt h6 { font-size: 1.067rem; font-weight: bold; letter-spacing: 1px; color: rgb(255,255,255); margin: 0; } .ce_gallery .capt h1:after, .ce_gallery .capt h2:after, .ce_gallery .capt h3:after, .ce_gallery .capt h4:after, .ce_gallery .capt h5:after, .ce_gallery .capt h6:after { content: ''; width: 50px; height: 2px; display: block; margin: 8px auto 15px auto; background: rgb(255,255,255); } .ce_gallery .capt { font-size: 0.8rem; } .ce_gallery .borders li { border-right: 1px solid rgb(229,229,229); border-bottom: 1px solid rgb(229,229,229); } .ce_gallery .borders li.row_last { border-bottom: 1px solid transparent; } .ce_gallery .borders li.col_last { border-right-color: transparent; } .ce_gallery .borders li:hover img { transform: none; -webkit-transform: none; } .ce_gallery .image_container i.fa.fa-plus-circle { position: relative; height: 50px; width: 50px; } .ce_gallery .image_container i.fa.fa-plus-circle:before { content: ''; width: 50px; height: 1px; background: rgb(255,255,255); display: inline-block; position: absolute; top: 25px; left: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .ce_gallery .image_container i.fa.fa-plus-circle:after { content: ''; width: 50px; height: 1px; background: rgb(255,255,255); display: inline-block; position: absolute; top: 25px; left: 0; } .ce_gallery li:hover .image_container i.fa.fa-plus-circle:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* ============================================================================= * ce_gallery flex-gallery * ========================================================================== */ .ce_gallery ul.flex-gallery { display: flex; flex-wrap: wrap; align-items: center; } .ce_gallery ul.flex-gallery li { max-width: none; line-height: 0; text-align: center; } .ce_gallery ul.flex-gallery.cols_1 li { flex: 0 0 100%; } .ce_gallery ul.flex-gallery.cols_2 li { flex: 0 0 calc(100% / 2); } .ce_gallery ul.flex-gallery.cols_3 li { flex: 0 0 calc(100% / 3); } .ce_gallery ul.flex-gallery.cols_4 li { flex: 0 0 calc(100% / 4); } .ce_gallery ul.flex-gallery.cols_5 li { flex: 0 0 calc(100% / 5); } .ce_gallery ul.flex-gallery.cols_6 li { flex: 0 0 calc(100% / 6); } .ce_gallery ul.flex-gallery.cols_7 li { flex: 0 0 calc(100% / 7); } .ce_gallery ul.flex-gallery.cols_8 li { flex: 0 0 calc(100% / 8); } .ce_gallery ul.flex-gallery.cols_9 li { flex: 0 0 calc(100% / 9); } .ce_gallery ul.flex-gallery.cols_10 li { flex: 0 0 calc(100% / 10); } .ce_gallery ul.flex-gallery.cols_11 li { flex: 0 0 calc(100% / 11); } .ce_gallery ul.flex-gallery.cols_12 li { flex: 0 0 calc(100% / 12); } /* ============================================================================= * ce_gallery template elevatezoom * ========================================================================== */ .ce_elevatezoom .elevatezoom_gallery_window { margin-bottom: 10px; } .ce_elevatezoom .elevatezoom_gallery_window img:first-child { width: 100%!important; max-width: 100%; height: auto!important; position: static!important; display: block; } .ce_elevatezoom .elevatezoom_gallery_window img { display: none; } .ce_elevatezoom img { width: 100%; max-width: 100%; height: auto; } .ce_elevatezoom .zoomWrapper { width: 100%!important; height: auto!important; } .ce_elevatezoom ul, .ce_elevatezoom li { overflow: hidden; } .ce_elevatezoom ul { margin-left: -5px; margin-right: -5px; display: flex; flex-wrap: wrap; } .ce_elevatezoom li { padding-left: 5px; padding-right: 5px; margin-bottom: 5px; } .zoomContainer { z-index: 1000; height: auto!important; } .ce_elevatezoom .cols_2 li { flex: 0 0 calc(100% / 2); } .ce_elevatezoom .cols_3 li { flex: 0 0 calc(100% / 3); } .ce_elevatezoom .cols_4 li { flex: 0 0 calc(100% / 4); } .ce_elevatezoom .cols_5 li { flex: 0 0 calc(100% / 5); } .ce_elevatezoom .cols_6 li { flex: 0 0 calc(100% / 6); } .ce_elevatezoom .cols_7 li { flex: 0 0 calc(100% / 7); } .ce_elevatezoom .cols_8 li { flex: 0 0 calc(100% / 8); } .ce_elevatezoom .cols_9 li { flex: 0 0 calc(100% / 9); } .ce_elevatezoom .cols_10 li { flex: 0 0 calc(100% / 10); } .ce_elevatezoom .cols_11 li { flex: 0 0 calc(100% / 11); } .ce_elevatezoom .cols_12 li { flex: 0 0 calc(100% / 12); } .ce_elevatezoom li.col_first { clear: both; } /* ============================================================================= * mobile * ========================================================================== */ @media only screen and (max-width: 767px) { .ce_gallery .gallery-margin .image_container { margin-bottom: 10px; } .ce_gallery [class*='cols_'] li { width: 49.8%; } .ce_gallery .borders li, .ce_gallery .borders li.col_last { border-right: 1px solid transparent; width: 50%; } .ce_gallery .borders li.row_last { border-bottom: 1px solid rgb(229,229,229); } .ce_gallery .borders li:nth-child(odd) { border-right: 1px solid rgb(229,229,229); } .ce_gallery ul.flex-gallery li { flex: 0 0 50%!important; } .ce_elevatezoom [class*='cols_'] li { flex: 0 0 50%!important; } .ce_elevatezoom li:nth-child(3n) { clear: both; } } /** * cc_article GEOCEPT catalog */ /* ============================================================================= * cc_article list * ========================================================================== */ .mod_customcataloglist.cc_article .entry { flex: 0 0 33.33%; border-right: 1px solid rgb(241, 241, 241); border-bottom: 1px solid rgb(241, 241, 241); min-height: 440px; } .mod_customcataloglist.cc_article .entry:nth-child(3n+0) { border-right: 0; } .mod_customcataloglist.cc_article .swiper-wrapper .entry { border-bottom: 0; border-right: 1px solid rgb(241, 241, 241); } .mod_customcataloglist.cc_article .swiper-button-next:after, .mod_customcataloglist.cc_article .swiper-button-prev:after { color: rgba(0,0,0,0.4); } .mod_customcataloglist.cc_article .swiper-button-next, .mod_customcataloglist.cc_article .swiper-button-prev { margin-top: -45px; } .mod_customcataloglist.cc_article .item-inside { overflow: hidden; position: relative; text-align: center; padding-bottom: 30px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; border-top: 10px solid transparent; } .mod_customcataloglist.cc_article .item-inside:hover { border-top: 10px solid rgb(241, 241, 241); } .mod_customcataloglist.cc_article h6 { padding: 10px 20px 0 10px; margin-bottom: 0; margin-top: 10px; text-transform: uppercase; } .mod_customcataloglist.cc_article .brand { color: rgb(180,180,180); margin-bottom: 5px; } .mod_customcataloglist.cc_article .preis { font-size: 1.15rem; } .mod_customcataloglist.cc_article .preis span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } .mod_customcataloglist.cc_article .item-state { position: absolute; left: 10px; top: 10px; z-index: 10; background: rgb(92,184,92); color: rgb(255,255,255); text-transform: uppercase; font-size: 0.8em; font-weight: bold; padding: 0 7px; border-radius: 2px; } .mod_customcataloglist.cc_article .ce_number { display: inline-block; } .mod_customcataloglist.cc_article .item-wrapper { display: flex; flex-wrap: wrap; overflow: hidden; } .mod_customcataloglist:not(.mod_customcatalogteaser).cc_article .item-wrapper { border: 1px solid rgb(240,240,240); border-radius: 8px; } .mod_customcataloglist.cc_article .item-leftside, .mod_customcataloglist.cc_article .item-rightside { float: none; width: 100%; } .mod_customcataloglist.cc_article .item-leftside .image_container img { height: auto; width: 100%; max-width: 100%; } .mod_customcataloglist.cc_article .item-link-youtube, .mod_customcataloglist.cc_article .item-link-detail { padding-left: 20px; } .mod_customcataloglist.cc_article .item-rightside .item-content-col1, .mod_customcataloglist.cc_article .item-rightside .item-content-col2 { width: 100%; float: none; text-align: left; } .mod_customcataloglist.cc_article .notelist { margin-bottom: 15px; } .mod_customcataloglist.cc_article .rateit_container button, .mod_customcataloglist.cc_article .rateit_container .counter { display: none!important; } .mod_customcataloglist.cc_article .rateit_container { display: inline-block; margin-top: 20px; } .mod_customcataloglist.cc_article .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcataloglist.cc_article .rateit_container .thankyou { display: none!important; } .mod_customcataloglist.cc_article .pagination { padding: 20px 20px 10px 20px; } .mod_customcataloglist.cc_article .swiper-button-disabled { display: none; } @media only screen and (max-width: 970px) { .mod_customcataloglist.cc_article .entry { flex: 0 0 50%; } .mod_customcataloglist.cc_article .entry:nth-child(3n+0) { border-right: 1px solid rgb(241, 241, 241); } .mod_customcataloglist.cc_article .entry:nth-child(2n+0) { border-right: 0; } } /* ============================================================================= * item highlight w/star * ========================================================================== */ .mod_customcataloglist.cc_article .item-highlight-icon { background: rgba(0,0,0,0.1); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 10; } /* ============================================================================= * cc_article teaser * ========================================================================== */ .mod_customcatalogteaser.cc_article .entry { flex: 0 0 25%; text-align: center; position: relative; margin-bottom: 35px; min-height: 420px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; border: 1px solid transparent; } .mod_customcatalogteaser.cc_article .entry:hover { border: 1px solid rgb(190,190,190); } .mod_customcatalogteaser.cc_article .rateit_container button, .mod_customcatalogteaser.cc_article .rateit_container .counter { display: none!important; } .mod_customcatalogteaser.cc_article .rateit_container { display: inline-block; margin-top: 20px; margin-bottom: 20px; } .mod_customcatalogteaser.cc_article .rateit_container .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogteaser.cc_article .rateit_container .thankyou { display: none!important; } .mod_customcatalogteaser.cc_article .item-highlight-icon { background: rgba(0,0,0,0.1); color: rgb(255,255,255); position: absolute; top: 0; right: 0; width: 60px; height: 26px; margin-right: -30px; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: top; padding: 0 1em; font-size: 0.8em; text-align: center; z-index: 10; } .mod_customcatalogteaser.cc_article h6 { padding: 10px 20px 0 10px; margin-bottom: 0; margin-top: 10px; text-transform: uppercase; } .mod_customcatalogteaser.cc_article .preis { font-size: 1.15rem; } .mod_customcatalogteaser.cc_article .preis span { font-size: 1rem; text-decoration: line-through; margin-left: 5px; display: inline-block; } /* ============================================================================= * cc_article reader * ========================================================================== */ .mod_customcatalogreader.cc_article .single-leftside { width: 58%; float: left; } .mod_customcatalogreader.cc_article .single-rightside { width: 42%; float: left; padding-left: 30px; } .mod_customcatalogreader.cc_article .single-top-content { overflow: hidden; } .mod_customcatalogreader.cc_article .single-preis-new { font-size: 2rem; font-weight: bold; display: inline-block; margin-right: 20px; } .mod_customcatalogreader.cc_article .single-preis-old { display: inline-block; text-decoration: line-through; font-size: 1.5rem; transform: translateY(-2px); -webkit-transform: translateY(-2px); } .mod_customcatalogreader.cc_article h1 { font-size: 1.6rem; margin-bottom: 5px; } .mod_customcatalogreader.cc_article .single-subheadline { color: rgb(180,180,180); } .mod_customcatalogreader.cc_article .single-short-description { margin: 20px 0; } .mod_customcatalogreader.cc_article .single-stock { background: rgb(85,198,94); color: rgb(255,255,255); font-weight: bold; padding: 3px 10px; border-radius: 2px; display: inline-block; margin-bottom: 20px; } .mod_customcatalogreader.cc_article .single-stock.stockout { background: rgb(201,21,25); } .mod_customcatalogreader.cc_article .single-datasheet { margin-bottom: 20px; } .mod_customcatalogreader.cc_article .single-metadata { border-top: 1px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); margin: 20px 0 25px 0; overflow: hidden; } .mod_customcatalogreader.cc_article .single-metadata strong { display: block; } .mod_customcatalogreader.cc_article .single-metadata-col1, .mod_customcatalogreader.cc_article .single-metadata-col2, .mod_customcatalogreader.cc_article .single-metadata-col3 { width: 50%; float: left; font-size: 1.2em; border-right: 1px solid rgb(221,221,221); } .mod_customcatalogreader.cc_article .single-metadata-col2 { border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221); padding-left: 10px; width: 50%; } .mod_customcatalogreader.cc_article .single-metadata-col3 { padding-left: 10px; } .mod_customcatalogreader.cc_article table.table-striped { width: 100%; margin-bottom: 20px; } .mod_customcatalogreader.cc_article table.table-striped td { padding: 5px; } .mod_customcatalogreader.cc_article table.table-striped tr { background: rgba(0,0,0,0.03); } .mod_customcatalogreader.cc_article table.table-striped tr:nth-child(odd) { background: none; } .mod_customcatalogreader.cc_article .notelistamount { display: none; } .mod_customcatalogreader.cc_article .notelist input.submit { width: auto; } .mod_customcatalogreader.cc_article .notelist input.update { display: none; } .mod_customcatalogreader.cc_article .ce_tabs { margin: 65px 0 35px 0; } .mod_customcatalogreader.cc_article .ce_tabs .tabs.classic ul li.active { background: rgb(230,230,230); color: rgb(255,255,255); } .mod_customcatalogreader.cc_article .ce_tabs .panes { background: rgb(255,255,255); padding: 30px; border: 1px solid rgb(230,230,230); } .mod_customcatalogreader.cc_article .single-features ul { overflow: hidden; } .mod_customcatalogreader.cc_article .single-features li { width: 33.333%; float: left; margin-bottom: 13px; } .mod_customcatalogreader.cc_article .single-print { margin: 12px 0 5px 0; } .mod_customcatalogreader.cc_article .single-print a, .mod_customcatalogreader.cc_article .single-mail a { color: rgb(140,140,140); } .mod_customcatalogreader.cc_article .single-print a:hover, .mod_customcatalogreader.cc_article .single-mail a:hover { color: rgb(50,50,50); } .mod_customcatalogreader.cc_article .single-print i, .mod_customcatalogreader.cc_article .single-mail i { margin-right: 5px; } .notelist .submit_container input.submit:hover { opacity: 0.9; } .mod_customcatalogreader.cc_article .ce_number { display: inline-block; } .mod_customcatalogreader.cc_article .single-rating { margin: 11px 0; } .mod_customcatalogreader.cc_article .single-rating button, .mod_customcatalogreader.cc_article .single-rating .counter { display: none!important; } .mod_customcatalogreader.cc_article .single-rating .rateit_container { display: inline-block; margin-right: 10px; } .mod_customcatalogreader.cc_article .single-rating .single-rating-count { display: inline-block; position: relative; top: -2px; } .mod_customcatalogreader.cc_article .single-color { margin-bottom: 25px; } .mod_customcatalogreader.cc_article .single-color li { border: 1px solid rgb(200,200,200); width: 22px; height: 22px; display: inline-block; text-indent: -9999px; background: rgb(0,0,0); } .mod_customcatalogreader.cc_article .single-metadata div { font-size: 0.9rem; } .mod_customcatalogreader.cc_article .elevatezoom_gallery_wrapper { border: 5px solid rgb(240,240,240); } .mod_customcatalogreader.cc_article .elevatezoom_gallery_wrapper ul { border-top: 1px solid rgb(240,240,240); } .mod_customcatalogreader.cc_article .elevatezoom_gallery_wrapper li.entry { border-left: 1px solid rgb(240,240,240); margin-bottom: 0; padding-bottom: 1%; } .mod_customcatalogreader.cc_article .elevatezoom_gallery_wrapper li.entry:first-child { border-left: 0; } .mod_customcatalogreader.cc_article .single-technical-data table { font-size: 0.9rem; } .mod_customcatalogreader.cc_article .single-technical-data table tr td { padding: 5px; background: rgb(244,244,244); border: 0; } .mod_customcatalogreader.cc_article .single-technical-data table tr.odd td { background-color: rgb(255,255,255); } .mod_customcatalogreader.cc_article .single-mail { margin-top: 10px; } /* tag color */ .mod_customcatalogreader.cc_article .single-color li.value_blau { background: rgb(93,156,236); } .mod_customcatalogreader.cc_article .single-color li.value_rot { background: rgb(204, 41, 56); } .mod_customcatalogreader.cc_article .single-color li.value_schwarz { background: rgb(0,0,0); } .mod_customcatalogreader.cc_article .single-color li.value_gelb { background: rgb(243,156,17); } /* ============================================================================= * cc_article filter * ========================================================================== */ .mod_customcatalogfilter.cc_article fieldset { margin: 0; border: 0; padding: 0 0 20px 0; border-top: 1px solid rgb(241, 241, 241); } .mod_customcatalogfilter.cc_article legend { margin-bottom: 10px; } .mod_customcatalogfilter.cc_article div.widget { margin-bottom: 10px; } .mod_customcatalogfilter.cc_article .checkbox_container input { width: 20px; float: left; margin-top: 1px; } .mod_customcatalogfilter.cc_article .checkbox_container label { position: relative; top: -8px; } .mod_customcatalogfilter.cc_article .filter_range input { background: transparent; border: 0; height: 32px; padding: 0; font-size: inherit; } .mod_customcatalogfilter.cc_article .filter_range label { display: none; } .mod_customcatalogfilter.cc_article .filter_range .ui-slider-range { background: rgb(50,50,50); } .mod_customcatalogfilter.cc_article .filter_range .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cc_article .submit_container .clear_all_filters { background: transparent; color: inherit; padding: 0; border: 0; text-align: left; } .mod_customcatalogfilter.cc_article .submit_container .clear_filters { display: none; } .mod_customcatalogfilter.cc_article .text_autocomplete_container label { display: none; } .mod_customcatalogfilter.cc_article .filter_text label { display: none; } .mod_customcatalogfilter.cc_article .filter_text legend label { display: inline-block; } .mod_customcatalogfilter.cc_article .filter_geolocation .slider_range_input { background: transparent; border: 0; height: 3rem; padding: 0; font-size: 3rem; line-height: 3rem; } .mod_customcatalogfilter.cc_article .filter_geolocation .ui-slider-range { background: rgb(225, 225, 225)!important; border-color: rgb(225, 225, 225); } .mod_customcatalogfilter.cc_article .filter_geolocation .ui-widget-content { border-color: rgb(225, 225, 225); } .mod_customcatalogfilter.cc_article .filter_geolocation .ui-state-default { background: rgb(62, 62, 62); border-color: rgb(62, 62, 62); border-radius: 100%; } .mod_customcatalogfilter.cc_article .filter_geolocation .range_container { margin-bottom: 0; } .mod_customcatalogfilter.cc_article .filter_geolocation .ui-slider { clear: both; margin: 0 10px; } .mod_customcatalogfilter.cc_article .filter_geolocation input { margin-bottom: 15px; } .mod_customcatalogfilter.cc_article .filter_geolocation i { margin-right: 5px; } /* ============================================================================= * cc_article_reseller * ========================================================================== */ .mod_customcataloglist.cc_article_reseller .gmap { height: 650px; } /* ============================================================================= * phone * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_customcatalogreader.cc_article .single-leftside, .mod_customcatalogreader.cc_article .single-rightside { float: none; width: 100%; } .mod_customcatalogreader.cc_article .single-rightside { margin-top: 20px; padding: 0; } .mod_customcatalogreader.cc_article .ce_tabs { padding: 0; } .mod_customcatalogreader.cc_article .single-features li { width: 100%; float: none; } .mod_customcatalogreader.cc_article .single-metadata-col1, .mod_customcatalogreader.cc_article .single-metadata-col2, .mod_customcatalogreader.cc_article .single-metadata-col3 { font-size: 1em; } .mod_customcatalogreader.cc_article .single-preis strong { font-size: 1.5em; } .mod_customcatalogreader.cc_article .single-preis span { margin-top: 20px; } .mod_customcataloglist.cc_article.cc_article_col2 .notelist { margin-bottom: 20px; } .mod_customcataloglist.cc_article.cc_article_col2 { margin-left: -1%; margin-right: -1%; overflow: hidden; } .mod_customcataloglist.cc_article.cc_article_col2 .entry { width: 100%; float: none; padding-left: 0; padding-right: 0; } .mod_customcataloglist.cc_article.cc_article_col2 .item-leftside .image_container img { height: auto; } .mod_customcataloglist.cc_article .list-options { display: none; } .mod_customcataloglist.cc_article .entry, .mod_customcatalogteaser.cc_article .entry{ flex: 0 0 100%; } } /*-----------------------------------------------------------------*/ /* Kopie aus columns.css von rocksolid um andere max-width bei medium für .fading-boxes einzustellen */ @media screen and (max-width: 1200px) and (min-width: 850.01px) { .rs-column { margin-top: 0; margin-right: 4%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 4%; } .rs-column.-large-first-row { margin-top: 4%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -4px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 48%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 30.66%; } .rs-column.-medium-col-3-2 { width: 65.333%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 22%; } .rs-column.-medium-col-4-2 { width: 52%; } .rs-column.-medium-col-4-3 { width: 78%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 16.8%; } .rs-column.-medium-col-5-2 { width: 37.6%; } .rs-column.-medium-col-5-3 { width: 58.4%; } .rs-column.-medium-col-5-4 { width: 79.2%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 13.33%; } .rs-column.-medium-col-6-2 { width: 30.66%; } .rs-column.-medium-col-6-3 { width: 47.99%; } .rs-column.-medium-col-6-4 { width: 65.33%; } .rs-column.-medium-col-6-5 { width: 82.66%; } .rs-column.-medium-col-6-6 { width: 100%; } } /* Kopie aus columns.css von rocksolid um andere max-width bei medium für .fading-boxes einzustellen */ @media screen and (max-width: 850px) { #neues>div>.teaser-boxes, #branchen { padding-right: 5%; padding-left: 5%; } .rs-column { margin-top: 0; margin-right: 4%; } .rs-column.-large-last { margin-right: 4%; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 4%; } .rs-column.-medium-first-row { margin-top: 4%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -4px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 48%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 30.66%; } .rs-column.-small-col-3-2 { width: 65.33%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 22%; } .rs-column.-small-col-4-2 { width: 52%; } .rs-column.-small-col-4-3 { width: 78%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 16.8%; } .rs-column.-small-col-5-2 { width: 37.6%; } .rs-column.-small-col-5-3 { width: 58.4%; } .rs-column.-small-col-5-4 { width: 79.2%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 13.33%; } .rs-column.-small-col-6-2 { width: 30.66%; } .rs-column.-small-col-6-3 { width: 47.99%; } .rs-column.-small-col-6-4 { width: 65.33%; } .rs-column.-small-col-6-5 { width: 82.66%; } .rs-column.-small-col-6-6 { width: 100%; } } /*------------------------------------------------------------------*/ .rs-column { margin-top: 0 !important; max-width: 500 } @media screen and (max-width: 850px) { .rs-column.-medium-col-2-1, .oneo-no-sidebar .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 .rs-column.-small-col-1-1 { width: 100%; } } /* Cookie akzeptieren Button */ .mod_cms_accept_tags .formbody .widget-submit { text-align: center !important; } .mring-pic { max-width: 400px; margin-left: auto; margin-right: auto; } .-columns-2 >.multicolumn-icon-list { width: max-content; padding-right: 30px; } .multicolumn-icon-lists { margin: 0.8em auto 1.6em auto; width: max-content; } /* Start: Sterne auf Slider */ .star-icon { padding-top: 0 !important; padding-bottom: 0 !important; width: 100%; } .star-icon a { padding-top: 0 !important; padding-bottom: 0 !important; display: table !important; } .star-icon a img { width: 100% !important; } .star-left a img, .star-left a, .star-left { margin-left: 0 !important; padding-left: 0 !important; } .star-right a img, .star-right a, .star-righ { margin-right: 0 !important; padding-right: 0 !important; } @media (orientation: landscape) { .star-icon a { width: 30vh; } .star-right { padding-left: calc(100% - 30vh) !important; } .star-left { padding-right: calc(100% - 30vh) !important; } } @media (orientation: portrait) { .star-icon a { width: 25vh; } .star-right { padding-left: calc(100% - 25vh) !important; } .star-left { padding-right: calc(100% - 25vh) !important; } } .star-icon a img { transition: all 0.6s ease-in-out 0s; transform-style: preserve-3d; } .star-icon a img:hover { transform: rotate(360deg); transition: all 0.6s ease-in-out 0s; } @media (max-width: 599px) { #Link_mobile { display: table !important; } #Link_pc { display: none !important; } } @media (min-width: 600px) { #Link_pc { display: table !important; } #Link_mobile { display: none !important; } } /* End: Sterne auf Slider */ /* Start: gelber Zettel auf Slider */ .typing-headline { padding-top: 20px; padding-bottom: 20px; border-radius: 20px; border: solid rgb(52, 54, 54); border-width: 1px; /*background-color: rgb(211, 55, 59); background-color: hsla(358, 64%, 52%, 0.90); */ background-color: hsla(134, 39%, 49%, 0.90); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); } #headerbox_pc .button, #headerbox_mobile .button { background-color: rgb(52, 54, 54) !important; -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 75%) !important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important } #headerbox_pc a.button:hover, #headerbox_mobile a.button:hover { color: white !important; background: #6C7179 !important;} .button { display: inline-block !important; } @media screen and (min-height: 660px) { .bannerBoxDist { height: 10vh !important;; } } @media screen and (max-height: 350px) { .typing-headline > a { display: none !important; } } @media screen and (max-height: 660px) { .typing-headline > h2 { font-size: 1.3em !important; } .typing-headline > h3 { font-size: 1.3em !important; } .typing-headline > p { font-size: 0.9em !important; } } @media screen and (min-height: 651px) and (max-height: 750px) { .typing-headline > h2 { font-size: 2.4em !important; } .typing-headline > h3 { font-size: 2.4em !important; } } .rsts-invert-controls .centered-wrapper { padding-right: 10vw; padding-left: 10vw; } .rsts-invert-controls .centered-wrapper .centered-wrapper-inner { margin: auto !important; width: fit-content !important; } .typing-headline { padding-right: 20px; padding-left: 20px; } /* Ende: gelber Zettel auf Slider */ /* Höhe vom Headerslider wird an Nav-höhe + 2nd Nav-Höhe angepasst */ @media screen and (min-height: 100px) and (max-width: 654px) { .main-slider { height: calc(100vh - 11em) !important; } } @media screen and (min-height: 100px) and (max-width: 921px) and (min-width: 655px) { .main-slider { height: calc(100vh - 9.2em) !important; } } @media screen and (min-height: 100px) and (min-width: 922px) { .main-slider { height: calc(100vh - 5.533333333333333em) !important; } } /* Überschreiben: normale Navigation kommt erst ab 655 Breite und nicht schon ab 600 */ @media screen and (max-width: 654px) { .main-navigation { display: none !important; } .main-navigation-mobile-open { display: block !important; } .logo { float: none !important; text-align: center !important; padding-top: 0.8em !important; } .secondary-navigation { display: none !important; } html { font-size: 13px; } .main-content { padding-top: 0 !important; } } @media screen and (min-width: 655px) { .secondary-navigation { display: inline-block !important; } } @media screen and (max-width: 920px) { .logo { position: static; float: left; margin-left: 4.16667%; margin-left: var(--page-padding-left); padding-top: 0em; padding-bottom: 0em; } } /* alle Button */ .button, .submit, input[name="save_settings"] { border-radius: 5px !important; background-color: #004D9E !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important; } a.button:hover, button.submit:hover, input[name="save_settings"]:hover { color: white !important; background: #6C7179 !important;} a.button:active, button.submit:active, input[name="save_settings"]:active { color: white; background: #004D9E } a.button:visited, button.submit:visited, input[name="save_settings"]:visited { color: white; background: #004D9E } a.button:link, button.submit:link, input[name="save_settings"]:link { color: white; background: #004D9E } a.button:focus, button.submit:focus, input[name="save_settings"]:focus { color: white; background: #6C7179 } a:visited { text-decoration: none;} a:active { text-decoration: none;} a:focus { text-decoration: none;} /* anordnung logo und main navigationsleiste */ .main-navigation-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } @media (min-width: 655px) { /* Abstand von der Hauptnavigation (sofern kein Mobile) */ .ce_text.first.block { margin-top: 80px; } .logo { left: 50vw !important; } .logo img { height: 50px; } } @media (max-width: 654px) { .logo { left: auto !important; margin-left: 0px; } .logo img { height: 50px; } } @media (max-width: 380px) { .logo { left: auto !important; margin-left: 0px; } .logo img { height: 40px; } } @media (max-width: 340px) { .logo { left: auto !important; right: 5px !important; margin-left: auto !important; margin-right: 5px !important; } .logo img { height: 40px; } } @media (max-width: 290px) { .logo img { height: 35px; } } @media (max-width: 260px) { .logo img { height: 30px; } } @media (max-width: 230px) { .logo img { height: 25px; } } @media (max-width: 200px) { .logo img { height: 20px; } } .logo { top: 2px !important; position: static; } .logo > a { display: inline-block; } .main-navigation, .main-navigation-search { background-color: white; } /* Footer scroll up Button */ .footer-top-link:after { background-color: #004D9E; bottom: 1em; } /* Copyright Footer */ .footer-copyright { margin: 0px; padding-top: 1em; padding-bottom: 1em; background-color: #004D9E; color: white; } /* Einstellungen für Handy */ @media (max-width: 554px) { .not-visible-mobile { display: none; } .margin-bottom-10px-mobile { margin-bottom: 0px !important; } } /* Einstellungen für Tablet */ @media (max-width: 921px) { .not-visible-tablet { display: none; } } /* eigener Zurück Öink mit allen Eigenchaften vom Stardard Zurück übernommen */ p.myBack a:before, p.previous a:before, p.next a:after { font: 0.8em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } /* standard Zurück Link immer ausblenden */ .back { display: none !important; } /* Start: Ausrichten Warenkorb etc. im Header */ .secondary-navigation-wrapper { background: #004D9E !important; text-align: right !important; margin-right: 0 !important; padding-right: 8vw !important; } .ce_rsce_oneo_anchor_nav.secondary-navigation { padding-left: 0 !important; padding-right: 0 !important; } .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { color: #ffffff !important; padding: 0.2em 1.85em !important; } /* Ende: Ausrichten Warenkorb etc. im Header */ .no_bottom_margin { margin-bottom: 0px !important; } a:active, a:focus, a:hover, a:visited { outline: 0; border: none; -moz-outline-style: none; } .ce_accordionSingle.first.ce_accordion.ce_text.block { margin-top: 0px; } .ce_accordion:before { color: #004D9E !important; } .ce_accordion_icon_active:before { color: #333 !important; } .ce_accordion .toggler:after { content: "\e015" !important; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "" !important; } .ce_accordion .toggler.ui-accordion-header-active { background-color: rgb(246, 241, 152); color: #333; } .ce_accordion .toggler.ui-accordion-header-active:hover { background-color: rgb(246, 241, 152); color: #333; } .toggler.ui-accordion-header-collapsed { background-color: #f2f2f2 !important; color: #004D9E !important; } .toggler.ui-accordion-header-collapsed:hover { background-color: #FCFADC !important; color: #004D9E !important; } .ui-accordion-content { background-color: #FFF !important; } .main-navigation>.level_1>.no_main_menue { display: none; } .footer-navigation>.level_1>.no_footer_menue { display: none; } .main-navigation-mobile>.mod_navigation>.level_1>.no_main_menue { display: none; } .main-navigation-mobile>.mod_navigation>.level_1 .no_mobile_menue { display: none; } .nowrap { white-space: nowrap; } .main-navigation > ul > li > ul { min-width: inherit; width: 200px; left: inherit; border: 1.5px solid #666666; border-radius: 0 5px 5px 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important; text-align: center; } .main-navigation > ul > li > ul >li { margin-left: auto; margin-right: auto; } .main-navigation-mobile>.mod_navigation>.level_1 { font-size: 18px !important; } .main-navigation-mobile a, .main-navigation-mobile, .main-navigation-mobile ul ul { background-color: #004D9E !important; background: #004D9E !important; color: #FFF; } .main-navigation-mobile a:hover { background: #242424 !important; } .content-wrapper { margin-top: 0 !important; } .lightblue { background: #D9EBF9 !important; } .bg_white { background: #FFFFFF !important; } .twentytwenty-wrapper { margin-bottom: 0px !important; } .width25 { margin-top: 0px !important; margin-bottom: 0px !important; vertical-align: top !important; width: min-content !important; } .width25 .icon-boxes,.width25 .icon-boxes .icon-boxes-item { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .width25 .icon-boxes .icon-boxes-item .icon-boxes-item-icons { margin-top: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } .width75,.width75 .ce_text,.width75 .ce_text > p { margin-top: 0px !important; vertical-align: top !important; } @media screen and (max-width: 599px) and (min-width: 480px) { .width75 { width: 70% !important; } } @media screen and (max-width: 639px) and (min-width: 600px) { .width75 { width: 60% !important; } } @media screen and (max-width: 899px) and (min-width: 640px) { .width75 { width: 70% !important; } } @media (min-width: 1100px) { .width75 { width: 70% !important; } } @media (min-width: 768px) { .no_mobilelayout { display: block; } .mobilelayout { display: none; } } @media (max-width: 767px) { .mobilelayout { display: block; } .no_mobilelayout { display: none; } } .elevatezoom_gallery.button { padding: 0 !important; } .elevatezoom_gallery_wrapper>div>.cols_4 { padding-left: 0 !important; margin-block-end: 0.3em; } .mod_customcatalogreader.cc_article .ce_tabs { margin: 0px 0 35px 0 !important; } .big.preis_monat { font-weight: bold; font-size: larger; margin-top: 0.8em; } .no_mobilelayout.single-leftside.smallWidth { width: 30% !important; } .smallImage { width: 50% !important; margin-left: 25% !important; } .bannertreebg { background-image: url("/files/geocept/img/Background_Banner_Tree1.jpg") !important; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ } .bannerheavenbg { background-image: url("/files/geocept/img/Backround_Banner_Himmel1.jpg") !important; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ } .bannermapbg { background-image: url("/files/geocept/img/Backround_Banner_Karte1.jpg") !important; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ } .center { text-align:center !important; } /* Start: Login Form */ .mod_login.login > h2 { display: none !important; } .mod_login.login > form > .formbody { width: 80%; max-width: 350px; display: table; margin-left: auto !important; margin-right: auto !important; } .mod_login.login > form > .formbody > .widget > *, .mod_login.login > form > .formbody > .fields > .widget > * { width: 100% !important; display: table; margin-left: auto !important; margin-right: auto !important; } .mod_login.login > form > .formbody > .widget, .mod_login.login > form > .formbody > .fields > .widget { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .mod_login.login > form > .formbody > .widget > .submit { width: fit-content !important; text-align: center !important; } /* Ende: Login Form */ /* Start: Registrierung Form */ .mod_registration > form > .formbody { width: 90%; max-width: 600px; display: table; margin-left: auto !important; margin-right: auto !important; } .mod_registration > form > .formbody > .fields > .widget > *, .mod_registration > form > .formbody > .widget > * { width: 100% !important; display: table; margin-left: auto !important; margin-right: auto !important; } .mod_registration > form > .formbody > .fields > .widget, .mod_registration > form > .formbody > .widget { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .mod_registration > form > .formbody > .widget > .submit { width: fit-content !important; text-align: center !important; } #ctrl_country_626 { height: 3em; } /* Ende: Registrierung Form */ /* Start: Passwort vergessen Form */ .mod_lostPassword > h2 { display: none !important; } .mod_lostPassword > form > .formbody { width: 80%; max-width: 350px; display: table; margin-left: auto !important; margin-right: auto !important; } .mod_lostPassword > form > .formbody > .widget > *, .mod_lostPassword > form > .formbody > .fields > .widget > * { width: 100% !important; display: table; margin-left: auto !important; margin-right: auto !important; } .mod_lostPassword > form > .formbody > .widget, .mod_lostPassword > form > .formbody > .fields > .widget { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .mod_lostPassword > form > .formbody > .widget > .submit { width: fit-content !important; text-align: center !important; } /* Ende: Passwort vergessen Form */ /* Start: Mindesthöhe für Inhaltbereich festlegen damit bei kurzem Inhalt der Footer ganz unten ist */ @media screen and (max-width: 99999px) and (min-width: 936px) { .content-wrapper { /* Firefox */ min-height: -moz-calc(100vh - 205px); /* WebKit */ min-height: -webkit-calc(100vh - 205px); /* Opera */ min-height: -o-calc(100vh - 205px); /* Standard */ min-height: calc(100vh - 205px); } } @media screen and (max-width: 935px) and (min-width: 921px) { .content-wrapper { /* Firefox */ min-height: -moz-calc(100vh - 257px); /* WebKit */ min-height: -webkit-calc(100vh - 257px); /* Opera */ min-height: -o-calc(100vh - 257px); /* Standard */ min-height: calc(100vh - 257px); } } @media screen and (max-width: 920px) and (min-width: 655px) { .content-wrapper { /* Firefox */ min-height: -moz-calc(100vh - 296px); /* WebKit */ min-height: -webkit-calc(100vh - 296px); /* Opera */ min-height: -o-calc(100vh - 296px); /* Standard */ min-height: calc(100vh - 296px); } } @media screen and (max-width: 654px) and (min-width: 600px) { .content-wrapper { /* Firefox */ min-height: -moz-calc(100vh - 290px); /* WebKit */ min-height: -webkit-calc(100vh - 290px); /* Opera */ min-height: -o-calc(100vh - 290px); /* Standard */ min-height: calc(100vh - 290px); } } @media screen and (max-width: 599px) and (min-width: 10px) { .content-wrapper { /* Firefox */ min-height: -moz-calc(100vh - 350px); /* WebKit */ min-height: -webkit-calc(100vh - 350px); /* Opera */ min-height: -o-calc(100vh - 350px); /* Standard */ min-height: calc(100vh - 350px); } } /* Ende: Mindesthöhe für Inhaltbereich festlegen damit bei kurzem Inhalt der Footer ganz unten ist */ /* Warenkorb etc. leer */ .empty.message { min-height: 240px; text-align: center !important; } .icon-boxes { margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .icon-boxes-item.-background-color { padding: 0 !important; margin-top: 0 !important; } .-inverted-icon > .icon-boxes-item-icon { width: 2.08333em; height: 2.08333em; margin-bottom: 0.41667em !important; padding-right: 0.5em !important; padding-left: 0em !important; border: 0 !important; font-size: 2.2em !important; color: #004d9e; background: #ffffff; background: rgba(255, 255, 255, 0.5); } .spaltig-2 > .icon-boxes-item { display: flex !important; } body { font-family: Roboto, sans-serif; } .icon-boxes-item-text, .icon-text-block { font-size: 17px; font-family: Roboto, sans-serif; font-weight: 300; line-height: 28.9px; color: rgb(52, 54, 54); -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .ce_text { font-size: 18px; font-weight: 300; line-height: 28.9px; color: rgb(52, 54, 54); -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .margin_bottom30 { margin-bottom: 60px !important; } /* Start: In den Warenkorb-Button und Mengenfeld */ .quantity_container > div > form { width: 90%; display: flex; justify-content: center; } .quantity_container > div > form > input[name="quantity_requested"] { background: #fff; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: center; font-size: 22px; font-weight: 700; min-height: 50px; padding: 10px 20px; border: none; color: #000; box-shadow: 0px 1px 2px 0 rgb(99 99 99 / 30%); height: 1.8rem; line-height: 1.2rem; max-width: 100%; outline: none; position: relative; transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s; overflow: visible; margin: 0; margin-bottom: 0; width: 40%; } .quantity_container > div > form > .add_to_cart { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; width: 60%; justify-content: center; margin-top: 0; padding: 5px 20px; align-items: center; min-height: 50px; font-weight: 500; border: none; max-width: 100%; flex-wrap: wrap; white-space: inherit; line-height: 1.2; height: inherit; background: #004d9e; color: #fff; -webkit-transition: background 0.2s; appearance: none; outline: none; text-align: center; text-decoration: none; user-select: none; vertical-align: middle; margin: 0; cursor: pointer; font-size: 0.9em; display: inline-block; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } /* End: In den Warenkorb-Button und Mengenfeld */ /* Start: Warenkorb Modul */ .cardrow > td { max-width: fit-content !important; } .cardrow > td > input { min-width: 5em; } .mod_iso_cart > form { max-width: fit-content !important; margin-left: auto; margin-right: auto; } .mod_iso_cart > form > div > input { float: right; margin-left: 10px; } .submit.button_checkout, .submit.button_update, .submit.button { background: #004d9e; color: white; } .submit.previous.button { display: none !important; } .submit.button_checkout:hover, .submit.button_update:hover, .submit.button:hover { background: #6C7179 !important; color: white; } .submit.button_checkout:focus, .submit.button_update:focus, .submit.button:focus { background: #6C7179 !important; color: white; } .submit.button_checkout:active, .submit.button_update:active, .submit.button:active { background: #004D9E !important; color: white; } .submit.button_checkout:visited, .submit.button_update:visited, .submit.button:visited { background: #004D9E !important; color: white; } .submit.button_checkout:link, .submit.button_update:link, .submit.button:link { background: #004D9E !important; color: white; } .submit.button_checkout { margin-bottom: 25px; } @media screen and (max-width: 499px) { #iso_ajaxBox { width: 100% !important; left: 0 !important; border-radius: 15px; } } @media screen and (min-width: 500px) and (max-width:1200px) { #iso_ajaxBox { width: 50% !important; left: 25% !important; border-radius: 15px; } } @media screen and (min-width: 1201px) { #iso_ajaxBox { width: 20% !important; left: 40% !important; border-radius: 15px; } } #iso_ajaxBox > div { text-align: center !important; } .radio_container > span > label { font-size: 17px; font-family: Roboto, sans-serif; font-weight: 300; color: rgb(52, 54, 54); } /* Ende: Warenkorb Modul */ .width100 { width: 100% !important; } .megamenu_gray { background: #F5F5F5 !important; } /* Für kleinges Background imgage rechts unten */ @media screen and (min-width: 1000px) { .margin-right-10vh { margin-right: 10vh !important; } } .colorwhite { color: #fff !important; } .border2 { border: 2px; } .border2 > div { margin: auto; text-align: center; } .nomarginright { margin-right: 0 !important; } .nomargintop > p { margin-top: 0 !important; } /* alle links blau auch wenn gehighlightet */ .-highlight-color a { color: #004d9e !important; } /* Start: Graue Content-Boxen bei Tarife z.B. */ .bggrey { background: #E2E2E2; padding: 10px; padding-left: 20px !important; padding-right: 20px !important; border-radius: 6px; margin-bottom: 2em !important; } .bggrey.centered-wrapper { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .bggrey > h3 { text-align: center; } .bggrey > ol { margin-bottom: 0.8em !important; } /* Start: Graue Content-Boxen bei Tarife z.B. */ /* Start: Blaue Content-Boxen bei GPS-Tracker z.B. */ .bgblue { background: #004d9e; color: #fff; padding: 10px; padding-left: 20px !important; padding-right: 20px !important; border-radius: 6px; margin-bottom: 2em !important; } .bgblue.centered-wrapper { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .bgblue > div > div > h2 { color: #fff; margin-bottom: 0 !important; } .bgblue > div > div > p { margin-bottom: 1.0em; } .bgblue > div > div { margin-bottom: 0 !important; } .bgblue > div > .headline-box:after { display: none !important; } .bgblue > div > div > p > span > a:hover { color: #FFF !important; background: #6C7179 !important; padding: 6px; border-radius: 6px; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .bgblue > div > div > p > span > a:active { color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .bgblue > div > div > p > span > a:visited { color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .bgblue > div > div > p > span > a:link { color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .bgblue > div > div > p > span > a:focus {color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} /* Ende: Blaue Content-Boxen bei GPS-Tracker z.B. */ .nowrap { white-space: nowrap; } /* Start: Cookie akzeptieren Dialog */ .mod_privacy_optin h1, .mod_privacy_optin h2, .mod_privacy_optin h3, .mod_privacy_optin h4, .mod_privacy_optin h5, .mod_privacy_optin h6 { font-family: Roboto, sans-serif; font-size: 1.5em !important; margin: 0 !important; margin-bottom: 0.5em !important; padding: 0 !important; background-image: none !important; } .privacy_popup { border-radius: 6px; margin-top: 5vh !important; } .privacy_buttons > input[name="save_all_settings"] { display: none !important; } .privacy_buttons > input { display: block; margin: 0 auto; width: fit-content !important; } .mod_privacy_optin .privacy_buttons input { background: #004d9e !important; } .mod_privacy_optin .ajax_info { background: #004d9e !important; } .listSpace, .listSpace > li { padding-bottom: 10px !important; } /* Ende: Cookie akzeptieren Dialog */ /* Warenkorb message zentrieren und größer */ .mod_iso_messages.block { font-size: 18px; font-weight: 600; line-height: 28.9px; color: rgb(52, 54, 54); text-align: center; } .ce_popup_content { border-radius: 6px; } .ce_popup_content > .checkbox { margin-bottom: 10px; margin-left: 30px; } .ce_popup_content > h1 { margin-left: 20px; margin-right: 20px; } .ce_popup_content > div { margin-right: 20px; } .ce_popup_content > div > p { margin-left: 20px; } .mega-dropdown.level_3 .teaser-boxes-item { padding: 0 !important; } .mega-dropdown.level_3 .teaser-boxes-image { display: flex !important; } .mega-dropdown.level_3 .teaser-boxes-content { padding-bottom: 0.8em; padding-left: 5px; padding-right: 5px; } .ce_iconbox_inside { display: flex !important; } .ce_iconbox_inside> .image_container { width: 8em !important; max-width: 8em !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; } .ce_iconbox_inside> .image_container > img { width: 7em !important; max-width: 7em !important; text-align: left; padding-right: 1em !important; padding-top: 1em !important; } .ce_iconbox_inside> .ce_iconbox_cwrapper > div > p { font-size: 17px; font-family: Roboto, sans-serif; font-weight: 300; line-height: 28.9px; color: rgb(52, 54, 54); -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0.46667em 0; } .bgautobahn > .page { background-image: url("/files/geocept/img/BG_Autobahn.gif") !important; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ background-attachment: fixed } @media screen and (min-width: 2020px) { .bglkw > div > div > main > div > div { background-image: url("/files/geocept/img/BG_LKW1.gif"), url("/files/geocept/img/BG_Mulde.gif"); background-position: right bottom, left center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 15vw auto, 10vw auto; background-attachment: fixed } } .mod_navigation.footer-navigation { background-color: #fff !important; margin-right: 0 !important; margin-left: 0 !important; } .margin-left-5p { margin-left: 5%; } .min-table-width { min-width: 570px !important; } li:hover > .mega-dropdown { padding: 0 !important; } .button { text-transform: none !important;; } .large.buttom { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); } .large { font-size: 20px; } .dist_button { height: 0.8em; } .-boxed > .teaser-boxes-item { border-radius: 6px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75); } :not(.-invert-controls).ce_rsce_oneo_area_nav.area-navigation a { color: black; } :not(.-invert-controls).ce_rsce_oneo_area_nav.area-navigation a:after { background: black; } .ce_rsce_oneo_area_nav.area-navigation a.next:after, .ce_rsce_oneo_area_nav.area-navigation a.prev:after, .ce_rsce_oneo_area_nav.area-navigation a.next:hover:after, .ce_rsce_oneo_area_nav.area-navigation a.prev:hover:after { background-color: transparent; } .sr-only { visibility:hidden !important; display:none !important; clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .area-navigation a.prev > span, .area-navigation a.next { display: block; } @media screen and (max-width: 1280px) { .area-navigation a.prev, .area-navigation a.next { display: block; } } .area-navigation a > span { opacity: 0; margin: -1.0em 1.0em 0 0; font-size: 0.93333em; padding: 0.65em 0.9em; letter-spacing: 1px; color: #333; border-radius: 10px; background: rgba(255, 255, 255, .98); box-shadow: 0 1px 3px rgba(31, 31, 31, .2); } .area-navigation a:hover > span { max-width: 999px; opacity: 1; -webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); -moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); -o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); } .copyright-text { text-align: center; width: 100%; border: 1px solid black; }