/* Theme Name: Sonntagmorgen - Child Theme URI: http://www.sonntagmorgen.com Author: Sonntagmorgen Team Author URI: http://www.sonntagmorgen.com Description: A short description of the theme. License: General Public License License URI: http://www.sonntagmorgen.com Template: sonntagmorgen Version: 5.0.0 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: sonntagmorgen-child */ /* Colors Orange: #d74f35 Orange RGB: 215, 79, 53, Dark Orange: #a6321b Pink: #ff0841 Light Gray: #f3f3f3 */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('css/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('css/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('css/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('css/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('css/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('css/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('css/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('css/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('css/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('css/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('css/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('css/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* raleway-100 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: url('css/fonts/raleway-v12-latin-100.eot'); /* IE9 Compat Modes */ src: local('Raleway Thin'), local('Raleway-Thin'), url('css/fonts/raleway-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-100.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-200 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: url('css/fonts/raleway-v12-latin-200.eot'); /* IE9 Compat Modes */ src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url('css/fonts/raleway-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-200.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-300 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url('css/fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local('Raleway Light'), local('Raleway-Light'), url('css/fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('css/fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Raleway'), local('Raleway-Regular'), url('css/fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-500 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('css/fonts/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */ src: local('Raleway Medium'), local('Raleway-Medium'), url('css/fonts/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-600 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url('css/fonts/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('css/fonts/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('css/fonts/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local('Raleway Bold'), local('Raleway-Bold'), url('css/fonts/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('css/fonts/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */ } /* oswald-200 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url('css/fonts/oswald-v16-latin-200.eot'); /* IE9 Compat Modes */ src: local('Oswald ExtraLight'), local('Oswald-ExtraLight'), url('css/fonts/oswald-v16-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/oswald-v16-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/oswald-v16-latin-200.woff') format('woff'), /* Modern Browsers */ url('css/fonts/oswald-v16-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/oswald-v16-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-300 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: url('css/fonts/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */ src: local('Oswald Light'), local('Oswald-Light'), url('css/fonts/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('css/fonts/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-regular - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url('css/fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Oswald Regular'), local('Oswald-Regular'), url('css/fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('css/fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-500 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: url('css/fonts/oswald-v16-latin-500.eot'); /* IE9 Compat Modes */ src: local('Oswald Medium'), local('Oswald-Medium'), url('css/fonts/oswald-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/oswald-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/oswald-v16-latin-500.woff') format('woff'), /* Modern Browsers */ url('css/fonts/oswald-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/oswald-v16-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-600 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; src: url('css/fonts/oswald-v16-latin-600.eot'); /* IE9 Compat Modes */ src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url('css/fonts/oswald-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/oswald-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/oswald-v16-latin-600.woff') format('woff'), /* Modern Browsers */ url('css/fonts/oswald-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/oswald-v16-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */ } body{ background:#fff!important; font-size:18px; } body p{ font-size:18px; line-height:26px; margin:0px 0px 15px 0px; } a, a:active, a:focus { outline: none; } .wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11 , .wp12, .wpAbout1, .wpAbout2,.wpHome,.wpHome1,.wpHome2,.wpHome3,.wpHome4 { visibility: hidden; } .bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .slideInLeft, .slideInRight, .rollIn, .bounceIn{ visibility: visible; } .delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; } .delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .delay-14s { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; } .delay-16s { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; } .delay-18s { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } .delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; } .delay-22s { animation-delay: 2.2s; -webkit-animation-delay: 2.2s; } ul{ padding:0px; } ul li{ margin:0px 0px 3px 0px; list-style:none; } .ul-style-1, .ul-style-2, .ul-style-3, .ul-style-4, .ul-style-5, .ul-style-6{ display:inline-block; width:100%; } .ul-style-1 li, .ul-style-2 li, .ul-style-3 li, .ul-style-4 li, .ul-style-5 li, .ul-style-6 li{ margin:15px 0px 3px 0px; padding-left: 35px; position: relative; } .ul-style-1 li:before { font-size:23px; color:#ff0841; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f059"; position:absolute; top:-4px; left:0px; } .ul-style-2 li:before { font-size:23px; color:#007AFF; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f05a"; position:absolute; top:-4px; left:0px; } .ul-style-3 li:before { font-size:23px; color:#4CD964; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f0fe"; position:absolute; top:-4px; left:0px; } .ul-style-4 li:before { font-size:23px; color:#ff0841; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f146"; position:absolute; top:-4px; left:0px; } .ul-style-5 li:before { font-size:23px; color:#d74f35; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f061"; position:absolute; top:-4px; left:0px; } .ul-style-6 li:before { font-size:23px; color:#007AFF; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f164"; position:absolute; top:-4px; left:0px; } #breadcrumbs a:hover{ color:#d74f35; } #footer-bottom p, #breadcrumbs p, #breadcrumbs{ font-size:14px; } .table_of_contents{ background:#d74f35; color:#fff; border:10px solid #fafafa; box-sizing: border-box; padding:15px; } .table_of_contents ol{ max-height:90vh; } .table_of_contents ol li{ margin-bottom:10px; } .table_of_contents ol{ padding-left:18px; margin:15px 0 0 0; } .table_of_contents ol li a{ color:#fff; text-decoration:none; } .table_of_contents_wrap{ border:1px solid #eee; max-width:358px; z-index:100; } .ribbon{ position:relative; padding: 0 0.5em; font-size:22px; margin: 0 0 0 -0.665em; line-height: 1.875em; color: #fff; border-radius: 0 0.156em 0.156em 0; background: #a6321b; box-shadow: -1px 2px 3px rgba(0,0,0,0.5); font-weight:bold; } .ribbon:before, .ribbon:after{ position:absolute; content: ''; display: block; } .ribbon:before{ width: 0.469em; height: 51px; padding: 0 0 0.438em; top:0; left: -0.469em; background:inherit; border-radius: 0.313em 0 0 0.313em; } .ribbon:after{ width: 0.313em; height: 0.313em; background: rgba(0,0,0,0.35); bottom: -0.313em; left: -0.313em; border-radius: 0.313em 0 0 0.313em; box-shadow: inset -1px 2px 2px rgba(0,0,0,0.3); } .table_of_contents .strong{ font-weight:bold; } .table_of_contents .child{ width:100%; display:inline-block; text-decoration:none; color:#fff; padding:0px 0px 0px 10px; font-size:14px; margin:0px 0px 5px 0px; } .table_of_contents i { font-size:8px; color:#fff; margin-right:7px; vertical-align: middle; } .table_of_contents ol { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; list-style:none; } .table_of_contents ol a { position: relative; display: block; outline: none; color: #404d5b; vertical-align: bottom; text-decoration: none; } .table_of_contents ol a ::before, .table_of_contents ol a ::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .table_of_contents ol a { padding:0px 5px; } .table_of_contents ol a::before { position: absolute; top: 0; left: -18px; z-index: -1; width: 100%; height: 100%; background: #a6321b; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(1) translateX(-100%); transform: scaleY(1) translateX(-100%); } .table_of_contents ol a:hover::before, .table_of_contents ol a:focus::before { -webkit-transform: scaleY(1) translateX(0); transform: scaleY(1) translateX(0); left: 0; border-radius:2px; } .ml{ margin-left:15px; } .mr{ margin-right:15px; } .mb{ margin-bottom:15px; } .mt{ margin-top:15px; } .royalSlider { width: 100%; padding:5px 0px; box-sizing:border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .royalSlider > .rsImg { visibility:hidden; } .rsWebkit3d .rsSlide { -webkit-transform: none; } .rsWebkit3d img { -webkit-transform: translateZ(0); } .slider_wrap{ text-align:center; margin:0 auto; border: 1px solid #ccc; margin:0px 0px 15px 0px; box-sizing:border-box; width:100%; display:inline-block; } article img{ max-width:100%; height:auto; } /* Common style */ figure { position: relative; float: left; overflow: hidden; margin: 0; /*background: #d74f35;*/ text-align: center; /*cursor: pointer; */ display:table; } figure img { position: relative; display: inline-block; min-height: auto; max-width: auto; display: table; } figure figcaption { padding: 10px; background: rgba(215, 79, 53, 0.7); text-shadow:1px 1px 1px #000; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table-caption; caption-side: bottom; } figure figcaption p{ line-height:18px; font-size:14px; text-align:left; } .single-post #content article figure figcaption p{ line-height:18px; font-size:14px; text-align:left; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure figcaption, figure figcaption > a { position: relative; bottom: 0; left: 0; width: 100%; } figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure h2 { word-spacing: -0.15em; font-weight: 300; } figure h2 span { font-weight: 800; } figure h2, figure p { margin: 0; } figure p { letter-spacing: 1px; font-size: 68.5%; } figure.effect-bubba img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-bubba:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); position: relative; top: 45%; } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); top: 50%; transform: translateY(-50%); } #bg { position: relative; top: 0; left: 0; text-align:center; max-height:100%; overflow:hidden; min-height:400px; } .bgwidth { width: 100%; } .bgheight { height: 100%; } #bg a{ position:absolute; bottom:0; left:50%; color:#fff; font-size:90px; margin-left:-28px; text-decoration:none; text-shadow: 0px 0px 7px #59595c; opacity: 0.6; } .bg-content{ margin:0 auto; padding:2% 0; max-width:1170px; position:relative; text-align:center; width:100%; height:96%; } .bg-content h1{ position:absolute; top:20px; font-weight:300; width:100%; color:#fff; font-size:60px; text-transform:uppercase; font-family: "Raleway",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; } .bg-content div{ position:absolute; bottom:50px; width:100%; } .bg-content div p{ color:#fff; font-size:20px; font-family: "Raleway",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; padding:10px; font-weight:300; margin-bottom:0px; background: rgba(215, 79, 53, 0.5); display:inline-block; } .bg-overlay{ width:100%; height:100%; background:url("img/overlay-pattern.png") repeat left bottom; } .pink-circle{ display:inline-table; width:185px; height:185px; border-radius:50%; margin:0px 20px 0 20px; background: rgba(215, 79, 53, 1); } .pink-circle span{ text-shadow:none; margin:30% 0px 10px 0px; font-weight:600; color:#fff; font-size:2rem; display:inline-block; } .pink-circle p{ text-shadow:none; margin:0px 0px 0px 0px; font-weight:500; font-size:15px !important; color:#fff !important; } .circles{ position:relative; top:0%; margin-top:0px; width:100%; } #sidebar, #content{ padding-top:0px; padding-bottom:0px; } #main{ padding-top:30px; padding-bottom:30px; } .alert-success{ color:#40B756 !important; border-left-color:#40B756; border-right-color:#40B756; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; margin-bottom:20px; display:inline-block; width:100%; } .alert-info{ color:#34aadc !important; border-left-color:#34aadc; border-right-color:#34aadc; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; margin-bottom:20px; display:inline-block; width:100%; } .alert-alert{ color:#ff9500 !important; border-left-color:#ff9500; border-right-color:#ff9500; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; margin-bottom:20px; display:inline-block; width:100%; } .alert-danger{ color:#FF1300 !important; border-left-color:#FF1300; border-right-color:#FF1300; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; margin-bottom:20px; display:inline-block; width:100%; } blockquote { font-family: Georgia, serif; font-size: 18px; font-style: italic; max-width: 96%; width:630px; margin: 0 0 20px 4%; padding: 0.35em 40px; line-height: 1.45; position: relative; color: #383838; border:none; display:inline-block; } blockquote:before { display: block; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: #7a7a7a; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } .alert-success-icon{ color:#40B756 !important; border-left-color:#40B756; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(76,217,100, 0.1); display:inline-block; border-left:8px solid #40B756; width:100%; } .alert-success-icon:before { font-size:23px; color:#40B756; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f058"; } .alert-info-icon{ color:#34aadc !important; border-left-color:#34aadc; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(52,170,220, 0.2); display:inline-block; border-left:8px solid #34aadc; width:100%; } .alert-info-icon:before { font-size:23px; color:#34aadc; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f05a"; } .alert-alert-icon{ color:#ff9500 !important; border-left-color:#ff9500; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(255,149,0, 0.2); display:inline-block; border-left:8px solid #ff9500; width:100%; } .alert-alert-icon:before { font-size:23px; color:#ff9500; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f06a"; } .alert-danger-icon{ color:#FF1300 !important; border-left-color:#FF1300; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(255,19,0, 0.2); display:inline-block; border-left:8px solid #FF1300; width:100%; } .alert-danger-icon:before { font-size:23px; color:#FF1300; margin-right:9px; vertical-align: sub; font-family: FontAwesome; content: "\f05c"; } .panel-default > .panel-heading { color:#333; font-weight:bold; } .fulldiv{ float:left; width:100%; margin-bottom:15px; } .fulldiv + p{ margin-top:15px; } div.fulldiv + div.callTo{ margin-bottom:15px; margin-top:-15px; } .aligncenter + div.callTo{ margin-top:-15px !important; } .alignleft + div.callTo{ margin-top:-15px !important; } .alignright + div.callTo{ margin-top:-15px !important; } .author-review{ background: #f3f3f3; padding: 30px 40px 30px 90px; margin: 50px 20px 50px 100px; border-radius: 0 85px 85px 85px; position: relative; display:inline-block; } .author-review .pic{ width: 190px; height: 190px; line-height: 200px; border-radius: 50%; border: 14px solid #f3f3f3; position: absolute; top: -15px; left: -100px; overflow: hidden; } .author-review .author-review-title{ display: inline-block; width: 100%; float: left; font-size: 20px; line-height:27px; font-weight: 500; font-family: "Raleway",Helvetica,Arial,sans-serif; letter-spacing: 0.5px; padding: 28px 20px; margin: 0; } .author-review .author-review-title small{ display: block; font-size: 14px; margin-top: 8px; text-transform:none; } .author-review .author-review-description { display: inline-block; width: 100%; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 0; padding: 28px 0 28px 28px; position: relative; } .author-review .author-review-description p:first-of-type:before{ content: "\f10d"; font-family: fontawesome; position: absolute; top: 0; left: 10px; font-size: 20px; color: rgba(0,0,0,0.5); } .author-review .author-review-description p:last-of-type:after{ content: "\f10e"; font-family: fontawesome; font-size: 20px; color: rgba(0,0,0,0.5); position: absolute; bottom: 5px; } .product-reviews{ margin:50px 0px; } #product-infos{ margin-top:50px; } .table thead{ background:#f0f0f0; border:none; border-bottom:2px solid #d74f35; } .table{ margin-bottom:0px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border:none; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding-top:15px; padding-bottom:15px; text-align:center; } .table tbody tr{ border-bottom:1px solid #f0f0f0; } .table tbody td{ text-align:center; } .table-hover > tbody > tr:hover { background: rgba(215, 79, 53, 0.1); } .table-scroll{ display:inline-block; } #content article p.table-heading, .single-post #content article p.table-heading{ font-family: "Raleway",Helvetica,Arial,sans-serif; width:100%; float:left; margin:20px 0px 0px 0px; padding:20px; box-sizing:border-box; font-size:25px; background:#d74f35; color:#fff; text-align:center; } th{ text-align:center; padding-top:5px; padding-bottom:5px; } td, th{ padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:15px; } .table-desc{ font-family: "Raleway",Helvetica,Arial,sans-serif; width:100%; float:left; margin:0px 0px 20px 0px; padding:20px; box-sizing:border-box; font-size:14px; background:#f9f9f9; } .select2-container-multi .select2-choices, .select2-container{ width:100%; max-width:100%; } .tooltip_custom { display: inline; position: relative; z-index: 999; } .tooltip_custom-item { cursor: pointer; display: inline-block; padding:2px 0px 0px 0px; } .tooltip_custom-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_custom:hover .tooltip_custom-item::after { pointer-events: auto; } .tooltip_custom-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; box-shadow: -5px -5px 15px rgba(48,54,61,0.2); background: #2a3035; opacity: 0; cursor: default; pointer-events: none; line-height:18px !important; font-style:italic !important; } .tooltip_custom-effect-5 .tooltip_custom-content { width: 300px; margin-left: -150px; -webkit-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); } .tooltip_custom:hover .tooltip_custom-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } .tooltip_custom-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #2a3035; border-width: 10px; margin-left: -10px; } .tooltip_custom-text { display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; font-size:13px; text-align:center; } .tooltip_custom-effect-5 .tooltip_custom-text { padding: 1.4em; } .tooltip_custom-text a { font-weight: bold; } i.fa-question-circle { color:#34aadc; } #sidebar{ border:1px solid #eee; background:#f3f3f3; box-sizing:border-box; padding:10px !important; position:relative; border-top-width:3px; display:inline-block; } #sidebar:before{ content: ""; display: block; width: 100%; height: 3px; position:absolute; margin:-13px 0px 0px -10px; border-top:3px solid #d74f35; } .widget{ background:#fff !important; padding-bottom:10px; } #sidebar .widget .h1 { background:none !important; color:#101820 !important; font-size:20px; text-align:center; width:100%; margin:10px 0px 15px 0px; } #sidebar .textwidget{ position:relative; margin:5px 0px 0px 0px; display:inline-block; text-align:center; padding:0px; width:100%; } #sidebar .textwidget .thumbnail { border:none; background:none; } #sidebar .textwidget:before{ content : ""; position: absolute; left : 25%; top : -10px; height : 1px; width : 50%; border-bottom:1px solid #d74f35; } #sidebar .textwidget > p{ font-size:15px; line-height:24px; margin-bottom:21px; } i.fa-star, i.fa-star-half-o{ font-size:30px; } #sidebar .product-rating{ width:100%; text-align:center; } #sidebar .thumbnail.product-grid .product-title{ height:auto; } #sidebar .row-product-meta{ margin-bottom:20px; } .custom-buttons { margin:15px 0px 10px 0px; padding:0px 15px; } .custom-buttons .col-sm-6{ padding:0; } /* Common button styles */ .button { float: left; min-width: 100px; display: block; margin: 1em; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; margin:0px; } .button:focus { outline: none; } .button > span { vertical-align: middle; } /* Sizes */ .button--size-s { font-size: 14px; } .button--size-m { font-size: 16px; } .button--size-l { font-size: 18px; } /* Typography and Roundedness */ .button--text-upper { letter-spacing: 2px; text-transform: uppercase; } .button--text-thin { font-weight: 300; } .button--text-medium { font-weight: 500; } .button--text-thick { font-weight: 600; } .button--round-s { border-radius: 5px; } .button--round-m { border-radius: 15px; } .button--round-l { border-radius: 40px; } /* Borders */ .button--border-thin { border: 1px solid; } .button--border-medium { border: 2px solid; } .button--border-thick { border: 3px solid; } .button--moema { padding: 1.2em 1em; border-radius: 50px; background: #7986cb; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .button--moema.button--inverted { background: #ECEFF1; color: #37474f; } .button--moema::before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 50px; z-index: -1; opacity: 0.4; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1); } .button--moema:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #3f51b5; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } .button--moema.button--inverted:hover { color: #ECEFF1; background-color: #7986cb; } .button--moema:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; } @-webkit-keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes anim-moema-2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .btn-block1{ border-radius:50px 0 0 50px; } .btn-block1:before{ border-radius:50px 0 0 50px; } .btn-block2{ border-radius:0px 50px 50px 0px; } .btn-block2:before{ border-radius:0px 50px 50px 0px; } .product-price .price del{ top:-3px; left:7px; font-size: 0.7em; } #content article { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ } #content article p a:not(.audioplayer-playpause a), #content article li a { position: relative; display: inline-block; outline: none; vertical-align: text-bottom; text-decoration: none; white-space: nowrap; } #content article p a:not(.audioplayer-playpause a), #content article li a { position: relative; display: inline-block; outline: none; vertical-align: baseline; text-decoration: none; white-space: nowrap; } #content article p a:not(.audioplayer-playpause a)::before, #content article p a:not(.audioplayer-playpause a)::after, #content article li a::before, #content article li a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #content article p a:not(.audioplayer-playpause a), #content article li a { font-weight: 500; margin-left:0px; } #content article p a:not(.audioplayer-playpause a)::before, #content article li a::before { position: absolute; top: -2px; left: -5px; z-index: -1; box-sizing: content-box; padding: 2px 5px; width: 100%; height: 100%; background-color: #2f92c4; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); -webkit-transform: scale(0); transform: scale(0); } #content article p a:not(.audioplayer-playpause a):hover::before, #content article p a:not(.audioplayer-playpause a):focus::before, #content article li a:hover::before, #content article li a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #content article p a:not(.audioplayer-playpause a):hover, #content article li a:hover{ color: #fff !important; text-decoration:none ; } #content article p a.btn:hover::before, #content article p a.btn:hover::before, #content article li a.btn:hover::before, #content article li a.btn:hover::before{ -webkit-transform: scale(0); transform: scale(0); } #content .img-grid-wrapper p a:hover::before, #content .img-grid-wrapper p a::before, #content .img-grid-wrapper li a:hover::before, #content .img-grid-wrapper li a::before{ -webkit-transform: scale(0); transform: scale(0); } #content article p a.product-title:hover, #content article li a.product-title:hover{ color:#d74f35 !important; } .product-buybox{ border:1px solid #eee; background:#f3f3f3; box-sizing:border-box; padding:10px !important; position:relative; border-top-width:3px; text-align:center; } .product-buybox.product-buybox-big .row .product-price p.price,.product-buybox.product-buybox-big{ text-align:left; } .product-buybox:before{ content: ""; display: block; width: 100%; height: 3px; position:absolute; margin:-13px 0px 0px -10px; border-top:3px solid #d74f35; } .product-buybox .row { background:#fff; padding:10px; margin:0px; } .product-buybox .row .product-price p.price{ text-align:center; margin:20px auto; } .product-buybox .row .product-price .btn-group-lg > .btn, .btn-lg{ margin:10px 0px; display: inline-block; border-radius:50px; padding: 1em; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; font-weight: 600; font-size:14px; letter-spacing: 2px; text-transform: uppercase; } .product-buybox .row .product-price .btn-group-lg > .btn, .btn-lg::before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 50px; z-index: -1; opacity: 0.8; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1); } .product-buybox .row .product-price .btn-group-lg > .btn, .btn-lg:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #3f51b5; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } .product-buybox .row .product-price .btn-group-lg > .btn, .btn-lg:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; } .product-buybox.product-buybox-big .row .product-price .btn-group-lg > .btn, .btn-lg{ font-weight: 600 !important; padding: 1em 2em !important; font-size:14px; } .product-buybox.product-buybox-big a{ margin:21px 0px 0px 0px; } .product-buybox.product-buybox-big .row .product-price .btn-group-lg > .btn, .btn-lg::before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 50px; z-index: -1; opacity: 0.8; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1); } .product-buybox.product-buybox-big .row .product-price .btn-group-lg > .btn, .btn-lg:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #3f51b5; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } .product-buybox.product-buybox-big .row .product-price .btn-group-lg > .btn, .btn-lg:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; } .product-buybox .product-price .price del{ top:-0.4em; } .product-comparebox{ border:1px solid #eee; background:#f3f3f3; box-sizing:border-box; padding:10px !important; position:relative; border-top-width:3px; text-align:center; } .product-comparebox:before{ content: ""; display: block; width: 100%; height: 3px; position:absolute; margin:-13px 0px 0px -10px; border-top:3px solid #d74f35; } .product-comparebox .row { padding:10px; margin:0px; } .product-comparebox .row .product-price p.price{ text-align:center; margin:20px auto; } .product-comparebox p.h2 { background:#fff !important; color:#101820 !important; font-size:20px; text-align:center; width:100%; margin:0px 0px 0px 0px; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-weight:500; padding:20px 10px 10px 10px; } .product-comparebox .table { background:#fff; display:block; padding:10px 3px; position:relative; } .product-comparebox .table:before{ border-bottom: 1px solid #d74f35; content: ""; height: 1px; left: 25%; position: absolute; top: 5px; width: 50%; } .product-comparebox .table .product-price .price{ margin-left:1px; } .product-comparebox .table .product-price del{ top:-0.2em; left:4px; } .product-comparebox .table .btn{ margin:10px 0px; display: inline-block; border-radius:50px; padding: 0.5em 1em; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; font-weight: 600; font-size:11px; letter-spacing: 1px; text-transform: uppercase; } .product-comparebox .table .btn::before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 50px; z-index: -1; opacity: 0.8; -webkit-transform: scale3d(0.5, 0.3, 1); transform: scale3d(0.5, 0.3, 1); } .product-comparebox .table .btn:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #40b756; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } .product-comparebox .table .btn:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; } .product-reviews-procentual .progress-bar.progress-green, .product-reviews-procentual .rating-summary .summary-header{ background:#4cd964; } #price-compare{ margin:40px 0px; } #price-compare table{ margin:30px 0px; border:1px solid #eee; } #price-compare .table-product > thead > tr > th, .table-responsive .table-product > thead > tr > th{ background:#f3f3f3; font-family: "Raleway",Helvetica,Arial,sans-serif; font-size:18px; color:#4d4d4d; } #price-compare .table-product tbody{ background:#fff; padding:10px !important; box-sizing:border-box; } #price-compare .table-product td{ padding:15px; } #price-compare .table-product .product-price del{ top:-0.2em; left:4px; } #price-compare .table-product .btn{ margin:10px 0px; display: inline-block; border-radius:50px; padding: 1em 1.5em; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; font-weight: 600; font-size:13px; letter-spacing: 1px; text-transform: uppercase; } #price-compare .table-product .btn::before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 50px; z-index: -1; opacity: 0.8; -webkit-transform: scale3d(0.5, 0.3, 1); transform: scale3d(0.5, 0.3, 1); } #price-compare .table-product .btn:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #40b756; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } #price-compare .table-product .btn:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; } .no-padding-left{ padding-left:0px !important; } .no-padding-right{ padding-right:0px !important; } .product-grid .button--text-upper{ letter-spacing: 0px; } .product-grid .button--size-s { font-size: 13px; } .product-grid .button--moema::before { transform: scale3d(0.5, 0.4, 1); } .product-grid .button--moema{ padding:1em 0; } .filterform{ position:relative; } .filterform:before{ border-bottom: 1px solid #d74f35; content: ""; height: 1px; left: 25%; position: absolute; top: -8px; width: 50%; } .table-responsive .button--text-upper{ letter-spacing: 1px; } .table-responsive .button--size-s { font-size: 13px; } .table-responsive .button--moema{ padding:1em; } .table-responsive .button{ margin-bottom:10px; } .product-price .price{ font-size:1.2rem; } .loop-list-position{ position:relative; } .check-hidden{ cursor: pointer !important; } .loop-list-position .action--compare-add { left: 7px; top: -8px; } article .product-grid .button--text-upper { letter-spacing: 0; } .product-buybox { position:relative; } .product-buybox p.h1 { background:none !important; color:#101820 !important; font-size:20px; text-align:center; width:100%; margin:0px 0px 10px 0px; font-weight: 500; padding:10px 10px 10px 10px; display:inline-block; } .product-buybox .product-price:before{ content : ""; position: absolute; left : 25%; top : 47px; height : 1px; width : 50%; border-bottom:1px solid #d74f35; } .product-buybox.product-buybox-big p.h1{ padding-left:0px; text-align:left; } .product-buybox.product-buybox-big .product-price::before{ left:12px; } #royalslider_rectangle .rsDefault .rsThumb{ width:auto !important; } #royalslider_rectangle_big .rsDefault .rsThumb{ width:auto !important; } #productGallery .carousel-indicators{ z-index:0; } #product-details table.table-striped{ border:1px solid #eee; } #product-details table.table-striped td{ padding:10px 15px; vertical-align: middle; } #product-details table.table-striped tr td:first-of-type{ border-right:1px solid #eee; text-align:left; color:#4d4d4d; } #navigation .navbar-brand-logo img{ max-height:41px; } .tablestriped{ border:1px solid #eee; } .tablestriped td{ padding:10px 20px !important; } .tablestriped tr td:first-of-type{ border-right:1px solid #eee; color:#4d4d4d; } .productlayout_wrap{ display:inline-block; width:100%; clear:both; } .productlayout{ float:left; width:100%; clear:both; box-sizing:border-box; border:10px solid #f3f3f3; margin-bottom:15px; background:#fff; } .productlayout h1 a{ color:#101820; text-decoration:none; } .border-bottom-line{ padding-bottom:20px; border-bottom:1px solid #f0f0f0; margin-bottom:5px; display:inline-block; } .productlayout_wrap:before{ border-top: 3px solid #d74f35; width:100%; } .productlayout h3{ margin-top:0px; } .productlayout ul{ margin:0px 0px 30px 0px; } .productlayout .product-rating{ margin-bottom:20px; } .productlayout table{ margin:0px 0px 20px 0px; } .productlayout table.table-compare tr td{ padding:5px !important; } .productlayout .product-price .price del{ top:-3px; } .productlayout table.table-striped{ border:1px solid #eee; } .productlayout table.table-striped td{ padding:10px 15px; } .productlayout table.table-striped tr td:first-of-type{ border-right:1px solid #eee; color:#4d4d4d; } .show{ text-align:center; padding:0px 0px 20px 0px; display:inline-block; } .show p{ color: #d74f35; text-decoration:none; cursor:pointer; } .show p:hover, .show a:focus{ color: #a6321b; text-decoration:none; cursor:pointer; } .show p:before { color: #d74f35; content: "\f078"; font-family: FontAwesome; font-size: 23px; margin-right: 9px; vertical-align: baseline; cursor:pointer; } #hidden-table, #hidden-table0, #hidden-table1, #hidden-table2, #hidden-table3, #hidden-table4, #hidden-table5, #hidden-table6, #hidden-table7, #hidden-table8, #hidden-table9, #hidden-table10 #hidden-table11, #hidden-table12, #hidden-table13, #hidden-table14, #hidden-table15, #hidden-table16, #hidden-table17, #hidden-table18, #hidden-table19, #hidden-table20, #hidden-table21, #hidden-table22{ display:none; } .productlayout #productGallery .carousel-indicators li{ margin-right:5px; } .custommoema{ font-size:13px; letter-spacing: 1px; padding:1em 1.5em; } .md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 630px; min-width: 320px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(215,79,53,0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } /* Content styles */ .md-content { color: #fff; background: #d74f35; position: relative; border-radius: 3px; margin: 0 auto; } .md-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: 1; background: #a6321b; color:#fff; font-family: "Raleway",Helvetica,Arial,sans-serif; border-radius: 3px 3px 0 0; } .md-content > div { padding: 15px 30px 30px; margin: 0; font-weight: 300; font-size: 1.15em; max-height:70vh; } .md-content > div p { margin: 0; padding: 10px 0; } .md-content > div ul { margin: 0; padding: 0 0 30px 20px; } .md-content > div ul li { padding: 5px 0; } .md-content button { display: block; margin: 20px auto 0px auto; font-size: 0.7em; border:none; padding:10px 15px; border-radius:3px; background: #a6321b; text-transform:uppercase; transition: all 0.4s ease 0s; } .md-trigger{ position:fixed; border-radius:8px 0px 0px 0px; background: #d74f35; transition: all 0.4s ease 0s; display: block; border:none; padding:10px 25px; bottom:0px; right:0px; color:#fff; transition: all 0.4s ease 0s; display:none; z-index:1000; } .md-trigger:hover{ background: #a6321b; transition: all 0.4s ease 0s; } .md-content button:hover { color: #a6321b; background:#fff; transition: all 0.4s ease 0s; } /* Effect 3: Slide from the bottom */ .md-effect-3 .md-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-3 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .md-content ol{ backface-visibility: hidden; overflow: hidden; position: relative; z-index: 1; margin: 15px 0 0; padding-left: 28px; color:#fff; } .md-content ol li{ margin-bottom: 10px; } .md-content .strong { font-weight: bold; } .md-content ol li a { color: #fff; text-decoration: none; } .md-content ol a { padding: 0 5px; display: block; outline: medium none; position: relative; vertical-align: bottom; } .md-content .child { color: #fff; display: inline-block; font-size: 14px; margin: 0 0 5px; padding: 0 0 0 10px; text-decoration: none; width: 100%; } .md-content .child i{ margin-right:10px; } .md-content ol a::before { background: #a6321b none repeat scroll 0 0; content: ""; height: 100%; left: -18px; position: absolute; top: 0; transform: scaleY(1) translateX(-100%); transition: transform 0.3s ease 0s; width: 100%; z-index: -1; } .md-content ol a ::before, .md-content ol a ::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .md-content ol a { padding:0px 5px; } .md-content ol a::before { position: absolute; top: 0; left: -28px; z-index: -1; width: 100%; height: 100%; background: #a6321b; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(1) translateX(-100%); transform: scaleY(1) translateX(-100%); } .md-content ol a:hover::before, .md-content ol a:focus::before { -webkit-transform: scaleY(1) translateX(0); transform: scaleY(1) translateX(0); left: 0; border-radius:2px; } ul.ul-style-standard{ padding-left:30px!important; } ul.ul-style-standard li{ list-style:disc !important; } .rating2 { margin:10px 0px 0px 0px; } .rating2 small{ margin:0px 0px 0px 0px; } #productGallery0 .carousel-indicators,#productGallery1 .carousel-indicators,#productGallery2 .carousel-indicators,#productGallery3 .carousel-indicators,#productGallery4 .carousel-indicators,#productGallery5 .carousel-indicators,#productGallery6 .carousel-indicators,#productGallery7 .carousel-indicators,#productGallery8 .carousel-indicators,#productGallery9 .carousel-indicators,#productGallery10 .carousel-indicators,#productGallery11 .carousel-indicators,#productGallery12 .carousel-indicators,#productGallery13 .carousel-indicators,#productGallery14 .carousel-indicators,#productGallery15 .carousel-indicators,#productGallery16 .carousel-indicators,#productGallery17 .carousel-indicators,#productGallery18 .carousel-indicators,#productGallery19 .carousel-indicators { position: relative; bottom: -15px; left: 0; margin: 0px 0 0 0; width: 100%; } #productGallery0 .carousel-indicators li,#productGallery1 .carousel-indicators li,#productGallery2 .carousel-indicators li,#productGallery3 .carousel-indicators li,#productGallery4 .carousel-indicators li,#productGallery5 .carousel-indicators li,#productGallery6 .carousel-indicators li,#productGallery7 .carousel-indicators li,#productGallery8 .carousel-indicators li,#productGallery9 .carousel-indicators li,#productGallery10 .carousel-indicators li,#productGallery11 .carousel-indicators li,#productGallery12 .carousel-indicators li,#productGallery13 .carousel-indicators li,#productGallery14 .carousel-indicators li,#productGallery15 .carousel-indicators li,#productGallery16 .carousel-indicators li,#productGallery17 .carousel-indicators li,#productGallery18 .carousel-indicators li,#productGallery19 .carousel-indicators li { text-align: center; border: 1px solid #eee; border-radius: 0; float: left; margin: 0 12px 15px 0; width: 50px; height: 50px; text-indent: 0; } #productGallery0 .carousel-indicators img,#productGallery1 .carousel-indicators img,#productGallery2 .carousel-indicators img,#productGallery3 .carousel-indicators img,#productGallery4 .carousel-indicators img,#productGallery5 .carousel-indicators img,#productGallery6 .carousel-indicators img,#productGallery7 .carousel-indicators img,#productGallery8 .carousel-indicators img,#productGallery9 .carousel-indicators img,#productGallery10 .carousel-indicators img,#productGallery11 .carousel-indicators img,#productGallery12 .carousel-indicators img,#productGallery13 .carousel-indicators img,#productGallery14 .carousel-indicators img,#productGallery15 .carousel-indicators img,#productGallery16 .carousel-indicators img,#productGallery17 .carousel-indicators img,#productGallery18 .carousel-indicators img,#productGallery19 .carousel-indicators img { margin: 0 auto; border: none; padding: 0; max-width: 50px; max-height: 50px; width: auto; height: auto; opacity: 0.5; } #productGallery0 .carousel-indicators .active img,#productGallery1 .carousel-indicators .active img, #productGallery2 .carousel-indicators .active img, #productGallery3 .carousel-indicators .active img, #productGallery4 .carousel-indicators .active img, #productGallery5 .carousel-indicators .active img, #productGallery6 .carousel-indicators .active img, #productGallery7 .carousel-indicators .active img, #productGallery8 .carousel-indicators .active img, #productGallery9 .carousel-indicators .active img, #productGallery10 .carousel-indicators .active img, #productGallery11 .carousel-indicators .active img, #productGallery12 .carousel-indicators .active img, #productGallery13 .carousel-indicators .active img, #productGallery14 .carousel-indicators .active img, #productGallery15 .carousel-indicators .active img, #productGallery16 .carousel-indicators .active img, #productGallery17 .carousel-indicators .active img, #productGallery18 .carousel-indicators .active img, #productGallery19 .carousel-indicators .active img { border: none; opacity: 1; } #productGallery0 .carousel-control ,#productGallery1 .carousel-control ,#productGallery2 .carousel-control ,#productGallery3 .carousel-control ,#productGallery4 .carousel-control ,#productGallery5 .carousel-control ,#productGallery6 .carousel-control ,#productGallery7 .carousel-control ,#productGallery8 .carousel-control ,#productGallery9 .carousel-control ,#productGallery10 .carousel-control ,#productGallery11 .carousel-control ,#productGallery12 .carousel-control ,#productGallery13 .carousel-control ,#productGallery14 .carousel-control ,#productGallery15 .carousel-control ,#productGallery16 .carousel-control ,#productGallery17 .carousel-control ,#productGallery18 .carousel-control ,#productGallery19 .carousel-control { background: none !important; } #productGallery0 .carousel-control, #productGallery1 .carousel-control,#productGallery2 .carousel-control,#productGallery3 .carousel-control,#productGallery4 .carousel-control,#productGallery5 .carousel-control,#productGallery6 .carousel-control,#productGallery7 .carousel-control,#productGallery8 .carousel-control,#productGallery9 .carousel-control,#productGallery10 .carousel-control,#productGallery11 .carousel-control,#productGallery12 .carousel-control,#productGallery13 .carousel-control,#productGallery14 .carousel-control,#productGallery15 .carousel-control,#productGallery16 .carousel-control,#productGallery17 .carousel-control,#productGallery18 .carousel-control,#productGallery19 .carousel-control { background: none !important; } #productGallery0 .carousel-inner,#productGallery1 .carousel-inner,#productGallery2 .carousel-inner,#productGallery3 .carousel-inner,#productGallery4 .carousel-inner,#productGallery5 .carousel-inner,#productGallery6 .carousel-inner,#productGallery7 .carousel-inner,#productGallery8 .carousel-inner,#productGallery9 .carousel-inner,#productGallery10 .carousel-inner,#productGallery11 .carousel-inner,#productGallery12 .carousel-inner,#productGallery13 .carousel-inner,#productGallery14 .carousel-inner,#productGallery15 .carousel-inner,#productGallery16 .carousel-inner,#productGallery17 .carousel-inner,#productGallery18 .carousel-inner,#productGallery19 .carousel-inner { border: 1px solid #f0f0f0; } #productGallery0 .carousel-inner .item .img-wrapper, #productGallery1 .carousel-inner .item .img-wrapper, #productGallery2 .carousel-inner .item .img-wrapper, #productGallery3 .carousel-inner .item .img-wrapper, #productGallery4 .carousel-inner .item .img-wrapper, #productGallery5 .carousel-inner .item .img-wrapper, #productGallery6 .carousel-inner .item .img-wrapper, #productGallery7 .carousel-inner .item .img-wrapper, #productGallery8 .carousel-inner .item .img-wrapper, #productGallery9 .carousel-inner .item .img-wrapper, #productGallery10 .carousel-inner .item .img-wrapper, #productGallery11 .carousel-inner .item .img-wrapper, #productGallery12 .carousel-inner .item .img-wrapper, #productGallery13 .carousel-inner .item .img-wrapper, #productGallery14 .carousel-inner .item .img-wrapper, #productGallery15 .carousel-inner .item .img-wrapper, #productGallery16 .carousel-inner .item .img-wrapper, #productGallery17 .carousel-inner .item .img-wrapper, #productGallery18 .carousel-inner .item .img-wrapper, #productGallery19 .carousel-inner .item .img-wrapper { height: 360px; max-height: 360px; display: table-cell; vertical-align: middle; text-align: center; } #productGallery0 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery1 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery2 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery3 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery4 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery5 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery6 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery7 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery8 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery9 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery10 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery11 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery12 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery13 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery14 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery15 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery16 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery17 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery18 .carousel-inner .item .img-wrapper .img-wrapper-inner,#productGallery19 .carousel-inner .item .img-wrapper .img-wrapper-inner { display: table; table-layout: fixed; width: 100%; } #productGallery0 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery1 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery2 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery3 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery4 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery5 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery6 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery7 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery8 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery9 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery10 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery11 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery12 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery13 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery14 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery15 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery16 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery17 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery18 .carousel-inner .item .img-wrapper .img-wrapper-inner img,#productGallery19 .carousel-inner .item .img-wrapper .img-wrapper-inner img { max-height: 360px; max-width: 100%; width: auto !important; height: auto; margin: 0 auto; } .procons h3{ color: #4d4d4d; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 600; text-transform: capitalized; font-size:1rem; background:#f0f0f0; padding:20px 25px; margin:0px 0px 20px 0px; border-bottom:2px solid #d74f35 ; width:100%; box-sizing:border-box; } .procons{ background:#fafafa; padding-left:0px; padding-right:0px; } .proconsrow{ background:#fafafa; margin-bottom:20px; margin-left:0px; margin-right:0px; box-sizing:border-box; } .procons .ul-style-3{ padding:0px 15px 10px 25px; } .procons .ul-style-4{ padding:0px 15px 10px 25px; } #header_image{ float:left; width:100%; max-width:100%; display:block; height:500px; text-align:center; background-size:cover; } #header_image h1{ margin:200px 0px 15px 0px; font-weight:300; width:100%; color:#fff; font-size:60px; font-family: "Raleway",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; } #header_image p{ margin:0px auto; font-weight:300; max-width:330px; color:#fff; font-size:18px; font-family: Open Sans,Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; } #intro, #slider-row{ width:100%; float:left; } .intro{ text-align:center; padding:30px 0px; } .intro img{ margin:0 auto 30px auto; } .main-title{ font-family: Open Sans,Helvetica,Arial,sans-serif; color:#4d4d4d; font-size:40px; font-weight:300; margin:0px 0px 20px 0px; } .main-title span{ color:#d74f35; } .intro p{ margin:0px auto; font-weight:300; max-width:72%; color:#4d4d4d; font-size:18px; font-family: Open Sans,Helvetica,Arial,sans-serif; } .border-line{ background:#d74f35; height:1px; width:200px; margin:0px 0px 20px 0px; display:inline-block; } .slider_container{ float:left; width:100%; height:auto; overflow:hidden; position:relative; } .slider_container img{ max-width:100%; width:100%; height:auto; } #slider-row{ background:#222222; } #tabs-row{ background:#f3f0f0; float:left; width:100%; } .gray_info{ float:left; width:100%; height:auto; padding:33% 25% 0 25%; color:#fff; } .tabs-text{ float:left; width:100%; height:auto; padding:33% 25% 0 25%; } .noPadding{ padding:0px; } .gray_info h3{ font-family: Open Sans,Helvetica,Arial,sans-serif; color:#fff; font-size:40px; font-weight:300; margin:0px 0px 20px 0px; } .gray_info p{ color:#888888; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size:20px; line-height:30px; font-weight:300; } .moemagray{ padding:0.8em 1.5em !important; margin-top:10px; border-radius: 30px; background: #888 !important; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .moemagray:hover { color: #222 !important; background-color: #fff !important; } .moemagray::before { top: -15px; left: -15px; bottom: -15px; right: -15px; } .tabs-text .nav-tabs + .tab-content{ padding:20px 0px; } .tabs-text .nav-tabs > li.active > a, .tabs-text .nav-tabs > li.active > a:hover, .tabs-text .nav-tabs > li.active > a:focus { color: #222; background:none; border-bottom:1px solid #222; } .tabs-text .nav-tabs > li > a{ background:none; font-size:21px; padding:3px 10px; font-family: "Raleway",Helvetica,Arial,sans-serif; } .tabs-text .nav-tabs > li > a:hover{ border-bottom:1px solid #9fa2a5; } .slick-arrow { width: 48px; height: 48px; border-radius: 50%; background: #fff; z-index: 1; text-align: center; color: #888; position: absolute; right: 35px; cursor: pointer; display: block; transition: all .1s ease-in-out 0s; -webkit-transition: all .1s ease-in-out 0s; -moz-transition: .1s all 0s ease-in-out; -o-transition: .1s all 0s ease-in-out; overflow:hidden; } .slick-arrow:before{ opacity: 0.35; position: absolute; content: ""; top: 50%; left: 50%; margin: -10px 0 0 -5px; width: 10px; height: 20px; transition: opacity .15s ease-in-out 0s; -webkit-transition: opacity .15s ease-in-out 0s; -moz-transition: .15s opacity 0s ease-in-out; -o-transition: .15s opacity 0s ease-in-out; background: url(img/Arrows-02-dark.svg) 50% no-repeat; } .slick-arrow.slick-next::before { background: rgba(0, 0, 0, 0) url("img/Arrows-01-dark.svg") no-repeat scroll 50% center; } .slick-arrow.slick-prev { top: 50%; margin-top:35px; } .slick-arrow.slick-next { bottom: 50%; margin-top:-35px; } .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .typed-fade-out{ opacity: 0; animation: 0; transition: opacity .25s; } #our-team{ float:left; width:100%; padding:70px 0px; } #our-team .our-team-desc p{ margin:0px auto 30px auto; font-weight:300; max-width:72%; color:#4d4d4d; font-size:18px; font-family: Open Sans,Helvetica,Arial,sans-serif; } .our-team{ text-align:center; margin-bottom:20px; } .team-member{ display:inline-block; text-align:center; position:relative; overflow:hidden; max-height:455px; padding-bottom:95px; margin-bottom:20px; } .team-member img{ max-width:100%; float:left; } .team-info{ background:#f3f0f0; color:#222; text-align:center; float:left; padding:10px 0px 0px 0px; position:absolute; bottom:0px; cursor:pointer; -webkit-transition: .4s padding cubic-bezier(.175,.885,.32,1.275); transition: .4s padding cubic-bezier(.175,.885,.32,1.275); width:100%; } .team-info:hover{ padding:10px 0px 10px 0px; } .team-info h5{ font-family: "Raleway",Helvetica,Arial,sans-serif; text-transform:uppercase; padding:3px 0px; border-bottom:1px solid #222; color:#222; font-weight:normal; font-size:13px; display:inline-block; margin:10px auto 0px auto; } .hidden-info p{ font-family: "Raleway",Helvetica,Arial,sans-serif; color:#222; font-weight:normal; font-size:14px; } .team-info h4{ font-family: Open Sans,Helvetica,Arial,sans-serif; padding:10px 0px 0px 0px; color:#222; font-size:23px; display:inline-block; font-weight:300; margin:0px auto 20px auto; } .hidden-info{ background:#f3f0f0; color:#222; float:left; padding:0px 20px 10px 20px; box-sizing:border-box; display:none; width:100%; } .hidden-info.active{ display:block; } .arrow-container{ border-radius:50%; background:#f3f0f0; width:44px; height:44px; text-align:center; left:50%; margin-left:-22px; top:-22px; position:absolute; } .arrow-container i{ font-size:20px; margin-top:3px; } .normal-img{ display:block; } .hover-img{ display:none; } .center-members{ text-align:center; } .team1:hover .normal-img,.team2:hover .normal-img,.team3:hover .normal-img,.team4:hover .normal-img,.team5:hover .normal-img,.team6:hover .normal-img,.team7:hover .normal-img,.team8:hover .normal-img,.team9:hover .normal-img,.team10:hover .normal-img,.team11:hover .normal-img,.team12:hover .normal-img,.team13:hover .normal-img,.team14:hover .normal-img,.team15:hover .normal-img,.team16:hover .normal-img,.team17:hover .normal-img,.team18:hover .normal-img,.team19:hover .normal-img,.team20:hover .normal-img { display:none; } .team1:hover .hover-img,.team2:hover .hover-img,.team3:hover .hover-img,.team4:hover .hover-img,.team5:hover .hover-img,.team6:hover .hover-img,.team7:hover .hover-img,.team8:hover .hover-img,.team9:hover .hover-img,.team10:hover .hover-img,.team11:hover .hover-img,.team12:hover .hover-img,.team13:hover .hover-img,.team14:hover .hover-img,.team15:hover .hover-img,.team16:hover .hover-img,.team17:hover .hover-img,.team18:hover .hover-img,.team19:hover .hover-img,.team20:hover .hover-img { display:block; } #about-facts{ background:#f2f2f2; padding:70px 0px; float:left; width:100%; } #about-facts i{ font-size:80px; color:#c8c8c8; width:100%; } #about-facts p{ font-family: "Raleway",Helvetica,Arial,sans-serif; color:#464646; font-weight:300; font-size:20px; text-transform:uppercase; } #about-facts h3{ font-family: Open Sans,Helvetica,Arial,sans-serif; padding:3px 0px; color:#464646; font-size:35px; display:inline-block; font-weight:400; margin:15px auto 10px auto; width:100%; } .fa-coffee{ margin-left:4px; } .small-border{ width:20px; height:3px; background:#464646; text-align:center; display:inline-block; margin-bottom:10px; } #instagram{ float:left; width:100%; padding:70px 0px; } #footer{ float:left; width:100%; background:#d74f35; padding:70px 0px; position:relative; z-index:1000; } #footer h4{ font-family: "Raleway",Helvetica,Arial,sans-serif; color:#fff; font-weight:300; font-size:24px; padding:0px 3px 5px 3px; border-bottom:1px solid #fff; margin:0px 0px 20px 0px; float:left; clear:both; } #footer img{ max-width:100%; height:auto; } #footer ul{ float:left; clear:both; position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #footer ul li{ margin:0px 0px 6px 0px; } #footer ul li a{ font-size:16px; font-weight:normal; color:#fff; text-decoration:none; position: relative; display: block; outline: none; padding:2px 5px; } #footer-bottom-small{ width:100%; background:#a6321b; color:#fff; padding:15px 0px; margin:0px; float:left; position:relative; z-index:1000; } #footer ul li a ::before, #footer ul li a ::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #footer ul li a::before { position: absolute; top: 0; left: -18px; z-index: -1; width: 100%; height: 100%; background: #a6321b; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(1) translateX(-100%); transform: scaleY(1) translateX(-100%); } #footer ul li a:hover::before, #footer ul li a:focus::before { -webkit-transform: scaleY(1) translateX(0); transform: scaleY(1) translateX(0); left: 0; border-radius:2px; } #footer-bottom-small p{ font-size:14px; margin:0px; color:#fff; float:none; } .footer-right p{ float:right; text-align:right; } .footer-right .social-icons{ float:right; margin-left:10px; margin-top:3px; } .footer-right .social-icons i{ font-size:20px; margin:0px 0px 0px 10px; } .footer-right .social-icons a{ color:#fff; } .footer-right .social-icons a:hover{ color:#d74f35; } .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; } #bg a.icon-scroll { width: 40px; height: 70px; margin-left: -20px; bottom: 30px; margin-top: -35px; box-shadow: inset 0 0 0 1px #fff; border-radius: 25px; opacity:1; } .icon-scroll:before { content: ''; width: 8px; height: 8px; background: #fff; margin-left: -4px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); } } .bgtext{ position:absolute; bottom:50px; left:50px; display:block; text-align:left; } .bgtext h2{ font-weight:300; color:#fff; font-size:64px; text-transform:lowercase; font-family: "Raleway",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; text-align:left; margin:20px 0px; } .bgtext h1{ font-weight:300; color:#fff; font-size:64px; text-transform:uppercase; font-family: Oswald,Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; text-align:left; margin:9px 0px 10px 0px; } .heading-border{ width:100%; display:block; background:#fff; height:3px; box-shadow: 1px 1px 3px #000; } #big_logos{ float:left; width:100%; text-align:center; padding:40px 0px 0px 0px; } #big_logos img{ max-width:100%; text-align:center; } #main{ width:100%; float:left; } .custom-col{ width:16%; box-sizing:border-box; padding:0px 15px; text-align:center; margin:0 auto; display:inline-block; } .custom-col img { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ transition:all 0.3s ease 0s; } /* Disable grayscale on hover */ .custom-col img:hover { -webkit-filter: grayscale(0); filter: none; transition:all 0.3s ease 0s; } #info{ padding:70px 0px 70px 0px; float:left; width:100%; } #info p{ margin:0px auto; font-weight:300; max-width:72%; color:#4d4d4d; font-size:18px; font-family: Open Sans,Helvetica,Arial,sans-serif; } #categories-main{ float:left; width:100%; padding:0px 10px 70px 10px; box-sizing:border-box; } /* clearfix */ .grid-masonry:after { content: ''; display: block; clear: both; } .grid-sizer, .grid-item { width: 33.3%; box-sizing:border-box; margin-bottom:20px; padding:0px 10px; } .grid-item { float: left; } .masonary_wrap{ width:100%; float:left; overflow:hidden; background:#f6f6f6; padding:4px; border:1px solid #ccc; text-align:center; transition:all 0.3s ease 0s; } .masonary_wrap img{ max-width:100%; float:left; width:100%; max-height:auto; } .masonary_wrap.masonary_wrap_blog{ padding:0px; border:none; } #categories-main .grid-masonry{ padding:0px !important; } .masonary_wrap h3{ font-weight:300; font-size:24px; font-family: "Raleway",Helvetica,Arial,sans-serif; text-align:center; margin:20px auto 22px auto; color:#222222; transition:all 0.3s ease 0s; } .masonary_wrap:hover{ background:#d74f35; color:#fff; text-decoration:none; } .masonary_wrap:hover.masonary_wrap h3{ color:#fff !important; transition:all 0.3s ease 0s; } /* Common style */ .grid-masonry figure { position: relative; float: left; overflow: hidden; background: #d74f35; text-align: center; cursor: pointer; width:100%; } .grid-masonry figure img { position: relative; display: block; min-height: auto; max-height:auto; max-width: auto; opacity: 0.8; } figure.effect-julia { background: #d74f35; } figure.effect-julia img { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-height:auto; display:block; } figure.effect-julia:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .masonary_wrap:hover figure.effect-julia img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } figure.effect-julia i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); position:absolute; bottom:-50px; left:50%; margin-left:-30px; margin-top:-30px; color:#fff; font-size:60px; opacity: 0.8; } .masonary_wrap:hover figure.effect-julia i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; top:50%; bottom:auto; } #separator{ float:left; width:100%; padding:70px 0px; background:#d74f35; color:#fff; position:relative; } #separator h2{ margin:0px auto 27px; font-weight:400; color:#fff; font-size:28px; font-family: Open Sans,Helvetica,Arial,sans-serif; } #separator .border-line{ background:#fff; } .moemawhite{ padding:0.8em 1.5em !important; margin-top:10px; border-radius: 30px; background: #a6321b !important; color: #fff ; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; margin:15px 0px 0px 0px; } .moemawhite:hover { color: #d74f35 !important; background-color: #fff !important; } .moemawhite::before { top: -15px; left: -15px; bottom: -15px; right: -15px; } .separator_wrap{ max-width:90%; margin:0 auto; text-align:center; } body.page-id-602 #footer{ position:static; } body.page-id-602 .select2-container-multi .select2-choices, .select2-container{ width:auto; } #latest{ float:left; width:100%; padding:70px 0px; } .homepage-product{ text-align:left; float:left; } .productswrap{ margin:50px 0px 0px 0px; } .info-section{ width:100%; overflow:hidden; box-sizing:border-box; } .info-section a{ color:#222222 !important; font-weight:400 !important; font-family: Open Sans,Helvetica,Arial,sans-serif; } #latest .product-price{ height:35px; } #toprated{ float:left; width:100%; padding:70px 0px; background:#f6f6f6; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } #toprated .product-price{ height:35px; } .page-id-177 #main{ padding-bottom:0px !important; } #home-blog{ float:left; width:100%; padding:70px 0px; } #more_articles{ float:left; width:100%; padding:70px 0px; background: #f6f6f6; border-top: 1px solid #ccc; } .blog-article-home{ margin:30px 0px 0px 0px; } .blog-article-home p{ color:#4d4d4d; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size:18px; width:100%; margin:0px 0px 5px 0px; float:left; line-height:26px; } .blog-article-home p.cat-date a{ text-decoration:none; color:#4d4d4d; } .cat a{ text-decoration:none; color:#4d4d4d; } .blog-article-home p.cat-date a:hover{ text-decoration:none; color:#d74f35; } .cat a:hover{ text-decoration:none; color:#d74f35; } .blog-article-home img{ float:left; width:100%; max-width:100%; margin:0px 0px 0px 0px; height:auto; display:inline-block; max-height:auto; } .blog-article-home h4{ color:#4d4d4d; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size:24px; width:100%; margin:10px 0px 10px 0px; float:left; font-weight:300; line-height:32px; } .blog-article-home h4 a{ text-decoration:none; color:#4d4d4d; } .blog-article-home h4 a:hover{ text-decoration:none; color:#d74f35; } .moemablog{ padding:0.5em 1em !important; margin-top:10px; border-radius: 20px; background: #d74f35 !important; color: #fff ; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; margin:10px 0px 0px 0px; } .moemablog:hover { color: #fff !important; background-color: #a6321b !important; } .moemablog::before { top: -15px; left: -15px; bottom: -15px; right: -15px; } .moemageneral{ padding:0.5em 1em !important; margin-top:10px; border-radius: 20px; background: #222222 !important; color: #fff ; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; margin:10px 0px 0px 0px; } .moemageneral:hover { color: #fff !important; background-color: #d74f35 !important; } .moemageneral::before { top: -15px; left: -15px; bottom: -15px; right: -15px; } #undecided{ color:#fff; background:#222222; padding:70px 0px; float:left; width:100%; } #undecided .main-title{ color:#fff; } #undecided .border-line{ background:#fff; } #undecided p{ color: #fff; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 18px; font-weight: 300; margin: 0 auto; max-width: 50%; } #undecided img{ margin:30px auto 40px; } .moemaundecided{ padding:0.8em 1.5em !important; margin-top:20px; border-radius: 30px; background: #d74f35 !important; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; margin:15px 0px 0px 0px; } .moemaundecided:hover { color: #222 !important; background-color: #fff !important; } .moemaundecided::before { top: -15px; left: -15px; bottom: -15px; right: -15px; } #breadcrumbs { background: #f3f3f3!important; } .single-post p{ color:#4d4d4d; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size:14px; width:100%; margin:0px 0px 5px 0px; line-height:22px; } .single-post p.cat-date a{ text-decoration:none; color:#4d4d4d; margin:0px !important; } .single-post p.cat-date a:hover{ text-decoration:none; color:#d74f35 !important; margin:0px !important; } .single-post #content article p.cat-date a:hover{ color:#d74f35 !important; } .single-post p.cat-date a:before { position: static !important; padding: 0 !important; margin:0px !important; } .single-post #content article p{ font-size: 18px; line-height: 26px; margin: 0 0 15px; } .single-post #content article h1.cat-main-title{ display:inline-block; clear:both; width:100%; margin:10px 0px 20px 0px; font-weight:400; } .single-post #content article img.attachment-blog-big{ margin-bottom:20px; } .cat-date.cat-half{ width:50%; float:left; } .single-post #content article .cat-date{ margin-bottom:5px; } .blogtags{ text-align:right; } #search-2{ padding:0px; } #archives-3, #recent-posts-3, #tag_cloud-2, .tagcloud{ padding-bottom:0px; } #archives-3 .widget-title, #recent-posts-3 .widget-title, #tag_cloud-2 .widget-title, .widget .widget-title { font-size: 20px; margin: 10px 0 15px; text-align: center; width: 100%; font-weight: 500; padding: 10px; font-family: "Open Sans",Helvetica,Arial,sans-serif; color:#101820; } #archives-3 ul, #recent-posts-3 ul, .tagcloud, #text-6 ul, #text-8 ul, #text-9 ul{ position:relative; } #archives-3 ul:before, #recent-posts-3 ul:before, .tagcloud:before, #text-6 ul:before, #text-8 ul:before, #text-9 ul:before{ content : ""; position: absolute; left : 25%; top : -10px; height : 1px; width : 50%; border-bottom:1px solid #d74f35; } #text-6.widget, #text-8.widget, #text-9.widget{ padding-bottom:0px; } #text-6 ul li , #text-8 ul li, #text-9 ul li{ display: block; padding: 5px 10px; border-top: 1px solid #eee; margin:0 0 3px 0; text-align:left; } #text-6 ul li:first-of-type, #text-8 ul li:first-of-type, #text-9 ul li:first-of-type{ border:none; } .tagcloud{ padding-left:0px !important; padding-right:0px !important; } .tagcloud a{ font-size:1rem !important; border-bottom: 1px solid #eee; width:100%; display:inline-block; padding: 5px 10px; } .tagcloud a:last-of-type{ border:none; } #contact_content{ float:left; width:100%; } .contact_left{ padding:70px 0px; text-align:center; float:right; width:100%; } .contact_right{ padding:70px 0px; text-align:center; float:left; width:100%; } .gray_back{ background:#f3f3f3; } .contact_left p{ margin:0px auto; font-weight:300; color:#4d4d4d; font-size:18px; font-family: Open Sans,Helvetica,Arial,sans-serif; margin-bottom:70px; max-width:60%; } .social-icons-contact{ width:100%; text-align:center; } .social-icons-contact a{ color:#d74f35; text-decoration:none; font-size:40px; margin: 10px 15px; text-align:center; display:inline-block; } .social-icons-contact a:hover{ color:#a6321b; } .contact_form{ float:left; width:100%; padding:0px 20%; box-sizing:border-box; } .input { position: relative; z-index: 1; display: inline-block; margin: 0 0 1em 0; max-width: 100%; width: 100%; vertical-align: top; } .input__field { position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #4d4d4d; font-weight: 400; font-family: Open Sans, Helvetica, Arial, sans-serif; -webkit-appearance: none; /* for box shadows to show on iOS */ } .input__field:focus { outline: none; } .input__label { display: inline-block; float: right; padding: 0 1em; width: 40%; color: #4d4d4d; font-size: 80.25%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .input__label-content { position: relative; display: block; padding: 1.6em 0; width: 100%; } .graphic { position: absolute; top: 0; left: 0; fill: none; } .icon { color: #ddd; font-size: 150%; } /* Individual styles */ /* Manami */ .input--manami { overflow: hidden; } .input__field--manami { width: 100%; background: transparent; padding: 0.5em 20px; margin-bottom: 2em; color: #f9f7f6; z-index: 100; opacity: 0; } .input__label--manami { width: 100%; position: absolute; text-align: left; padding: 0.49em 0; pointer-events: none; font-size: 1.2em; font-weight:normal !important; } .input__label--manami::before, .input__label--manami::after { content: ''; position: absolute; width: 100%; left: 0; } .input__label--manami::before { height: 100%; background: #d74f35; top: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .input__label--manami::after { height: 2px; background: #d74f35; top: 100%; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .input__label-content--manami { padding: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.2s, color 0.2s; transition: transform 0.2s, color 0.2s; } .input__field--manami:focus, .input--filled .input__field--manami { opacity: 1; -webkit-transition: opacity 0s 0.2s; transition: opacity 0s 0.2s; padding-top:0.7em; padding-bottom:0.3em; } .input__label--manami::before, .input__label--manami::after, .input__label-content--manami, .input__field--manami:focus, .input--filled .input__field--manami { -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); } .input__field--manami:focus + .input__label--manami::before, .input--filled .input__label--manami::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .input__field--manami:focus + .input__label--manami::after, .input--filled .input__label--manami::after { opacity: 0; } .input__field--manami:focus + .input__label--manami .input__label-content--manami, .input--filled .input__label--manami .input__label-content--manami { color: #969595; -webkit-transform: translate3d(0, 2.1em, 0) scale3d(0.85, 0.85, 1); transform: translate3d(0, 2.1em, 0) scale3d(0.85, 0.85, 1); } .textarea-custom{ background:#ebebeb; width:100%; max-width:100%; border:none; border-bottom:2px solid #d74f35; box-sizing:border-box; padding:20px; min-width:100%; margin-top:1em; } .textarea-custom:active, .textarea-custom:focus, .focused{ background:#d74f35; color:#fff; } .wpcf7-submit{ padding:0.8em 1.5em !important; border-radius: 30px; background: #d74f35 !important; color: #fff ; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; margin:30px 0px 0px 0px; text-align:left; float:left; } .wpcf7-submit:hover, .wpcf7-submit:active, .wpcf7-submit:focus { color: #fff !important; background-color: #a6321b !important; } .wpcf7-submit::before { top: -15px; left: -15px; bottom: -15px; right: -15px; } .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok{ border-left:none; float:left; padding:0px; text-align:left; width:100%; display:none !important; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline:0; } textarea:focus::-webkit-input-placeholder { color: #fff; } textarea:focus:-moz-placeholder { color: red; } textarea:focus::-moz-placeholder { color: #fff; } textarea:focus:-ms-input-placeholder { color: #fff; } .social-icons-sidebar{ width:100%; text-align:center; display:inline-block; } .social-icons-sidebar a{ color:#d74f35 !important; text-decoration:none; font-size:30px; margin: 10px 15px; text-align:center; display:inline-block; } .social-icons-sidebar a:hover{ color:#a6321b!important; } .menu { line-height: 1; margin: 0 auto; color:#fff; } .menu__list { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; float:right; color:#fff; } .menu__item { display: block; margin: 10px 0; color:#fff; } .menu__link { font-size: 16px; font-weight:300; font-family: "Raleway",Helvetica,Arial,sans-serif; display: block; padding: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration:none !important; color:#fff !important; } .menu__link:hover{ color:rgba(255, 255, 255, 0.6) !important; } .menu__link:hover, .menu__link:focus { outline: none; } /* Cordelia (by @vivien_le_neez) */ .menu--cordelia .menu__item { position: relative; } .menu--cordelia .menu__link { -webkit-transition: color 0.3s; transition: color 0.3s; } .menu--cordelia .current-menu-item .menu__link { color: #fff; -webkit-transition: color 0.6s; transition: color 0.6s; } .menu--cordelia .menu__item::before, .menu--cordelia .menu__item::after { content: ''; position: absolute; z-index: 10; width: 100%; height: 1px; background: #fff; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-animation-fill-mode: initial; animation-fill-mode: initial; } .menu--cordelia .menu__item::before { top: 0; right: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .menu--cordelia .menu__item::after { bottom: 0; left: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .menu--cordelia .current-menu-item::before { -webkit-animation: anim-cordelia-top 0.6s linear both; animation: anim-cordelia-top 0.6s linear both; } .menu--cordelia .current-menu-item::after { -webkit-animation: anim-cordelia-bottom 0.6s linear both; animation: anim-cordelia-bottom 0.6s linear both; } @-webkit-keyframes anim-cordelia-top { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes anim-cordelia-top { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @-webkit-keyframes anim-cordelia-bottom { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes anim-cordelia-bottom { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } #menu-hauptmenu li{ margin:10px 0; } #menu-hauptmenu a{ color:#fff; text-decoration:none; padding:10px; font-weight:300; display:block; font-size:16px; font-family: "Raleway",Helvetica,Arial,sans-serif; } #menu-hauptmenu .dropdown-menu li{ margin:0px; } #menu-hauptmenu .dropdown-menu{ padding:0px; margin:10px 0px 0px 0px; } #comments{ display:inline-block; width:100%; } .media{ display: inline-block; max-width: 100%; } .menu__list .menu__item:hover .dropdown-menu{ display:block !important; } .dropdown-menu{ padding-top:10px !important; top:26px; background:none !important; box-shadow:none; } .menu__list .menu__item ul li{ background:rgb(16, 24, 32); } #filter_widget-2{ float:left; margin:0px 0px 40px 0px; padding:0px; width:100%; max-width:100%; } .page-id-604 #filter_widget-2{ position:relative; z-index:10; } #filter_widget-2 h1.widget-title{ font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 27px; font-weight: 500; margin: 30px 0 15px 0px; padding:0px 0px 20px 0px; width:100%; border-bottom:1px solid #eee; text-align:left; } #filter_widget-2 .filterform:before{ border:none; } #filter_widget-2 .filterform{ margin: 0px 0 15px 0px; padding:0px; float:left; width:100%; } #filter_widget-2 .filterform .form-group{ width:50%; border:none; box-sizing:border-box; float:left; padding-right:20px; } #filter_widget-2 .filterform .form-group:nth-child(even){ padding-right:0px; padding-left:20px; padding-top:0px; margin:0px; } #filter_widget-2 .filterform .form-group:last-of-type{ width:100%; padding:25px 0 0 0; margin-top:25px; border-top:1px solid #eee; } .custom-title-products{ font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 27px; font-weight: 500; margin: 10px 0 25px 0px; padding:0px 0px 20px 0px; width:100%; border-bottom:1px solid #eee; text-align:left; } #filter_widget-2 .filterform .slide span:first-of-type{ width:10%; } #filter_widget-2 .filterform .slider.slider-horizontal{ width:75% !important; } #filter_widget-2 .filterform .slide span:last-of-type{ width:15%; } #filter_widget-2 .filterform .slide{ margin-top:7px; } #filter_widget-2 .filterform .filter-reset{ padding:0px; } #filter_widget-3{ float:left; margin:0px 0px 40px 0px; padding:0px; width:100%; max-width:100%; } #filter_widget-3 h1.widget-title{ font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 27px; font-weight: 500; margin: 30px 0 15px 0px; padding:0px 0px 20px 0px; width:100%; border-bottom:1px solid #eee; text-align:left; } #filter_widget-3 .filterform:before{ border:none; } #filter_widget-3 .filterform{ margin: 0px 0 15px 0px; padding:0px; float:left; width:100%; } #filter_widget-3 .filterform .form-group{ width:100%; border:none; box-sizing:border-box; float:left; padding:0px; } #filter_widget-3 .filterform .form-group:last-of-type{ padding:25px 0 0 0; margin-top:25px; border-top:1px solid #eee; text-align:right; } .product-select button{ margin-top:10px; } .table_of_contents_blog{ background:#f0f0f0; width:100%; padding:0px; box-sizing:border-box; display:inline-block; margin:0px 0px 20px 0px; } .table_of_contents_blog p{ background: #d74f35 none repeat scroll 0 0; box-sizing: border-box; color: #fff; display:inline-block; font-family: "Raleway",Helvetica,Arial,sans-serif; font-size: 25px !important; font-weight:bold; margin: 0 !important; padding: 20px; text-align: left; width: 100%; } #content article .table_of_contents_blog ol{ width:100%; padding:20px 20px 0px 40px; box-sizing:border-box; display:none; } .twocolumns{ -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 60px; column-gap: 60px; -moz-column-gap: 60px; } #content article .table_of_contents_blog ol li a{ color:#4d4d4d; } #content article .table_of_contents_blog ol li{ padding:0px 0px 0px 10px !important; margin-bottom:10px; } #content article .table_of_contents_blog .strong{ font-weight:bold; } #content article .table_of_contents_blog .child{ width:100%; display:inline-block; text-decoration:none; color:#4d4d4d; padding:0px 0px 0px 20px; font-size:15px; margin:0px 0px 5px 0px; } #content article .table_of_contents_blog i { font-size:8px; color:#4d4d4d; margin-right:7px; vertical-align: middle; } #content article .table_of_contents_blog ol li a:hover { color:#d74f35 !important; } #content article .table_of_contents_blog .child:hover{ color:#d74f35 !important; } #content article h2, #content article h3{ display:inline-block; width:100%; } .tableofcontents{ background: #d74f35 none repeat scroll 0 0; border: medium none; border-radius: 8px 0 0; bottom: 0; color: #fff; display: none; padding: 10px 25px; position: fixed; right: 0; transition: all 0.4s ease 0s; z-index: 1000; text-decoration:none; } .tableofcontents:hover{ background: #a6321b; transition: all 0.4s ease 0s; text-decoration:none; color:#fff; } .tableofcontents:visited, .tableofcontents:focus{ text-decoration:none; color:#fff; } .tableofcontents.tableofcontents_visible{ display:block; } .middle-box h1{ font-size:70px; font-weight:300; font-family: "Raleway",Helvetica,Arial,sans-serif; } .middle-box h3{ font-weight:300; width:100%; font-size:40px; font-family: "Raleway",Helvetica,Arial,sans-serif; margin:10px 0px 30px 0px; } .middle-box h4{ font-weight:300; width:100%; font-size:30px; font-family: "Raleway",Helvetica,Arial,sans-serif; margin:30px 0px; } .gohome{ margin-bottom:50px; } .middle-box h4 a{ color:#d74f35; } .middle-box .btn-primary{ transition: all 0.4s ease 0s; } .middle-box .btn-primary:hover{ background: #a6321b; transition: all 0.4s ease 0s; } .section-related{ display:inline-block; width:100%; } .archive .grid .col-xxs-12.col-xs-6.col-md-4.col-lg-4.eq{ padding-left: 5px; padding-right: 5px; } .single-post figcaption p{ color:#fff !important; margin-bottom:0px !important; text-shadow: 1px 1px 1px #000; } .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:10px; } article .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(215, 79, 53, 0.75) !important; } .cat_intro{ background:#f3f3f3; } #main.category-page{ padding-top:0px; } .container-wide{ width:100%; float:left; max-width:100%; padding:0px; margin:0px; } .container-wide #sidebar{ padding:20px 0 !important; margin-bottom:50px; border-top: 3px solid #d74f35; } .container-wide #sidebar:before{ border:none; margin:0px; } .category-page .productlayout_wrap table.table-compare tbody, .category-page .productlayout_wrap table.table-compare tr{ width:100% !important; max-width:100% !important; float:left; } .category-page .productlayout_wrap table.table-compare tr:nth-child(1){ margin-bottom:20px; } .category-page .productlayout_wrap table.table-compare td:nth-child(1){ width:20%; float:left; margin-right:5%; } .category-page .productlayout_wrap table.table-compare td:nth-child(2){ width:40%; float:left; } .category-page .productlayout_wrap table.table-compare td:nth-child(3){ width:35%; float:left; } .section-productdata .table tbody, .section-productdata .table tbody tr, .table-details.table tbody, .table-details.table tbody tr{ width:100%; display:inline-block; } .section-productdata .table tbody td, .table-details.table tbody td{ width:50%; display:inline-block; } .product-title{ color:#101820; font-weight:bold; font-size:2rem; } #content article p.product-title a{ color:#101820; font-weight:bold !important; margin-top:20px; display:inline-block; line-height:26px; font-size:2rem; } #content article p.product-title a:hover{ color:#101820 !important; text-decoration:none; } ol{ display:inline-block; width:100%; } .ordered-list { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering *list-style: decimal; /* Keep using default numbering for IE6/7 */ padding: 0 0 0 20px; margin-bottom: 1em; margin-top: 1em; text-shadow: 0 1px 0 rgba(255,255,255,.5); overflow:hidden; } .ordered-list ol { margin: 0 0 0 2%; /* Add some left margin for inner lists */ width:98%; } .ordered-list li{ position: relative; display: inline-block; padding: .4em 2em; *padding: .4em; margin: .5em 0; background: #f3f3f3; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; width:100%; } .ordered-list li figure{ margin-top:10px; } .ordered-list li:hover{ background: #eee; } .ordered-list li:hover:before{ transform: rotate(360deg); } .ordered-list li:before{ content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.1em; background: #d74f35; color:#fff; height: 40px; width: 40px; line-height: 1.7em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; } .ordered-list ol li:before{ background:#aaa; } .ordered-list li a{ color: #d74f35; } .ordered-list li a:hover, #content article ol li a:hover{ color: #101820 !important; } #share-buttons2{ margin-bottom:10px; } #share-buttons a, #share-buttons2 a { text-decoration:none; line-height:25px; } #share-buttons i, #share-buttons2 i{ font-size:23px; } #share-buttons a:hover, #share-buttons2 a:hover { text-decoration:none; } .jssocials-share-whatsapp{ display:none; } .author_wrap{ float:left; background:#f3f3f3 ; width:100%; border-radius:10px; padding:20px; margin:15px 0 0 0; } .author_wrap img{ float:left; width:80px; height:80px; max-width:100%; border-radius:50%; margin-right:15px; } .author_text{ float:left; margin:30px 0 0 0; } .author_text p{ line-height:18px !important; margin:0px !important; font-style:italic; font-size:16px; font-family: "Open Sans",Helvetica,Arial,sans-serif; } .author_text p.cat-date2{ margin:5px 0 0 0 !important; float:left; clear:both; width:auto; padding-bottom:5px; } .author_wrap_header{ float:left; background:#f3f3f3 ; width:100%; padding:15px 0px; margin:0 0 20px 0; border-top: 3px solid #d74f35; } .author_wrap_header img{ float:left; width:100%; height:50px; width:50px; margin-right:15px; border-radius:50%; } .author_wrap_header p{ line-height:18px !important; margin:0px 0px 2px 0px !important; font-family: "Open Sans",Helvetica,Arial,sans-serif; } .author_wrap_header .author_text{ margin-top:4px; width:80%; } .single-post #content article .author_wrap_header p{ font-size:15px; } #share-buttons-small{ float:right; } #share-buttons-small .jssocials-share-link { border-radius: 50%; } .author-img-wrap{ float:left; width:15%; box-sizing:border-box; margin-top:10px; } .single-post .author-img-wrap{ width:20%; margin-top:0px; } #share-buttons-small.product-socials{ float:left; margin-top:10px; width:100%; } #share-buttons-small.product-socials .jssocials-shares{ text-align:center; } .author_wrap_header.category_author img{ width:80px; height:80px; } .author_wrap_header.category_author .author_text{ margin-top:20px; } .author_wrap_header.category_author #share-buttons-small{ margin-top:15px; } .carousel-outer{ display:inline-block; position:relative; } .carousel-control{ height:100%; } .new-compare img{ max-width:150px !important; } .new-compare{ margin:20px 0px 0 0; } .new-compare a{ padding: 1em 1.5em!important; width:auto !important; } #general{ float:left; width:100%; padding:70px 0px; } .general_row{ margin:30px 0px 0px 0px; } .general{ float:left; clear:both; margin:0px 0px 40px 0px; display:none; } .general p.cat{ margin-bottom:10px; } .general img{ width:100%; max-width:100%; height:auto; max-height:auto; display:block; } .general h4{ color:#4d4d4d; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size:24px; width:100%; margin:0px 0px 10px 0px; float:left; font-weight:300; line-height:32px; } .general h4 a{ text-decoration:none; color:#d74f35; } .general h4 a:hover{ text-decoration:none; color:#4d4d4d; } figure.effect-apollo { background: #d74f35; } figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); max-height:auto; height:auto; display:block; width:100%; } figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0); } figure.effect-apollo figcaption{ padding:0px; } figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; font-size:18px; padding: 0 1em; max-width: 200px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-apollo h2 { text-align: left; } figure.effect-apollo:hover img { opacity: 0.5; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0); } figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #load_more:active, #load_more:visited, #load_more:focus{ color:#fff !important; } .lionel{ max-width:100%; height:auto; } .grid .price-hint{ display:none; } .table-product-x{ display:table; } .cookie-disclaimer { background: #d74f35; padding:5px 0px; color: #FFF; opacity: 0.9; width: 100%; bottom: 0; left: 0; z-index: 1100; position: fixed; text-align:center; display:none; } .cookie-disclaimer p{ font-size:14px; float:left; margin:4px 5px; width:auto; color: #FFF; } .disclaimer{ margin:0 auto; text-align:center; display:inline-block; } .cookie-disclaimer .btn{ padding: 4px 10px; } .footerlogo{ width:200px; height:164px; max-width:200px; display:inline-block; background:url("img/footer.png") no-repeat center top; background-size: 200px 164px; -moz-background-size: 200px 164px; -webkit-background-size: 200px 164px; -o-background-size: 200px 164px; } .table ul.ul-style-standard{ padding:0px !important; margin:0px !important; } .table ul.ul-style-standard li{ list-style:none !important; background:#fbedea; border-radius:5px; margin-bottom:10px; padding:5px 15px; } .table ul.ul-style-standard li:last-child{ margin-bottom:0px; } .effect-julia .cat-date{ position:absolute; top:10px; left:0px; background:#d74f35; color:#fff; border-radius:0 20px 20px 0; z-index:100000; width:auto; padding:5px 10px; letter-spacing: 0; font-size:15px; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .masonary_wrap:hover .effect-julia .cat-date { opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .intro-cat{ margin:20px 0px 0px 0px; } .intro-cat ul li{ display:inline-block; padding:0px 20px; border-right:1px solid #d74f35; } .intro-cat ul li:last-child{ border-right:none; } .intro-cat ul li a { color:#d74f35; text-decoration:none; } .intro-cat ul li a:hover{ color:#101820; } .table-product-x .product-price .price-hint{ display:none !important; } #breadcrumbs ol{ list-style:none; padding:20px 0px; margin:0px; } #breadcrumbs ol li{ list-style-type: none; display:inline-block; } #breadcrumbs ol li:last-child a{ color:#6f7479; } #breadcrumbs ol li:last-child a:hover{ color:#6f7479; text-decoration:none; cursor: inherit; } i.gray-star { color:#9fa2a5 !important; } i.red-star { color:#f52323 !important; } i.orange-star { color:#f58123 !important; } .callTo{ background:#40b756; color:#fff; padding:10px; text-align:left; float:left; width:100%; box-sizing:border-box; } .callToPrice{ float:left; width:50%; margin:0px; color:#fff; } .single-post p.callToPrice{ float:left; width:50%; margin:0px; color:#fff; } .single-post #content article p.callToPrice{ margin:0px; } .callToRight{ float:right; width:50%; } .callToRight img{ float:right; height:auto; width:auto; margin:8px 6px 0 0; } .callToRight a{ float:right; padding:10px 20px; text-transform:uppercase; font-size:14px; margin-left:20px; color:#fff; background:#377851; border-radius:5px; font-weight:600; } .callToRight a:hover{ background:#fff; color:#377851; text-decoration:none; } .callToPrice .price{ font-size:24px; margin:6px 0 0 0; float:left; } .aligncenter { margin-bottom:20px; } .tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc{ background-color:#d74f35 !important; color:#fff !important; } .tablepress thead th{ background: rgba(215, 79, 53, 0.4) !important; } .pricemargintop{ float:left; width:50%; margin:8px 0 0 0; color:#fff; text-align:left; } .DTFC_LeftBodyLiner{ overflow:hidden !important; width:auto !important; } .DTFC_LeftBodyWrapper{ overflow:visible !important; } #patern-bg{ background:url("img/patern.jpg") repeat left top; width:100%; min-height:500px; text-align:center; margin:0px; } #patern-bg h1{ color:#fff; text-align:center; display:inline-block; margin:180px 0px 0px 0px; font-weight:300; color:#fff; font-size:60px; text-transform:uppercase; font-family: "Raleway",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; } .term-homepage-baukasten-test .author_wrap_header{ margin:-18px 0px 20px 0px !important; } .textwidget ul li{ margin:5px 0px 15px 0px; } .structured-data{ position:absolute; left:-9999px; } .services-desc p{ width:800px; max-width:100%; color:#fff; font-size:20px; line-height:27px; display:inline-block; text-align:center; margin:20px 0 0 0; text-shadow: 1px 1px 3px #000; } #rootwizard, #rootwizard1, #rootwizard2{ width:100%; display:inline-block; margin:10px 0 30px 0; padding:20px 15px; background:#f3f3f3; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .progress-bar, .progress-bar1, .progress-bar2{ background:#d74f35; } .nav-pills>li>a{ color:#101820; } .nav>li>a:focus, .nav>li>a:hover{ background:#ccc; } .tab-pane{ padding-bottom:20px; } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span{ background:#f3f3f3; } .pager li > a, .pager li > span, .pager li > a:hover, .pager li > a:focus{ background:#f3f3f3; } .single-post .callTo p{ color:#fff; width:50%; margin-bottom:0px !important; } .show p.active:before{ content: "\f077" !important; } .alert-success-icon a, .alert-info-icon a, .alert-alert-icon a, .alert-danger-icon a{ color:#4D4D4D; } .alert-success-icon a:hover, .alert-info-icon a:hover, .alert-alert-icon a:hover, .alert-danger-icon a:hover{ color:#4D4D4D; } .alert-success a, .alert-info a, .alert-alert a, .alert-danger a{ color:#4D4D4D; } .alert-success a:hover, .alert-info a:hover, .alert-alert a:hover, .alert-danger a:hover{ color:#4D4D4D; } .single-product, .tax-kategorie, .single { overflow-x:hidden; } .dataTables_wrapper .tablepress{ min-width:750px; } .dataTables_scrollHeadInner{ min-width:750px; } html { /* This has to be added to html CSS */ overflow-x: hidden; } .textwidget ul{ padding-left:20px; padding-right:20px; } .bluelink{ color:#2F92C4 !important; } .call_out{ display:inline-block; width:100%; padding:20px; background:#f3f3f3; border: 1px solid #eee; margin: 0 0 15px; } .call_out_left{ float:left; width:40%; margin-right:5%; } .call_out_left img{ float:left; } .call_out_right{ float:left; width:55%; } .call_out_small{ font-style: italic; font-size:15px; line-height:18px; width:100%; } .call_out_text{ font-weight:bold; font-size:20px; line-height:24px; } .single-post #content article h3 p{ font-size:22px; } .mobile-button-wrap{ display:none; } .alignleft {display: table; float: left;margin: 0 15px 15px 0;} .aligncenter {float:none; display: table; margin: 0 auto 15px auto; } .alignright {display: table; float: right; margin: 0 0 15px 15px; } .alignnone {float: none; display: table; margin: 0 0 15px 0; } p .alignleft {display: table; float: left; margin: 5px 15px 15px 0; } p .aligncenter { display: table; margin: 5px auto 15px auto; } p .alignright {display: table; float: right; margin: 5px 0 15px 15px; } p .alignnone { float: none; display: table; margin: 5px 0 15px 0; } .introcattext{ padding-top:70px; } .comparison_products{ display:inline-block; margin:20px 0; width:100%; } .comparison_products table{ width:100%; border-left:1px solid #f3f3f3; border-top:1px solid #f3f3f3; } .comparison_products table td{ width:46%; padding:20px 2%; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; vertical-align:middle; text-align:center; } .comparison_products table td a:before{ display:none; } .comparison_products table td img{ text-align:center; margin:0 auto; display:inline-block; max-width:100%; } .comparison_products table ul{ text-align:left; } .no-padding{ padding:0px !important; } .no-padding .table-details.table tbody td{ width:100%; } .no-padding-bottom{ padding-bottom:0px !important; } .btn-related{ float:left; clear:both; } .related-post-articles .col-md-6{ padding:0px; float:left; } .related-post-articles .col-md-6.col-odd{ padding-right:15px; clear:both; } .related-post-articles .col-md-6.col-even{ padding-left:15px; } .provider-logo-wrap{ float:left; width:100%; height:auto; max-height:350px; max-width:100%; text-align:center; margin-bottom:20px; } .provider-logo{ display:inline-block; margin:0 auto; width:auto; height:auto; max-width:100%; max-height:350px; } .single-post #content article .compare_multiple p.price{ margin-bottom:0px; } .compare_multiple .btn-lg::before{ display:none; } .compare_multiple img{ margin-bottom:20px; } .small-link{ font-size: 15px; margin:10px 0; display:inline-block; } .rang{ font-size:20px; font-weight:bold; color:#d74f35; } #more_articles ul{ padding-left:25px; color:#d74f35; } #more_articles ul li{ list-style:disc; margin-bottom:15px; } #more_articles ul li a{ color:#4d4d4d; } #more_articles ul li a:hover{ color:#d74f35; } #more_articles h4{ font-weight: 300; line-height: 32px; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 24px; width:100%; text-align:center; color:#d74f35; margin-bottom:30px; } #more_articles.more-articles-inner{ padding:30px 20px; margin-top:20px; border:none; } #more_articles.more-articles-inner h4{ text-align:left; margin-left:3px; } .intro p a{ color:#4d4d4d; font-weight:bold; text-decoration: none; position: relative; } .intro p a:hover{ color:#D74F35; font-weight:bold; } .intro p a:hover:after{ background-color: #D74F35; } .intro p a:after { position: absolute; height: 3px; margin: 0 auto; content: ''; left: 0; right: 0; width: 100%; color: #000; background-color: #4d4d4d; left: 0; bottom: -2px; /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */ } #header_image.header_image_big{ height:700px; } #header_image.header_image_big h1{ margin-top:20px; } .disclaimer p a{ color:#fff; } #header_image .desctext p{ color: #fff; font-size: 20px; font-family: "Raleway",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 3px #000; padding: 10px; font-weight: 300; margin-bottom: 0px; background: rgba(215,79,53,0.5); display: inline-block; max-width:100%; } #header_image .desctext p a{ font-weight:bold; text-decoration: none; position: relative; color:#fff; } #header_image .desctext p a:after{ background-color: #fff; } #header_image .desctext p a:after { position: absolute; height: 3px; margin: 0 auto; content: ''; left: 0; right: 0; width: 100%; color: #000; background-color: #fff; left: 0; bottom: -4px; /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */ } #patern-bg .services-desc p a{ font-weight:bold; text-decoration: none; position: relative; color:#fff; } #patern-bg .services-desc p a:after{ background-color: #fff; } #patern-bg .services-desc p a:after { position: absolute; height: 3px; margin: 0 auto; content: ''; left: 0; right: 0; width: 100%; color: #000; background-color: #fff; left: 0; bottom: -4px; /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */ } #patern-bg .services-desc p a.bluelink{ font-weight:bold; text-decoration: none; position: relative; color:#fff !important; } #patern-bg .services-desc p a.bluelink:after{ background-color: #fff; } #patern-bg .services-desc p a.bluelink:after { position: absolute; height: 3px; margin: 0 auto; content: ''; left: 0; right: 0; width: 100%; color: #000; background-color: #fff; left: 0; bottom: -4px; /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */ } #header_image.hidemobile{ display:none; } #header_image.hidedesctop{ display:block; } .proconCallTo{ display:inline-block; text-align:center; padding:10px 20px; text-transform:uppercase; font-size:14px; margin:0 auto; color:#fff; background:#377851; border-radius:5px; font-weight:600; } .proconCallTo:hover{ background:#fff; color:#377851; text-decoration:none; } .centeralign{ text-align:center; } .calltoTitle{ border-bottom:1px solid #377851; color:#fff; font-weight:bold; width:100% !important; text-transform:uppercase; padding-bottom:10px !important; margin-bottom:10px !important; } .single-post #content article p.calltoTitle{ margin-bottom:10px !important; } .single-post #content article p.pricemargintop{ margin-top:8px !important; } .openclose{ cursor:pointer; background: url('img/angle.png') right 20px center no-repeat #d74f35 !important; } .openclose.opened{ background: url('img/angleup.png') right 20px center no-repeat #d74f35 !important; } .curze_btn.moemablog{ position:relative; } .alles_btn.moemablog:focus{ color:#fff; } .curze_btn.moemablog:focus{ color:#fff; } .alles_btn.moemablog{ margin-right:10px; position:relative; } .alles_btn.moemablog.active{ background-color:#a6321b !important; } .curze_btn.moemablog.active{ background-color:#a6321b !important; } .short_version{ float:left; margin:20px 0px; width:100%; } .curze{ float:left; display:none; width:100%; } .alles{ float:left; display:block; width:100%; } .the_team{ width:100%; float:left; margin:30px 0; background:#d74f35; color:#fff; text-align:center; padding:30px 0px; } .the_team_single{ display:inline-block; text-align:center; width:200px; color:#fff; margin:20px 20px 0 20px; } .the_team_single img{ width:100%; height:auto; } .the_team h3{ font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 26px; line-height:32px; color:#fff; font-weight:400; position:relative; margin-bottom:30px; } .the_team_single h4{ font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 23px; line-height:32px; color:#fff; font-weight:300; } .the_team_single p{ font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 16px; line-height:24px; color:#fff; font-weight:300; margin-top:15px; } .the_team h3:after{ content : ""; position: absolute; left : 25%; bottom : -20px; height : 1px; width : 50%; border-bottom:1px solid #fff; } .intro-categories{ display:inline-block; width:100%; background:#fff; border-radius:5px; border: 1px solid #eee; text-align:center; margin:30px 0 0 0; padding:20px 0px; } .intro-categories a{ display:inline-block; width:25%; margin:20px 0px; color: #d74f35; text-decoration: none; border:1px solid #fff; box-sizing:border-box; vertical-align: text-top; } .intro-categories a img{ max-height:160px; width:auto; height:160px; } .intro-categories a:hover p{ text-decoration: none; color:#d74f35; } .compare_multiple td:nth-child(1){ width:200px; } .compare_multiple td:nth-child(3){ width:200px; } .compare_multiple .ul-style-3 li{ text-align:left; font-size:14px; line-height:18px; } .compare_multiple .ul-style-3 li:before{ top:0; } .compare_multiple .product-rating{ margin:10px 0 20px 0; } .compare_multiple .rang{ margin:10px 0 !important; color:#d74f35; } .buyers{ color:#4CD964; text-align:center; display:inline-block; width:100%; margin-top:15px; font-size:17px; font-weight:normal; } .buyers span{ padding:7px; color:#fff; background:#4CD964; font-size:17px; font-weight:normal; display:inline-block; border-radius:50%; margin-right:5px; } .buyers_wrap{ text-align:left; width:100%; } .jssocials-share { margin: 0.3em 0 0.3em 0.6em !important; } .wpcf7-acceptance{ margin:20px 0; display:inline-block; } .wpcf7-acceptance .wpcf7-list-item{ text-align: left; font-weight: normal; font-size: 14px; line-height:20px; } .wpcf7-acceptance label span{ font-weight: normal; } .wpcf7-acceptance input{ margin-right:20px; } .wpcf7-response-output { float:left; text-align:left; margin:20px 0 0 0; width:100%; } .wpcf7-spam-blocked{ color:#c01313 !important; } .wpcf7 .wpcf7-not-valid-tip{ text-align:left; } .wpcf7-form{ margin-bottom:20px; display:inline-block; } #header_image.header_image_big h1 { margin-top: 250px; } .copyright_text{ font-size:14px!important; line-height:18px !important; display:inline-block !important; width:100% !important; color:#d74f35 !important; margin-bottom: 15px !important; } .copyright_text a{ color:#d74f35 !important; text-decoration:none !important; } #rest_of_products{ display:none; } #product-details-mobile{ display:block; } .grid .moemageneral:before{ display:none; } .black-friday { margin-bottom:20px; } .black-friday p{ margin-bottom:20px; } .bf-product{ float:left; width:100%; margin:0px 0px 0px 0px; border:2px solid #00a9e0; margin-bottom:0px; box-sizing:border-box; padding:10px; text-align:center; } .bf-product img{ max-width:100%; width:100%; height:auto; border:1px solid #f3f3f3; margin-bottom:30px; } .bf-product h3{ font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; margin-top:0px; } .bf-product h3 a{ color:#101820; text-decoration:none; } .bf-product h3 a:hover{ color:#d74f35; text-decoration:none; } .bf-product ul{ width:100%; float:left; margin:0; } .bf-product ul li{ display:inline-block; width:100%; margin-bottom:10px; } .bf-product .btn{ margin-bottom:40px; } .bf-product .col-md-4{ text-align:center; padding-left:0px; } .bf-product .product-price{ margin:20px 0px 10px 0px; } .bf-product .product-price .price { font-size: 1.6rem; } .bf-product .proconsrow{ float:left; margin-bottom:10px; width:100%; text-align:left; } .bf-product .carousel{ margin-bottom:30px; } .bf-product .carousel img{ border:none; } .page-template-pageBlackFriday #header_image{ height:236px; } .page-template-pageBlackFriday .intro p{ max-width:100%; } .countdown, .countdown.empty{ display:inline-block; color:#d74f35; margin-bottom:0px; } .countdown_page, .countdown_page.empty{ color:#d74f35; } .black-section{ width:100%; background:#fff; color:#1a1a1a; height:450px; float:left; position:relative; z-index:1000; display:none; box-sizing:border-box; padding-right:70px; } .black-section .btn-buy { color: #ffffff; background-color: #00a9e0; border-color: #00a9e0; } .black-section .btn-buy:hover { background: #424b52; border-color: #424b52; } .black-section .fa-times{ position:absolute; top:20px; right:25px; color:#888; font-size:40px; cursor:pointer; z-index:10000; } .black-section .fa-times:hover{ color:#000; } .black-section .col-sm-3{ text-align:center; margin-top:70px; } .black-section .btn{ position:relative; } .bf-slider{ height:450px; width:100%; } .bf-slider .slick-arrow{ right:-50px; width:40px; height:40px; } .bf-slider .slick-arrow.slick-next{ margin-top:-25px; } .bf-slider .slick-arrow.slick-prev{ margin-top:45px; } .bf-header-product{ text-align:center; margin:20px 0; position:relative; padding-bottom:40px; min-height:400px; } .bf-header-product h3 a{ color:#1a1a1a; text-decoration:none; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; } .bf-header-product img{ width:200px; max-width:100%; max-height:200px; height:auto; margin: 0 auto 20px auto; } .bf-header-product .btn{ font-size:12px !important; padding: 0.8em 1.8em !important; margin-top:0px auto !important; position:absolute; bottom:0px; left:50%; margin-left:-77.5px; } .bf-product .btn.btn-detail{ margin-bottom:10px; } .black-section-small{ width:100%; background:#fff; color:#1a1a1a; height:50px; float:left; position:relative; z-index:1000; display:none; cursor: pointer; z-index: 10000; } .black-section-small .fa-angle-down{ position:absolute; top: 0px; right: 25px; color: #888; font-size: 50px; } .black-section-small .fa-angle-down:hover{ color: #000; } .black-section-small p{ color: #000; text-decoration: none; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 20px; font-weight: bold; line-height: 50px; margin-left:25px; } .embed-responsive{ margin:15px 0 20px 0px; } .author_wrap_header .col-md-8{ width: 66.66666667%; float:left; } .author_wrap_header .col-md-4{ width: 33.33333333%; float:left; } #navigation .navbar-brand-logo{ height:56px; } .footercol{ margin-bottom:30px; text-align:left; width:25%; float:left; display:inline-block; } .finder-form{ display:inline-block; width:100%; background: #f3f3f3; padding: 30px 30px 15px 30px; margin: 0 0 20px 0; border-top: 3px solid #d74f35; text-align:center; min-height:530px; } .finder-form .navbar{ min-height: 1px; margin-bottom:5px; opacity:0; position:absolute; } .finder-form #bar{ opacity:0; position:absolute; } .finder-form .nav-pills>li>a{ display:none; color: #101820; background:none; font-size: 16px; line-height: 20px; padding:0px; margin:0px; } .finder-form .nav-pills>li+li { margin-left: 0px; } .finder-form .nav-pills>li.active>a,.finder-form .nav-pills>li.active>a:focus,.finder-form .nav-pills>li.active>a:hover{ display:block; background:none; color: #101820; font-size: 16px; line-height: 20px; padding:0px; margin:0px; } .finder-form img{ margin:30px auto 30px auto; max-width:100%; width:700px; height:auto; } .single-post #content article .finder-form p{ margin-bottom:0px; } p.step-finder-name, .single-post p.step-finder-name, .single-post #content article p.step-finder-name, h2.step-finder-name{ font-weight: 700; font-style: normal; color: #101820; width: 100%; margin: 10px 0px 20px 0px; font-size:30px; line-height:43px; } .bigbox{ height:150px; line-height:24px; width:27%; border-radius:10px; margin:50px 20px; border-radius: 20px; background: #d74f35; color: #fff; padding: 60px 0.5em 0 0.5em; font-size:18px; border:none; outline:none; cursor:pointer; vertical-align:top; font-weight:normal; } .bigbox:hover{ background-color: #a6321b; } p.step-finder-desc, .single-post p.step-finder-desc{ font-size:18px; line-height:26px; max-width:80%; text-align:center; display:inline-block; margin:10px 0 0 0; } /* The container */ .checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; font-weight:400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ccc; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #D74F35; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #D74F35; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 9px; top: 5px; width: 8px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .finder-form .check-holder{ margin:30px 0px; width:100%; display:inline-block; text-align:left; } .radio-checkmark{ display:none; } .finder-form .btn:before{ display:none; } .finder-products{ width:100%; float:left; margin:30px 0; } .email_results { background: #f3f3f3; padding:30px 30px 15px 30px; } .email_results_title{ text-decoration: none; color: #d74f35; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 27px; font-weight: 300; line-height: 32px; margin-bottom:7px; } .email_results .btn{ float:right; margin-top:10px; padding:1em 1.5em !important; letter-spacing:1px; font-size:13px; text-transform:uppercase; font-weight:600; border-radius:30px; } .selected_products_holder{ margin:10px 0 30px 0px; display:inline-block; width:100%; } .selected_finder_product{ display:inline-block; width:100%; border:2px solid #f0f0f0; box-sizing:border:box; margin:0px 0px 20px 0px; padding:20px 0px; position:relative; } .selected_finder_product:first-of-type{ border:2px solid #4CD964; } .selected_finder_product img{ width:100%; height:auto; max-width:100%; padding:10px; } .selected_finder_product .product-title a{ color: #101820; text-decoration:none; margin-top:20px; display:inline-block; width:100%; } .selected_finder_product .product-title a:hover{ color: #101820; text-decoration:none; } .selected_finder_product .product-rating{ margin-bottom:10px; } .selected_products_holder .email_results_title{ margin-bottom:20px; } .selected_products_holder .table-compare{ margin-bottom:10px; } .red-text{ color:#c01313; margin:5px 0 0 0; width:100%; font-size:15px; } .green-text{ color:#40B756; margin:5px 0 0 0; width:100%; font-size:15px; } #navigation .dropdown-menu{ z-index:1000; } .selected_finder_product .badge-at{ display:none; } .selected_finder_product:first-of-type .badge-at{ display:inline-block; position:absolute; left:10px; top:10px; margin:0px; } .finder-form .moemablog{ font-size:18px; padding:1em 2em !important; border-radius:30px; } .hidden_experts_review1, .hidden_experts_review2, .hidden_experts_review3{ display:none; } .visable_experts_review1 button, .visable_experts_review2 button, .visable_experts_review3 button{ color: #2F92C4; text-decoration:none; border:none; background:none; padding:0; margin:0px; } .visable_experts_review1 button:hover, .visable_experts_review2 button:hover, .visable_experts_review3 button:hover{ text-decoration:underline; } .camera-finder-wrap{ padding-top:30px !important; } .camera-finder-wrap .author-review{ margin:0px 0 30px 100px; } .camera-finder-wrap .author-review-title{ font-weight:400; } .step-finder-desc.desc-max-width{ max-width:100%; margin:-10px 0 20px 0; } .camera-finder-wrap .author-review .author-review-title{ display: inline-block; width: 100%; float: left; padding: 28px 20px; font-size: 18px; line-height: 26px; margin: 0px; position:relative; font-family: Open Sans, Arial; } .camera-finder-wrap .author-review .author-review-title p:first-of-type:before { content: "\f10d"; font-family: fontawesome; position: absolute; top: 0; left: 10px; font-size: 20px; color: rgba(0,0,0,0.5); } .camera-finder-wrap .author-review .author-review-title p:last-of-type{ margin-bottom:0px; } .camera-finder-wrap .author-review .author-review-title p:last-of-type:after { content: "\f10e"; font-family: fontawesome; font-size: 20px; color: rgba(0,0,0,0.5); position: absolute; bottom: 0; } .camera-finder-wrap .author-review small { display: block; font-size: 14px; margin-top: 0; text-transform: none; font-family: "Raleway",Helvetica,Arial,sans-serif; letter-spacing: 0.5px; padding: 0 20px; } .camera-finder-wrap .btn:focus, .camera-finder-wrap .btn:active{ color:#fff !important; } .step-finder-name.step-finder-name-smaller{ font-size: 25px !important; line-height: 35px !important; } .questions{ display:none; } .info-box-header{ font-size:17px; color:#00a9e0; text-align:center; display:inline-block; padding:5px 0px; margin:0px 0px 20px 0px; width:100%; } .page-template-pageBlackFriday .intro p.info-box-header{ font-size:18px; color:#00a9e0; } .bf-product ul li{ display:none; } .bf-product ul li:first-child{ display:block; } .grid-masonry-amazon { width:100%; padding:0 10px; box-sizing:border-box; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 20%; } .grid-masonry-amazon a.info-box-header{ font-size:18px; margin-bottom:0px; text-decoration:none; } .grid-masonry-amazon a.info-box-header:hover{ color: #424b52; text-decoration:none; } .grid-masonry-amazon .btn-buy { background-color: #00a9e0; border-color: #00a9e0; margin:10px 0 20px 0; } .grid-masonry-amazon .btn-buy:hover { background-color: #424b52; border-color: #424b52; } .grid-masonry-amazon .product-price .price{ color: #00a9e0; } .grid-masonry-amazon a:before{ display:none; } .filter-button-group{ width:100%; margin:0 auto; display:inline-block; text-align:center; } .filter-button-group button{ padding:10px 20px; margin:0 10px 20px 10px; display:inline-block; text-align:center; color:#fff; background-color: #424b52; border:none; border-radius:5px; } .filter-button-group button:hover{ background-color: #00a9e0; } .page-template-pageBlackFriday #main{ padding-top:0px; } .questions-content{ display:inline-block; } .desctext a.bluelink, .desctext a.bluelink:hover{ color:#fff !important; } .grecaptcha-badge{ display:none !important; } @media(max-width:1500px){ .gray_info{ padding: 25% 20% 0; } .tabs-text{ padding:25% 20% 0; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 25%; } } @media(max-width:1200px){ .author-review .author-review-title{ width: 35%; } .author-review .author-review-description{ display: inline-block; width: 65%; } .table_of_contents_wrap{ max-width:293px; } #header_image{ height:400px; } #header_image h1{ margin-top:150px; font-size:40px; } .gray_info{ padding: 20% 15% 0; } .tabs-text{ padding:20% 15% 0; } .gray_info p{ font-size: 18px; line-height:27px; } .tabs-text p{ font-size: 16px; line-height:24px; } .team-member{ padding-bottom:92px; } .grid-sizer, .grid-item { width: 50%; } .bgtext{ bottom:40px; left:40px; } .bgtext h2{ font-size:50px; } .bgtext h1{ font-size:50px; } .team-member { max-height: 385px; } .bigbox{ width:50%; height:70px; line-height:70px; padding:0px; margin:30px 0 0 0; } .camera-finder-wrap .author-review .author-review-title{ width:100%; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 33.3%; } } @media only screen and (max-width: 1200px) and (min-width: 1000px) { .navbar-header{ float:none; display: inline-block; text-align: center; margin: 0 auto; width: 100%; } #navigation .navbar-brand-logo { text-align: center; width: 100%; } #navigation .navbar-brand-logo img { margin: 0 auto; } } @media(max-width:1060px){ .col-sm-8.wide-col{ width:100%; } .col-sm-4.hide-col{ display:none; } .md-trigger{ display:block; } .black-section .col-sm-3 img{ padding:0px 20px; max-width:100%; height:auto; } .black-section .col-sm-3 .btn{ font-size:12px !important; padding: 0.8em 1.8em !important; max-width:100%; } } @media(max-width:999px){ .pink-circle h1{ font-size:18px; } .pink-circle p{ font-size:14px; } .bg-content h1{ max-width:100%; font-size:40px; padding:0 5%; } .bg-content p{ padding:0 5%; } .author-review{ border-radius: 40px; margin: 90px 15px 0; padding: 100px 40px 30px 40px; } .author-review .pic{ position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; } .author-review .author-review-title{ width: 100%; float: none; border-right: none; text-align: center; border-bottom: none; } .author-review .author-review-description { width: 100%; border:none; } .tooltip_custom-effect-5 .tooltip_custom-content { margin-left: -20px; } .tooltip_custom-content::after { left: 20px; } #header_image{ height:300px; } #header_image h1{ margin-top:110px; font-size:35px; } .gray_info{ padding: 15% 10% 0; padding: 70px 10%; } .tabs-text{ padding: 15% 10% 0; padding: 70px 10%; } .bgtext{ bottom:auto; left:40px; top:40px; } .custom-col{ width:19%; padding:0px 5px; } #undecided p{ max-width: 70%; } .table-responsive{ overflow-x:visible !important; } .contact_right{ padding-top:0px; } #filter_widget-2 .filterform .form-group{ width:100%; padding-right:0px; } #filter_widget-2 .filterform .form-group:nth-child(even){ padding-left:0px; } #filter_widget-2 .filterform .slide{ margin-top:0px; } #filter_widget-2 .filterform .form-group{ margin-bottom:20px; } .twocolumns{ -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0px; column-gap: 0px; -moz-column-gap: 0px; } .category-page table.table-compare td:nth-child(1){ width:45%; float:left; margin-right:5%; } .category-page table.table-compare td:nth-child(2){ width:50%; float:left; } .category-page table.table-compare td:nth-child(3){ width:100%; } .author_wrap_header .col-md-6{ clear:both; } .caption.product .product-price .price-hint{ display:none; } .footerlogo{ width:180px; height:148px; background-size: 180px 148px; } #patern-bg{ min-height:300px; } #patern-bg h1{ margin:50px 0px 0px 0px; font-size:40px; } .services-desc p{ font-size:17px; line-height:21px; margin-bottom:20px; } .related-post-articles{ float:left; width:100%; } .related-post-articles .col-md-6.col-odd{ padding-right:0px; margin-top:20px; display:inline-block; } .related-post-articles .col-md-6.col-even{ padding-left:0px; margin-top:20px; display:inline-block; } .related-post-articles figure.effect-julia{ width:100%; } .compare_multiple thead{ display:none; } .compare_multiple td{ display:block; box-sizing:border-box; clear:both } .compare_multiple td.rang{ display:none; } .intro-categories a{ width:33.3%; } .black-section .col-sm-3{ margin-top:20px; } .black-section{ height:auto; } .btn-block1, .btn-block2{ border-radius:50px; } .no-padding-right { padding-right: 15px !important; display:inline-block; max-width:100%; width:100%; box-sizing:border-box; margin:5px 0p; } .no-padding-left { padding-left: 15px !important; display:inline-block; max-width:100%; width:100%; box-sizing:border-box; margin:5px 0p; } .menu__item{ width:100%; margin:0px !important; text-align:center; } .menu__list{ margin-bottom:10px; } .dropdown-menu{ width:100%; margin:0px !important; text-align:center; box-shadow:none; } #menu-hauptmenu li a{ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; border-bottom: 1px solid transparent; border-color: rgba(0, 0, 0, 0.1); padding:12px 0px !important; } .dropdown-menu li a{ background:#d74f35; } #menu-hauptmenu{ width:100%; margin-bottom:0px; } .caret{ display:none; } .dropdown-menu{ display:block; position:static; padding-top:0px !important; } .menu--cordelia .menu__item::before, .menu--cordelia .menu__item::after{ background:none; } .navbar-collapse{ padding:0px; } .footercol{ margin-bottom:30px; text-align:left; width:50%; } .footercol, .footercol ul{ text-align:center; width:100%; } .footercol.footercol2{ text-align:center; width:50%; } #footer .footercol h4{ float:none; display:inline-block; } .tooltip_custom.tooltip_custom-effect-5{ position:static; } .tooltip_custom-content{ position:absolute; bottom:28px; left:12px; } .author_wrap_header .tooltip_custom-content { bottom: 54px; left: 38px; } .email_results .btn { float: left; margin-top: 0; margin-bottom: 15px; } .camera-finder-wrap .author-review{ margin-bottom:30px; margin-left:0px; margin-top:50px!important; } .camera-finder-wrap{ padding-top:30px; } } @media(max-width:768px){ body{ font-size:14px; } #about-facts i{ font-size:40px; } #about-facts p{ font-size:18px; } #about-facts h3{ font-size:30px; } #footer h4, #footer ul{ float:none; display:inline-block; } #footer ul{ width:100%; } #footer ul li a:hover { text-decoration:underline; } #footer ul li a::before { position: static; } #footer-bottom-small p, .footer-right{ text-align:center; } .footer-right .social-icons{ margin-left:0px; margin-top:10px; width:100%; } .footer-right p{ display:none; } .grid-sizer, .grid-item { width: 100%; } .bgtext{ bottom:40px; left:0px; width:100%; text-align:center; } .heading-border{ display:none !important; } .bgtext h2{ font-size:35px; text-align:center; font-weight:normal; margin:10px 0px; font-weight:500; } .bgtext h1{ font-size:35px; text-align:center; font-weight:normal; } .custom-col{ width:30%; padding:0px 15px; margin-bottom:20px; } #undecided p{ max-width: 80%; } .btn-block1:before, .btn-block2:before{ border-radius:50px; } .product-grid .button--text-upper{ letter-spacing: 1px; } .action{ font-size:14px !important; } .action--compare-add{ left:-5px !important; } .vorteile{ margin-top:100px; } .procons, .proconsrow{ width:100%; display:inline-block; } .author-img-wrap{ width:10%; } .category-page .productlayout_wrap table.table-compare td:nth-child(1){ width:100%; margin-right:0%; } .category-page .productlayout_wrap table.table-compare td:nth-child(1) img{ max-width:150px; height:auto; } .category-page .productlayout_wrap table.table-compare td:nth-child(2){ width:100%; } .category-page .productlayout_wrap table.table-compare td:nth-child(3){ width:100%; } .loop-list-position .action--compare-add{ left: 0; margin-left: 10px; top: 0; } .team-member { max-height: 655px; max-width: 75%; } .footerlogo{ margin:0 auto 20px auto; text-align:center; width:200px; height:164px; background-size: 200px 164px; } .page-id-604 #filter_widget-2{ position:relative; z-index:10000; } .product-buybox .col-xxs-12.col-xs-6.col-md-12{ width:100%; } .md-content h3{ font-size:1.5em; } #main .col-sm-8{ width:100% !important; } #main .col-sm-4{ width:100% !important; } #header_image.header_image_big h1 { margin-top: 20px; } #product-details { display:block; } #product-details-mobile { display:block; } #product-details-mobile .table-details{ margin:30px 0; } #product-details-mobile .product-rating small{ margin:10px 0; float:left; } .black-section{ padding-right:0px; } .slick-arrow{ display:none; } #share-buttons-small{ float:right; margin-top:10px; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 50%; } #header_image{ background-size: cover !important; height: auto !important; } .bg-overlay { padding-bottom:20px; } } @media (max-width: 600px) { body{ font-size:18px; } .ribbon{ line-height: 1.143em; padding: 0.5em; } .ribbon:before, .ribbon:after{ font-size: 0.714em; } .bg-content h1{ font-size:25px; } .bg-content div p{ font-size:16px; } h2, .h2, .thumbnail[class*="product-"] .product-title { font-size: 2rem; } .badge-at{ font-size:13px; } #bg a{ font-size:30px; margin-left:-12px; } .author-review{ padding-left:10px; padding-right:10px; } .custom-buttons a{ margin:5px 0px; } .contact_form{ padding:0px 5%; float:left; } .jssocials-share-whatsapp{ display:inline-block; } .author-img-wrap{ width:15%; } .team-member { max-width: 100%; } .action__text--invisible{ display:none; } .intro-cat ul li{ border-right:none; } .call_out_left{ width:100%; margin-right:0%; margin-bottom:20px; } .call_out_right{ width:100%; } .call_out{ text-align:center; } figure figcaption, figure figcaption > a{ position:relative; text-shadow:none; } .mobile-button-wrap{ bottom:0 !important; position:fixed; width: 100%; left:0 !important; z-index:10000000 !important; color: #ffffff; background-color: #4CD964; border-color: #4CD964; } .mobile-button{ font-weight: 600 !important; padding: 10px 2em !important; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; text-align: center; white-space: nowrap; vertical-align: middle; display:inline-block; color: #ffffff; margin:0px; } .mobile-button-left{ float:left; width:50%; } .mobile-button-left img{ padding:25px 0; width:auto; } .mobile-button-left a{ width:100%; height:100%; vertical-align:middle; display:block; } .mobile-button-right{ float:left; width:50%; } .mobile-button-right a.btn:before{ display:none; } .mobile-button-right a.btn-buy{ color: #4CD964; background-color: #fff; border-color: #4CD964; } .mobileprice{ color:#fff; margin:10px 0 0 0; font-size:16px; font-weight:bold; } .kategorie-vpn-anbieter-test + p.section-title + .product-related .thumbnail[class*="product-"] div[class^="img-"][class$="-wrapper"] a img{ width:100%; } .mobileprice del{ display:none; } .black-section .col-sm-3 img{ max-width:70%; } .author_wrap_header .col-md-8{ width: 100%; } .author_wrap_header .col-md-4{ width: 100%; } .jssocials-share { margin: 0.3em 0.6em 0.3em 0 !important; } #share-buttons-small{ float:left; } .footercol.footercol2{ width:100%; } } @media(max-width:576px){ .circles{ display:none; } .testimonial{ padding: 100px 30px 30px; } #header_image{ height:250px; } #header_image h1{ margin-top:80px; font-size:30px; margin-bottom:10px; } #header_image p{ font-size:14px; line-height:22px; } .slick-arrow{ display:none !important; } #about-facts i{ font-size:35px; } #about-facts p{ font-size:14px; line-height:20px; } #about-facts h3{ font-size:20px; margin:5px auto; } .custom-col{ width:49%; } #undecided p{ max-width: 90%; } .vorteile { margin-top: 20px; } #filter_widget-2 .filterform .slide span:first-of-type{ width:20%; } #filter_widget-2 .filterform .slider.slider-horizontal{ width:60% !important; } #filter_widget-2 .filterform .slide span:last-of-type{ width:20%; } .author-img-wrap{ width:20%; } #price-compare table tbody, #price-compare table tr { width:100%; display:inline-block; } #price-compare table tr img{ max-width:150px; } .callToPrice{ width:100%; text-align:center; } .callToPrice .price, .callToRight{ width:100%; text-align:center; margin-bottom:15px; } .callToRight a{ float:none; margin:0 10px; display:inline-block; } .callToRight img{ float:none; margin-left:10px; margin-right:10px; } .single-post #content article p.callToPrice{ width:100%; } .comparison_products{ overflow-x:auto; } .comparison_products .ul-style-3 li:before{ font-size:18px; top: 0px; left: 8px; } .comparison_products .ul-style-4 li:before{ font-size:18px; top: 0px; left: 8px; } .comparison_products .no-padding .table tbody tr{ min-height:100px; } .product-price .price-hint{ font-size:1rem; } .product-buybox.product-buybox-big .row .product-price .btn-group-lg > .btn, .btn-lg{ padding: 1em 1em !important; } .table-details > tbody > tr > td{ font-size:1rem; } #header_image.hidemobile{ display:block; } #header_image.hidedesctop{ display:none; } .product-buybox p.h1{ margin-bottom:0px; } .product-buybox .product-price:before{ display:none; } .product-buybox .row .product-price p.price{ margin:10px auto; } .carousel{ margin-top:20px; } #product-details .col-md-6.col-md-push-6, #product-details .col-md-6.col-md-pull-6{ padding:0px; } .callTo .pricemargintop{ width:100%; margin-bottom:10px; text-align:center; } .intro-categories a{ width:50%; } .finder-form .col-xs-6{ width:100% !important; } .bigbox { width: 80%; } .finder-form{ padding-bottom:30px; } p.step-finder-name{ font-size: 23px; line-height: 33px; } .selected_finder_product .table tbody tr{ border:none; } .selected_finder_product .custommoema{ margin-bottom:20px !important; } .camera-finder-wrap .author-review .author-review-title{ text-align:left; } .camera-finder-wrap .author-review small{ margin-top:10px; display:inline-block; } p.step-finder-desc, .single-post p.step-finder-desc{ max-width:100%; } .finder-form .tooltip_custom.tooltip_custom-effect-5 .tooltip_custom-content{ display:none; } .finder-form .tooltip_custom.tooltip_custom-effect-5.active .tooltip_custom-content{ display:block; } .questions{ display:inline-block; } p.step-finder-desc.questions-content, .single-post p.step-finder-desc.questions-content{ display:none; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 100%; } #header_image{ background-size: cover !important; height: auto !important; } .col-lg-12.intro{ display:none; } } @media screen and (max-width: 400px){ .selected_finder_product:first-of-type .badge-at{ width:250px !important; } } @media screen and (max-width: 59.688em){ .grid{ font-size:100%; } }