.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-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)} /** clearing **/ .clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;} /** block grid **/ .autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;} .autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;} /** block grid wrapper **/ .autogrid_wrapper {margin-left: -1%; margin-right: -1%;} /** non block **/ .autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;} /* .block.autogrid.first, .block.autogrid:first-child {margin-left: -1%;} */ /* .block.autogrid.last, .block.autogrid:last-child {margin-right: -1%;} */ /** Non block grid **/ .full {width: 98%;} .one_half {width: 48%;} .one_third {width: 31.3333%;} .one_fourth {width: 23%;} .one_fifth {width: 18%;} .one_sixth {width: 14.6667%;} /** Block grid **/ .block.full {width: 100%;} .block.one_half {width: 50%;} .block.one_third {width: 33.3333%;} .block.one_fourth {width: 25%;} .block.one_fifth {width: 20%;} .block.one_sixth {width: 16.6667%;} .block.two_third {width: 66.6667%;} .block.two_fourth {width: 50%;} .block.three_fourth {width: 75%;} .block.two_fifth {width: 40%;} .block.three_fifth {width: 60%;} .block.four_fifth {width: 80%;} .block.two_sixth {width: 33.3333%;} .block.three_sixth {width: 49.9999%;} .block.four_sixth {width: 66.6667%;} .block.five_sixth {width: 83.3333%;} /** Non block grid system **/ /** odd split: 2 elements per row **/ .n2:not(.block).one_third {width: 32%;} .n2:not(.block).two_third {width: 64%;} .n2:not(.block).one_fourth {width: 24%;} .n2:not(.block).two_fourth {width: 48%;} .n2:not(.block).three_fourth {width: 72%;} .n2:not(.block).one_fifth {width: 19.2%;} .n2:not(.block).two_fifth {width: 38.4%;} .n2:not(.block).three_fifth {width: 57.6%;} .n2:not(.block).four_fifth {width: 76.8%;} .n2:not(.block).one_sixth {width: 16%;} .n2:not(.block).two_sixth {width: 32%;} .n2:not(.block).three_sixth {width: 48%;} .n2:not(.block).four_sixth {width: 64%;} .n2:not(.block).five_sixth {width: 80%;} /** odd split: 3 elements per row **/ .n3:not(.block).one_half {width: 47%;} .n3:not(.block).two_third {width: 62.6667%;} .n3:not(.block).one_fourth {width: 23.5%;} .n3:not(.block).two_fourth {width: 47%;} .n3:not(.block).three_fourth {width: 70.5%;} .n3:not(.block).one_fifth {width: 18.8%;} .n3:not(.block).two_fifth {width: 37.6%;} .n3:not(.block).three_fifth {width: 56.4%;} .n3:not(.block).four_fifth {width: 75.2%;} .n3:not(.block).one_sixth {width: 15.6667%;} .n3:not(.block).two_sixth {width: 31.3333%;} .n3:not(.block).three_sixth {width: 47%;} .n3:not(.block).four_sixth {width: 62.6667%;} .n3:not(.block).five_sixth {width: 78.3333%;} /** odd split: 4 elements per row **/ .n4:not(.block).one_half {width: 46%;} .n4:not(.block).one_third {width: 30.6667%;} .n4:not(.block).two_third {width: 61.3333%;} .n4:not(.block).two_fourth {width: 46%;} .n4:not(.block).three_fourth {width: 69%;} .n4:not(.block).one_fifth {width: 18.4%;} .n4:not(.block).two_fifth {width: 36.8%;} .n4:not(.block).three_fifth {width: 55.2%;} .n4:not(.block).four_fifth {width: 73.6%;} .n4:not(.block).one_sixth {width: 15.3333%;} .n4:not(.block).two_sixth {width: 30.6667%;} .n4:not(.block).three_sixth {width: 46%;} .n4:not(.block).four_sixth {width: 61.3333%;} .n4:not(.block).five_sixth {width: 76.6667%;} /** odd split: 5 elements per row **/ .n5:not(.block).one_half {width: 45%;} .n5:not(.block).one_third {width: 30%;} .n5:not(.block).two_third {width: 60%;} .n5:not(.block).one_fourth {width: 22.5%;} .n5:not(.block).two_fourth {width: 45%;} .n5:not(.block).three_fourth {width: 67.5%;} .n5:not(.block).two_fifth {width: 36%;} .n5:not(.block).three_fifth {width: 54%;} .n5:not(.block).four_fifth {width: 72%;} .n5:not(.block).one_sixth {width: 15%;} .n5:not(.block).two_sixth {width: 30%;} .n5:not(.block).three_sixth {width: 45%;} .n5:not(.block).four_sixth {width: 60%;} .n5:not(.block).five_sixth {width: 75%;} /** odd split: 6 elements per row **/ .n6:not(.block).one_half {width: 44%;} .n6:not(.block).one_third {width: 29.3333%;} .n6:not(.block).two_third {width: 58.6667%;} .n6:not(.block).one_fourth {width: 22%;} .n6:not(.block).two_fourth {width: 44%;} .n6:not(.block).three_fourth {width: 66%;} .n6:not(.block).one_fifth {width: 17.6%;} .n6:not(.block).two_fifth {width: 35.2%;} .n6:not(.block).three_fifth {width: 52.8%;} .n6:not(.block).four_fifth {width: 70.4%;} .n6:not(.block).two_sixth {width: 29.3333%;} .n6:not(.block).three_sixth {width: 44%;} .n6:not(.block).four_sixth {width: 58.6667%;} .n6:not(.block).five_sixth {width: 73.3333%;} .border-inner {border-left: 1px solid #ddd;} .border-inner.first, .border-inner:first-child {border-left: 0;} .border-inner.last, .border-inner:last-child {border-right: 0;} /** optical correction **/ /* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */ /** grid options **/ .autogrid.break {clear:left; margin-left: 0;} .autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;} /** same height **/ .autogrid.same-height {display: table-cell; float: none; vertical-align: top;} /** flexible same height **/ .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height, .ce_autogridWrapperStart.same-height .inside {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;} /** autogrid full **/ .autogrid.full {padding-left: 0; padding-right: 0;} .autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;} /** no gutter **/ .autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;} .autogrid_wrapper.no_gutter_left {margin-left: 0;} .autogrid_wrapper.no_gutter_right {margin-right: 0;} .autogrid.no_gutter {padding-left: 0; padding-right: 0;} .autogrid.no_gutter_left {padding-left: 0;} .autogrid.no_gutter_right {padding-right: 0;} /** tablets **/ @media only screen and (min-width: 768px) and (max-width: 990px) { .autogrid.adjust_mobile {width: 50% !important} } /** phones **/ @media only screen and (max-width: 767px) { .autogrid {width: 100%!important;} .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;} .border-inner {border-left: 0;} .ce_autogridSpacer {margin: 0!important; line-height: 0!important;} } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)} .mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;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;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%} /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../../files/cto_layout/scripts/rs-plugin/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../../files/cto_layout/scripts/rs-plugin/images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../../files/cto_layout/scripts/rs-plugin/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(../../files/cto_layout/scripts/rs-plugin/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(../../files/cto_layout/scripts/rs-plugin/assets/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../../files/cto_layout/scripts/rs-plugin/assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.eot?5510888'); src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../../files/cto_layout/scripts/rs-plugin/font/revicons.woff?5510888') format('woff'), url('../../files/cto_layout/scripts/rs-plugin/font/revicons.ttf?5510888') format('truetype'), url('../../files/cto_layout/scripts/rs-plugin/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /** simple **/ .slider_wrapper.simple{padding:5px; background-color:#fff; width:890px; position:relative; margin-left:auto;margin-right:auto;} .slider_wrapper.simple .inside{width:890px; height:490px; position:relative; overflow:hidden;} /** resonsive slider **/ .slider_wrapper.responsive {padding:0px; background-color:#fff; width:960px; position:relative; margin-left:auto; margin-right:auto;} .slider_wrapper.responsive .inside{ width:960px; height:500px; position:relative; overflow:hidden;} /* THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE */ @media only screen and (min-width: 768px) and (max-width: 959px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:760px; height:395px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:480px; height:250px;} } @media only screen and (min-width: 0px) and (max-width: 479px) {.slider_wrapper.responsive , .slider_wrapper.responsive .inside { width:320px;height:166px; } } /** fullscreen slider **/ .slider_wrapper.fullscreen{width:100% !important; position:relative; padding:0; height:100%;} /** full width slider **/ .slider_wrapper.fullwidth {width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden;}/** noise overlay **/ /** stretch video controls **/ .fullscreenvideo .mejs-container {width: 100% !important; height:inherit !important;} .fullscreenvideo .mejs-container .mejs-layer {width: 100% !important; height: 100% !important;} /** noise overlay **/ .tp-dottedoverlay.noise {background: url(../../system/modules/pct_revolutionslider/assets/img/overlay_noise.gif); opacity: 0.1;} /** prevent blinking while creating the slider **/ .ce_revolutionslider .tp-banner {visibility: hidden;} .ce_revolutionslider .tp-banner.revslider-initialised {visibility: visible;} /** contao framework **/ .ce_revolutionslider.responsive, .rs-container.responsive {height: auto;} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } .sharebuttons > ul.fontawesome > li > a { text-indent:0; text-decoration:none; font-size:24px; width:32px; height:32px; line-height:32px; text-align:center; color:#606060; transition:0.4s; } .sharebuttons > ul.fontawesome > li > a:hover { color:#000; } /* ============================================================================= * 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 { margin-left: -1%; margin-right: -1%; } .mod_customcataloglist.cc_immorealty .entry { width: 50%; padding-left: 1%; padding-right: 1%; float: left; 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 { width: 33.333%; } /* ============================================================================= * cc_immorealty slider * ========================================================================== */ .mod_customcataloglist .cc_immorealty_slider .swiper-container { height: 550px; } .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 { width: 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 { width: 100%; float: none; } .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; } .mod_customcataloglist.cc_cardealer.grid-view .entry { width: 33.333%; padding-left: 1%; padding-right: 1%; float: left; } .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 .entry { margin-bottom: 65px; width: 33.333%; padding-left: 1%; padding-right: 1%; float: left; } .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 { width: 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 .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 { width: 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 .entry { margin-bottom: 20px; width: 50%; padding-left: 1%; padding-right: 1%; float: left; } .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 { width: 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 { width: 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 { width: 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 { width: 33.333%; float: left; 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 { margin-left: -1%; margin-right: -1%; overflow: hidden; } .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 { border: 1px solid rgb(240,240,240); border-radius: 8px; } .mod_customcataloglist.cc_product_catalog .swiper-button-disabled { display: none; } @media only screen and (max-width: 970px) { .mod_customcataloglist.cc_product_catalog .entry { width: 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 { width: 25%; float: left; 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{ min-height: 0; width: 100%; float: none; border: 0!important; } } /* ============================================================================= * cc_booklibrary - list * ========================================================================== */ .mod_customcataloglist.cc_booklibrary { clear: both; } .mod_customcataloglist.cc_booklibrary.hide { display: none; } .mod_customcataloglist.cc_booklibrary .entry { margin-bottom: 35px; width: 20%; padding-left: 2%; padding-right: 2%; float: left; 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 { width: 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; } }