/* Minification failed. Returning unminified contents. (11544,36): run-time error CSS1039: Token not allowed after unary operator: '-s' (11545,34): run-time error CSS1039: Token not allowed after unary operator: '-s' (11557,36): run-time error CSS1039: Token not allowed after unary operator: '-s' (11558,34): run-time error CSS1039: Token not allowed after unary operator: '-s' (13583,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13584,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13585,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13586,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13587,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13588,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ /* source-sans-pro-regular - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-regular.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-regular.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-regular.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-regular.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-italic.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-italic.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-italic.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-italic.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-200 - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-300italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300italic.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300italic.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300italic.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-300italic.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-200italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200italic.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200italic.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200italic.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-200italic.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-600italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600italic.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600italic.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600italic.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-600italic.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700italic.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700italic.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700italic.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-700italic.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-900italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900italic.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900italic.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900italic.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900italic.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* source-sans-pro-900 - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900.eot); /* IE9 Compat Modes */ src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900.woff) format('woff'), /* Modern Browsers */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/source-sans-pro/source-sans-pro-v11-latin-ext_latin-900.svg#SourceSansPro) format('svg'); /* Legacy iOS */ } /* raleway-regular - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-regular.eot); /* IE9 Compat Modes */ src: local('Raleway'), local('Raleway-Regular'), url(/fonts/raleway/raleway-v12-latin-ext_latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-regular.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-regular.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-regular.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-100 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-100.eot); /* IE9 Compat Modes */ src: local('Raleway Thin'), local('Raleway-Thin'), url(/fonts/raleway/raleway-v12-latin-ext_latin-100.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-100.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-100.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-100.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-100.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-200 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-200.eot); /* IE9 Compat Modes */ src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(/fonts/raleway/raleway-v12-latin-ext_latin-200.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-200.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-200.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-200.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-200.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-300 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-300.eot); /* IE9 Compat Modes */ src: local('Raleway Light'), local('Raleway-Light'), url(/fonts/raleway/raleway-v12-latin-ext_latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-300.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-300.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-300.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-300.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-500 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-500.eot); /* IE9 Compat Modes */ src: local('Raleway Medium'), local('Raleway-Medium'), url(/fonts/raleway/raleway-v12-latin-ext_latin-500.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-500.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-500.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-500.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-500.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-600 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-600.eot); /* IE9 Compat Modes */ src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(/fonts/raleway/raleway-v12-latin-ext_latin-600.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-600.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-600.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-600.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-600.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-700 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-700.eot); /* IE9 Compat Modes */ src: local('Raleway Bold'), local('Raleway-Bold'), url(/fonts/raleway/raleway-v12-latin-ext_latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-700.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-700.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-700.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-700.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-800 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-800.eot); /* IE9 Compat Modes */ src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(/fonts/raleway/raleway-v12-latin-ext_latin-800.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-800.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-800.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-800.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-800.svg#Raleway) format('svg'); /* Legacy iOS */ } /* raleway-900 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: url(/fonts/raleway/raleway-v12-latin-ext_latin-900.eot); /* IE9 Compat Modes */ src: local('Raleway Black'), local('Raleway-Black'), url(/fonts/raleway/raleway-v12-latin-ext_latin-900.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/fonts/raleway/raleway-v12-latin-ext_latin-900.woff2) format('woff2'), /* Super Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-900.woff) format('woff'), /* Modern Browsers */ url(/fonts/raleway/raleway-v12-latin-ext_latin-900.ttf) format('truetype'), /* Safari, Android, iOS */ url(/fonts/raleway/raleway-v12-latin-ext_latin-900.svg#Raleway) format('svg'); /* Legacy iOS */ } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(/Themes/Laurels/fonts/fontawesome-webfont.eot?v=4.4.0);src:url(/Themes/Laurels/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(/Themes/Laurels/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),url(/Themes/Laurels/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'),url(/Themes/Laurels/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url(/Themes/Laurels/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*------------------------------ * Copyright 2016 Pixelized * http://www.pixelized.cz * * umarket theme v1.1 ------------------------------*/ /*------------------------------ FONT AWESOME CORE ------------------------------*/ header.navbar .navbar-nav > li > a.dropdown-toggle:after, header.navbar .dropdown-menu > li > a:before, .widget-categories .widget-body > ul > li > a:before, .checkbox input[type=checkbox]:checked + label:before, .sidebar .widget h3 a:after, .sidebar .nav-pills > li > a:after, .panel .panel-heading h4.panel-title a:before, .widget-recent-comments ul li:before { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; } /*------------------------------ MAIN ------------------------------*/ html, body, #page-wrapper { height:100%; } /*body {background-color:#f5f5f573; font-family:'Source Sans Pro', Verdana, Geneva, sans-serif;}*/ body {font-family:'Source Sans Pro', Arial;font-size:16px;color:#777;background-image:none;background-color:#f5f5f573;} a:focus, a:hover { color:#555555; } a, a:focus, a:hover, button, button:focus, button:hover, button:active { outline:0 none; text-decoration:none; cursor: pointer; } p { margin:0 0 20px; color:#444444; } li { color:#444444; } h1, h2, h3, h4, h5, h6 { font-family:'Source Sans Pro', Verdana, Geneva, sans-serif } .row-no-padding { margin-left:0!important; margin-right:0!important; } .row-no-padding > [class*="col-"] { padding-left:0!important; padding-right:0!important; } #map-canvas { height:500px; margin:0; padding:0; } /* BOXED LAYOUT */ .page-boxed #page-wrapper { width:auto; margin:0 auto; } .page-boxed { background-color:#DDDDDD; background-image:none; } @media (min-width: 768px) { .page-boxed #page-wrapper { width:750px; } .page-boxed .navbar-fixed-top { width:750px; margin:0 auto; } } @media (min-width: 992px) { .page-boxed #page-wrapper, .page-boxed .navbar-fixed-top { width:971px; } } @media (min-width: 1200px) { .page-boxed #page-wrapper, .page-boxed .navbar-fixed-top { width:1171px; } } /*------------------------------ TYPOGRAPHY ------------------------------*/ .text-muted { color:#999999; } /*------------------------------ LISTS ------------------------------*/ .list-icons li i { margin-right:10px; color:#777777; } /*------------------------------ BUTTONS ------------------------------*/ .btn { border-radius:0; text-transform:uppercase; font-weight:600; } .btn-lg { font-size:16px; padding:8px 14px; } .input-group-lg > .input-group-btn > .btn { border-radius:0; font-size:16px; } .btn-default { background-color:transparent; border:2px solid #D0D0D0; color:#CCCCCC; } .btn-default:hover, .btn-default:focus { background-color:transparent; border-color:#B0B0B0; color:#AAAAAA; } .btn-default.active, .btn-default:active, .btn-default.active:hover, .btn-default.active:focus, .btn-default:active:hover, .btn-default:active:focus { background-color:transparent; } .btn-primary { border:2px solid rgba(0,0,0,0.1); } .btn-primary:hover, .btn-primary:focus { background-color:#888888; border:2px solid rgba(0,0,0,0.1); } .btn-primary.active, .btn-primary:active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary:active:hover, .btn-primary:active:focus { background-color:#555555; border:2px solid rgba(0,0,0,0.1); } .btn-inverse { background-color:#666666; border:2px solid #555555; color:#FFFFFF; } .btn-inverse:hover, .btn-inverse:focus { color:#DDDDDD; } .btn.active, .btn:active { box-shadow:none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline:0 none; outline-offset:0; } .btn-info, .btn-danger, .btn-warning, .btn-success { border:2px solid rgba(0,0,0,0.1); } /*------------------------------ FORM ------------------------------*/ label { color:#888888; } form.form-inline label { margin:0 10px 0 0; } span.required { color:#E74C3C!important; margin-left:5px!important; font-weight:bold!important; font-size:14px!important; font-family:Arial, Helvetica, sans-serif!important; } .form-control { border-radius:0; height:36px; box-shadow:none; border:2px solid #D0D0D0; color:#999999; font-weight:bold; transition:color 0.2s ease-in, border-color 0.2s ease-in; } .form-control:hover { border-color:#B0B0B0; color:#AAAAAA; } .input-group-addon { border-radius:0; border:2px solid #D0D0D0; background-color:#F3F3F3; } .form-control:focus { outline:none; box-shadow:none; } select.form-control { color:#CCCCCC; background-image:url(/Themes/Laurels/Content/images/angle-down.png); background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; background-position:right center; background-size:contain; padding-right:25px; } select.form-control::-ms-expand { /* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter:alpha(opacity=0); /* Other IE */ opacity:0; } .input-group-lg > .form-control { border-radius:0; font-size:16px; } textarea { resize:vertical; } /* CHECKBOX */ .checkbox input[type=checkbox], .radio input[type=radio] { display:none; } .checkbox > label, .radio > label { padding-left:25px; font-weight:600; color:#777777; font-size:15px; } .checkbox > label:before, .radio > label:before { background-color:#FFFFFF; content:""; width:18px; height:18px; position:absolute; left:0; border:2px solid #D0D0D0; top:2px; } .checkbox > input[type=checkbox]:checked + label:before, .radio > input[type=radio]:checked + label:before { color:rgba(0,0,0,0.2); border-color:rgba(0,0,0,0.1); content:"\f00d"; padding-top:1px; text-align:center; font-size:13px; } .checkbox.disabled > input[type=checkbox]:disabled + label:before, .radio.disabled > input[type=radio]:disabled + label:before { background-color:#F0F0F0; } /* RADIO */ .radio > label:before { border-radius:50%; } .radio > input[type=radio]:checked + label:before { content:""; } /*------------------------------ TABLE ------------------------------*/ .table-bordered { border:2px solid #EBEBEB; } .table > thead > tr > th, .table > tbody > tr > th { color:#FFFFFF; border-width:2px; border-color:#EBEBEB; border-top-width:0; } .table > thead > tr > td, .table > tbody > tr > td { border-width:2px; vertical-align:middle; font-weight:600; color:#888888; border-color:#EBEBEB; } .table td span.grey { font-weight:400; color:#AAAAAA; font-style:italic; } /*------------------------------ ACCORDION ------------------------------*/ .panel-group .panel +.panel { margin-top:10px; } .panel-group .panel { border-radius:0; border:0; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); } .panel-heading { border-radius:0; } .panel .panel-heading h4.panel-title { font-size:18px; font-weight:600; margin:0 0 0 20px; position:relative; } .panel .panel-heading h4.panel-title a:before { content:"\f056"; margin-top:-9px; position:absolute; left:-25px; top:50%; } .panel .panel-heading h4.panel-title a.collapsed:before { content:"\f055"; } .panel-group .panel .panel-collapse > .panel-body { border:0; background-color:#F9F9F9; } .panel-primary > .panel-heading { border:2px solid rgba(0,0,0,0.1); } .panel-default > .panel-heading { background-color:#AAAAAA; border:2px solid rgba(0,0,0,0.1); } .panel-primary > .panel-heading a, .panel-default > .panel-heading a { color:#FFFFFF; } /*------------------------------ ALERT ------------------------------*/ .alert { border-radius:0; border-width:2px; padding:20px; } .alert-dismissable, .alert-dismissible { padding-right:40px; } .alert .close i { font-size:16px; } .alert-danger, .alert-info, .alert-success, .alert-warning { border-color:rgba(0,0,0,0.03); } .alert-danger { color:#BA5B68; background-color:#F5E1E1; } .alert-info { color:#4B90AE; background-color:#E1F5F4; } .alert-success { color:#4BAE4F; background-color:#E1F5E3; } .alert-warning { color:#AEA64B; background-color:#FAFAD2; } /*------------------------------ LABEL ------------------------------*/ .label { display:inline-block; margin-bottom:3px; font-size:14px; padding:4px 6px; } .label-lg { font-size:14px; padding:5px 7px; } .label-danger { background-color:#BA5B68; } .label-info { background-color:#4B90AE; } .label-success { background-color:#4BAE4F; } .label-warning { background-color:#AEA64B; } /* TAGS */ .tags span.label { padding:6px 8px; background-color:#EAEAEA; margin-right:3px; margin-bottom:6px; border-radius:0; } .tags span.label a { color:#9B9B9B; } .tags span.label i { margin-right:5px; color:#D2D2D2; } .tags span.label:hover a, .tags span.label:hover i { color:#FFFFFF; } /*------------------------------ TABS ------------------------------*/ .tabs .nav-tabs { border-width:2px; } .tabs .nav-tabs > li { margin-bottom:0; background-color:#FFFFFF; margin-right:5px; padding:0; } .tabs .nav-tabs > li > a { border-radius:0; margin-right:0; border:0; font-size:16px; font-weight: bold; color: #777777; padding:14px 20px; } .tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover { color:#FFFFFF; border:0; } .tabs .tab-content { padding-top:20px; } .tabs .tab-content h4, .tabs .tab-content h5 { font-weight:bold; color:#777777; margin:0 0 5px; } .tabs .tab-content h4 { font-size:21px; } .tabs .tab-content h5 { font-size:17px; } .tabs .tab-content ol, .tabs .tab-content ul { margin-bottom:20px; } .tabs .tab-content p, .tabs .tab-content ul li { color:#777777; font-size:16px; } /*------------------------------ BREADCRUMB ------------------------------*/ .breadcrumb-wrapper { background-color:#FFFFFF; padding:10px 0; } .breadcrumb-wrapper h2 { margin:5px 0 0; font-size:20px; font-weight:bold; color:#777777; letter-spacing:-1px; } .breadcrumb-wrapper p { margin:0; font-size:32px; font-weight:100; color:#333333; } .breadcrumb { background-color:transparent; margin:0; text-align:right; padding:25px 0; } .breadcrumb > li > a { font-weight:bold; color:#777777; } .breadcrumb > .active { color:#999999; } /*------------------------------ PAGINATION ------------------------------*/ .pagination-wrapper { padding:15px 10px 5px; text-align:center; } .pagination { margin:0; border-radius:0; } .pagination > li > a { margin:0 5px 5px; border:2px solid #D0D0D0; color:#CCCCCC; font-weight:bold; font-size:16px; width:38px; height:38px; text-align:center; padding:6px 0 0; } .pagination > li:first-child > a, .pagination > li:last-child > a { border-radius:0; } .pagination > li > a:hover, .pagination > li > a:focus { background-color:#FFFFFF; color:#AAAAAA; border-color:#B0B0B0; } .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus { background-color:#FFFFFF; } .pagination-lg > li > a { font-size:22px; width:46px; height:46px; padding:7px 0 0; } .pagination-sm > li > a { font-size:12px; width:30px; height:30px; padding:5px 0 0; } /*------------------------------ EMBED RESPONSIVE ------------------------------*/ .embed-responsive-audio { padding-bottom:0; height:166px; } /*------------------------------ MODALS ------------------------------*/ #page-wrapper .modal .modal-header { padding:0; border-bottom:0; } #page-wrapper .modal .modal-content { border-radius:0; } #page-wrapper .modal .modal-body { padding-top:0; } #page-wrapper .modal .modal-header .close { background-color:#555555; border-radius:50%; text-shadow:none; opacity:1; color:#F0F0F0; width:32px; height:32px; margin-top:-13px; margin-right:-13px; text-align:center; font-size:18px; } /*------------------------------ MODAL - PRODUCT QUICKVIEW ------------------------------*/ .modal-quickview article.product-item.product-single { box-shadow:none; margin-bottom:0; padding-right:0; } .modal-quickview article.product-item.product-single h3 { color:#888888; margin-top:0; } .modal-quickview article.product-item.product-single .product-labels { padding-top:0; } /*------------------------------ MODAL - ADD REVIEW ------------------------------*/ .modal-add-review .modal-header { padding:15px; } .modal-add-review .modal-header .close { margin-top:-28px; margin-right:-28px; } /*------------------------------ MODAL - ADVERTISING ------------------------------*/ #modalAdvertising .modal-header { background-image:url(/Themes/Laurels/Content/images/pattern.png); } #modalAdvertising .modal-body { padding:15px 30px 0; background-image:url(/Themes/Laurels/Content/images/pattern.png); } #modalAdvertising .modal-body h3 { font-weight:900; color:#666666; letter-spacing:-1px; margin-top:0; font-size:32px; } #modalAdvertising .modal-body p { color:#AAAAAA; font-weight:600; font-size:16px; } #modalAdvertising .modal-body .checkbox { margin:30px 0; } /*------------------------------ MODAL - SIZES ------------------------------*/ @media (min-width: 768px) { .modal-quickview .modal-dialog { width:600px; margin:30px auto; } .modal-add-review .modal-dialog { width:600px; margin:30px auto; } #modalAdvertising .modal-dialog { width:600px; margin:100px auto; } } @media (min-width: 992px) { .modal-quickview .modal-dialog { width:800px; margin:45px auto; } .modal-add-review .modal-dialog { width:650px; margin:40px auto; } #modalAdvertising .modal-dialog { margin:150px auto; } } @media (min-width: 1200px) { .modal-quickview .modal-dialog { width:900px; margin:60px auto; } .modal-add-review .modal-dialog { width:700px; margin:50px auto; } #modalAdvertising .modal-dialog { margin:200px auto; } } @media (min-width: 1600px) { .modal-quickview .modal-dialog { width:1000px; margin:90px auto; } .modal-add-review .modal-dialog { width:800px; margin:60px auto; } #modalAdvertising .modal-dialog { margin:300px auto; } } /*------------------------------ OWL CAROUSEL ------------------------------*/ .owl-theme .owl-controls { margin:0; } /* OWL - NAV */ .owl-theme .owl-controls .owl-nav div { margin:0; width:40px; height:40px; padding:4px 0 0; text-align:center; border-radius:50%; font-size:23px; background-color:#666666; color:#FFFFFF; position:absolute; top:50%; margin-top:-20px; } .owl-theme .owl-controls .owl-nav div.owl-prev { left:-37px; } .owl-theme .owl-controls .owl-nav div.owl-next { right:-37px; } .owl-theme.nav-inside .owl-controls .owl-nav div { opacity:0.6; transition:all 0.2s ease-in; } .owl-theme.nav-inside .owl-controls .owl-nav div:hover { opacity:1; } .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev { left:20px; } .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next { right:20px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev { left:-80px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next { right:-80px; } /* OWL - PAGINATION */ .owl-theme .owl-controls .owl-dots { text-align:center; } .owl-theme .owl-controls .owl-dot { width:16px; height:16px; margin:10px 5px 5px; background-color:#F0F0F0; border:2px solid rgba(0,0,0,0.1); border-radius:50%; display:inline-block; } .owl-theme.nav-inside .owl-controls .owl-dots { position:absolute; right:20px; bottom:20px; border-radius:20px; background-color:rgba(0,0,0,0.2); padding:0 5px; } .owl-theme.nav-inside .owl-controls .owl-dot { border:0; } /*------------------------------ SCROLL TOP ------------------------------*/ #scrolltop { position:fixed; right:15px; bottom:15px; width:40px; height:40px; text-align:center; font-size:23px; padding-top:3px; background-color:#555555; color:#FFFFFF; transition:all 0.3s ease-in; z-index:1040; cursor:pointer; transform:translateY(70px); } #scrolltop.in { transform:translateY(0); } /*------------------------------ HEADER ------------------------------*/ .top-header { box-shadow:0 20px 20px -20px rgba(0,0,0,0.2) inset; background-color:#F9F9F9; height:40px; border-bottom:1px solid #EBEBEB; } .top-header .contacts { margin:0; } .top-header .contacts li, .vertical-menu-bottom .contacts li { color:#888888; font-weight:600; margin-top:8px; } .top-header .contacts li i, .vertical-menu-bottom .contacts li i { border:2px solid #E87169; border-radius:50%; padding:5px 0 0; text-align:center; width:26px; height:26px; margin-right:5px; font-size:13px; } .top-header .links, .top-header .languages { display:inline-block; padding:10px 0 0 10px; } .top-header .links li { padding:0 8px; } .top-header .links a { color:#888888; position:relative; } .top-header .links a:after { width:4px; height:4px; position:absolute; border-radius:50%; right:-11px; top:50%; margin-top:-1px; content:""; background-color:#888888; } .top-header .links li:last-child a:after { display:none; } .top-header-dark { background-color:#393939; border-color:#2B2B2B; } .top-header-dark .contacts li, .navbar-dark .vertical-menu-bottom .contacts li { color:#AAAAAA; } .top-header-dark .links a { color:#AAAAAA; } /* HEADER - NAVBAR */ header.navbar { margin:0; } header.navbar-default { background-color:#206ba8; height:96px; border-color:#206ba8; transition:height 0.3s ease-in; } header.navbar > .container { position:relative; } header.navbar .navbar-brand { padding:37px 15px; height:auto; font-size:50px; font-weight:600; transition:all 0.3s ease-in; } header.navbar .navbar-brand span { color:#666666; transition:color 0.3s ease-in; } header.navbar .navbar-brand:hover { color:#666666; } header.navbar .navbar-text { color:#999999; font-weight:300; font-size:16px; } /* NAVBAR NAV */ header.navbar .navbar-collapse { margin:25px 0; transition:all 0.3s ease-in; } header.navbar .navbar-nav > li > a { font-size:18px; padding:15px 15px; color:#777777; } header.navbar .navbar-nav > li > a i.fa-caret-down { font-size:14px; color:#CCCCCC; margin-left:3px; } header.navbar .navbar-nav > li > a span.label { position:absolute; top:-5px; right:10px; } header.navbar .navbar-nav > li > a.dropdown-toggle:after { content:"\f0d7"; font-size:14px; color:#CCCCCC; margin-left:6px; } header.navbar .navbar-nav > li > a:hover, header.navbar .navbar-nav > li > a:focus { background-color:transparent; } header.navbar .navbar-nav > li.dropdown.open > a { background-color:transparent; } .dropdown-menu { border:0; padding:0; border-radius:0; min-width:200px; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15); } header.navbar .dropdown-menu { margin-top:25px; transition:margin-top 0.3s ease-in; } .dropdown-menu > li > a { color:#777777; padding:10px 15px; border-bottom:1px solid #EEEEEE; font-size:16px; } .dropdown-menu > li:last-child > a { border-bottom:0; } header.navbar .dropdown-menu > li > a:before { content:"\f0da"; color:#CCCCCC; margin-right:8px; font-size:14px; } header.navbar .dropdown-menu > li > a:hover, header.navbar .dropdown-menu > li > a:focus { background-color:#F9F9F9; } /* MEGAMENU */ header.navbar .navbar-nav > li.megamenu { position:static; } header.navbar .megamenu .dropdown-menu { left:15px; right:15px; margin-top:-19px; padding:10px 5px 0; } header.navbar .megamenu .dropdown-menu li { padding:0; } header.navbar .megamenu .dropdown-menu > li > a:before { display:none; } header.navbar .megamenu .dropdown-menu li ul { padding:0 10px 10px; } header.navbar .megamenu .dropdown-menu li ul li { padding:5px 10px; font-size:16px; } header.navbar .megamenu .dropdown-menu li ul li a { color:#777777; } header.navbar .megamenu .dropdown-menu li ul li.title { font-size: 20px; font-weight: bold; letter-spacing: -1px; color:#555555; border-bottom: 1px solid #EEEEEE; margin-bottom:5px; } header.navbar ul li a .label { margin-top:2px; } header.navbar .megamenu .dropdown-menu li ul li.title .label { font-size:14px; margin-top:4px; font-weight:600; } /* NAVBAR CART */ header.navbar .navbar-nav > li.navbar-cart, header.navbar .navbar-nav > li.navbar-search { width:50px; text-align:center; } header.navbar .navbar-nav > li.navbar-cart > a.dropdown-toggle:after { display:none; } header.navbar li.navbar-cart .dropdown-menu { width:300px; padding:15px; } header.navbar li.navbar-cart .dropdown-menu > li { margin-bottom:15px; } header.navbar li.navbar-cart .dropdown-menu > li:last-child { margin-bottom:0; border-top:1px solid #EEEEEE; padding-top:15px; } header.navbar li.navbar-cart .dropdown-menu .row { margin:0; } header.navbar li.navbar-cart .dropdown-menu .row > div { padding:0; } header.navbar li.navbar-cart .dropdown-menu > li:last-child .row { margin:0 -15px; } header.navbar li.navbar-cart .dropdown-menu > li:last-child .row > div { padding:0 15px; } header.navbar li.navbar-cart .dropdown-menu img { padding-right:10px; } header.navbar li.navbar-cart .dropdown-menu a.remove { position:absolute; top:0px; right:0px; font-size:16px; color:#999999; } header.navbar li.navbar-cart .dropdown-menu h4 { margin-top:0; } header.navbar li.navbar-cart .dropdown-menu p { margin:0; font-size:16px; color:#666666; } /* NAVBAR SEARCH */ header.navbar .navbar-nav > li.navbar-search > a.dropdown-toggle:after { display:none; } header.navbar .navbar-nav > li.navbar-search { position:static; } header.navbar li.navbar-search .dropdown-menu { left:15px; right:15px; margin-top:-19px; padding:15px 15px 15px 0; box-shadow:none; z-index:999; } header.navbar-fixed-top li.navbar-search .dropdown-menu { box-shadow:0 1px 5px 0 rgba(0,0,0,0.15); } header.navbar li.navbar-search .form-control { font-size:32px; height:auto; border:0; font-weight:400; } /* HEADER SMALL - OFFSET > 165px */ header.navbar.navbar-small { height:60px; box-shadow:0 0 2px 0 rgba(0,0,0,0.1); } header.navbar.navbar-small .navbar-brand { padding:10px 15px; font-size:36px; } header.navbar.navbar-small .navbar-collapse { margin:5px 0; } header.navbar.navbar-small .dropdown-menu { margin-top:5px; } header.navbar.navbar-small .megamenu .dropdown-menu { margin-top:-5px; } header.navbar.navbar-small li.navbar-search .dropdown-menu { margin-top:-5px; } /* HEADER - NAVBAR TRANSPARENT */ header.navbar-transparent { height:60px; border:0; transition:background-color 0.3s ease-in; } header.navbar-transparent.navbar-offset { background-color:rgba(0,0,0,0.8); } header.navbar-transparent .navbar-brand { padding:20px 15px; font-size:36px; } header.navbar-transparent .navbar-text { color:#FFFFFF; } header.navbar-transparent .navbar-collapse { margin:5px 0; } header.navbar-transparent .navbar-brand span, header.navbar-transparent .navbar-brand:hover { color:#FFFFFF; } header.navbar-transparent .navbar-nav > li > a { color:#FFFFFF; font-weight:600; } header.navbar-transparent .navbar-nav > li > a.dropdown-toggle:after { color:#FFFFFF; } header.navbar-transparent .dropdown-menu { margin-top:5px; } header.navbar-transparent .megamenu .dropdown-menu, header.navbar-transparent li.navbar-search .dropdown-menu { margin-top:-5px; } /* HEADER - NAVBAR VERTICAL */ .vertical-menu #page-wrapper { margin-left: 263px; } .vertical-menu header.navbar-vertical { bottom:0; width:263px; background-color:#FFFFFF; border-right:1px solid #EEEEEE; box-shadow:0 0 20px 10px rgba(0,0,0,0.15); } .vertical-menu header.navbar-vertical > .container { position:static; width:auto; padding:0; } @media (min-width:768px) { .vertical-menu .navbar-header, .vertical-menu .navbar-brand, .vertical-menu .navbar-text, .vertical-menu .navbar-nav, .vertical-menu .navbar-nav > li { float:none !important; } .vertical-menu header.navbar .navbar-brand { display:block; padding:20px 15px; margin-left:0; } .vertical-menu header.navbar .navbar-collapse { margin:0; } .vertical-menu .navbar-nav { margin-right:0; } .vertical-menu header.navbar .navbar-nav > li > a, .vertical-menu header.navbar .navbar-nav > li > a:hover, .vertical-menu header.navbar .navbar-nav > li > a:focus { border-bottom:1px solid #EEEEEE; } .vertical-menu header.navbar .navbar-nav > li > a span.label { position:static; } .vertical-menu header.navbar .dropdown-menu { left:263px; right:auto; top:0; margin-top:0; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.15); } .vertical-menu header.navbar .navbar-nav > li.megamenu { position:relative; } .vertical-menu header.navbar .megamenu .dropdown-menu { min-width:800px; } .vertical-menu .vertical-menu-top .navbar-nav { margin:7px; } .vertical-menu .vertical-menu-top .navbar-nav > li { float:left !important; margin-right:7px; } .vertical-menu .vertical-menu-top ul.navbar-nav > li:last-child { margin-right:0; } .vertical-menu .vertical-menu-top ul.navbar-nav > li > a { background-color:#EEEEEE; font-size:14px; padding:3px 8px; border:0 !important; } .vertical-menu header.navbar .vertical-menu-top .navbar-nav > li > a.dropdown-toggle:after { display:none; } .vertical-menu .vertical-menu-top .navbar-nav > li > a img, .vertical-menu .vertical-menu-top .dropdown-menu > li > a img { margin-right:5px; position:relative; top:-2px; } .vertical-menu .vertical-menu-top .dropdown-menu > li > a { font-size:14px; padding:7px 10px; } .vertical-menu header.navbar .vertical-menu-top .navbar-nav > li.dropdown.open > a { background-color:#F5F5F5; } .vertical-menu header.navbar .navbar-nav > li.navbar-cart { width:auto; } .vertical-menu header.navbar .navbar-collapse .navbar-nav > li.navbar-cart, .vertical-menu header.navbar .navbar-collapse .navbar-nav > li.navbar-search { display:none; } .vertical-menu header.navbar .vertical-menu-top .dropdown-menu { left:0; top:100%; background-color:#FBFBFB; } .vertical-menu .vertical-menu-bottom { padding:20px 15px 0; } .vertical-menu .vertical-menu-bottom .navbar-form { margin-bottom:40px; padding:0; } .vertical-menu .vertical-menu-bottom .contacts { margin-bottom:40px; } .vertical-menu .vertical-menu-bottom .copyright { text-align:center; color:#AAAAAA; } } /* HEADER - NAVBAR DARK */ header.navbar-dark { background-color:#333333 !important; border-color:#2B2B2B !important; } header.navbar-dark .navbar-brand span { color:#FFFFFF; } header.navbar-dark .navbar-brand:hover { color:#FFFFFF; } header.navbar-dark .navbar-text { color:#CCCCCC; } .vertical-menu header.navbar-dark .navbar-form .form-control { background-color:#333333; border-color:#555555; color:#CCCCCC; } header.navbar-dark .navbar-nav > li > a { color:#CCCCCC; } .vertical-menu header.navbar-dark .navbar-nav > li > a, .vertical-menu header.navbar-dark .navbar-nav > li > a:hover, .vertical-menu header.navbar-dark .navbar-nav > li > a:focus { border-color:#2E2E2E; } header.navbar-dark .navbar-nav > li > a:hover { border-color:#555555; } header.navbar-dark .dropdown-menu { background-color:#333333; } header.navbar-dark .dropdown-menu > li > a { color:#CCCCCC; border-color:#2E2E2E; } header.navbar-dark .dropdown-menu > li > a:hover, header.navbar-dark .dropdown-menu > li > a:focus { background-color:#444444; } header.navbar-dark .megamenu .dropdown-menu li ul li.title { color:#CCCCCC; border-color:#2E2E2E; } header.navbar-dark .megamenu .dropdown-menu li ul li a { color:#CCCCCC; } header.navbar-dark li.navbar-cart .dropdown-menu p { color:#CCCCCC; } header.navbar-dark li.navbar-cart .dropdown-menu > li:last-child { border-color:#2E2E2E; } header.navbar-dark li.navbar-search .form-control { background-color:#333333; } .vertical-menu header.navbar-dark .vertical-menu-top ul.navbar-nav > li > a { background-color:#222222; } .vertical-menu header.navbar-dark .vertical-menu-top .navbar-nav > li.dropdown.open > a { background-color:#2D2D2D; } .vertical-menu header.navbar-dark .vertical-menu-top .dropdown-menu { background-color:#3B3B3B; } .vertical-menu header.navbar-dark .vertical-menu-bottom .copyright { color:#999999; } /*------------------------------ CONTENT ------------------------------*/ .content { padding:30px 0; } .content a { transition:all 0.2s ease-in; } body.page-boxed .content.pattern { background-image:url(/Themes/Laurels/Content/images/pattern.png); } .content h1 { font-weight:700; color:#666666; margin-top:0; font-size:46px; } .content h2 { font-weight:900; color:#666666; letter-spacing:-1px; margin-top:0; font-size:32px; } .content h3, .separator h3 { margin:0 0 10px; font-weight: bold; color: #777777; letter-spacing: -1px; } .separator { background-color:#FFFFFF; padding:10px 0; } .default-style, .products-header, .account-content, .sidebar .widget, article.product-item, .pagination-wrapper, .login-form-wrapper, .error-wrapper, #scrollspy-nav .affix, .components-content { background-color:#FFFFFF; box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); } .default-style { padding:20px; } .border-top { border-top:1px solid #F0F0F0; } .border-bottom { border-bottom:1px solid #F0F0F0; } .content .box { padding:12px; border:2px solid #F0F0F0; margin-bottom:30px; } .content .box h4 { margin:-12px -12px 12px; background-color:#F5F5F5; border-bottom:2px solid #F0F0F0; padding:12px; color:#888888; } .content .box h5 { font-weight:bold; color:#888888; } .content .box h4 + p, .content .box h5 + p { margin-bottom:0; } .content .box ul { margin:0; } .content .box ul li { font-size:15px; color:#777777; padding:2px 0; } .section-title { text-align:center; margin-bottom:30px; } .section-title p { color:#AAAAAA; font-weight:600; font-size:16px; } /* SEPARATOR: NEWSLETTER */ .separator-newsletter { background-color:#F9F9F9; border-top:2px solid rgba(0,0,0,0.05); border-bottom:2px solid rgba(0,0,0,0.05); margin:30px 0 0; padding:20px 0; } .separator-newsletter .newsletter-left { position:relative; } .separator-newsletter .newsletter-right { padding-left:210px; } .separator-newsletter .newsletter-badge { text-align:center; border:2px solid rgba(0,0,0,0.1); border-radius:50%; width:180px; height:180px; color:#FFFFFF; padding-top:26px; position:absolute; top:-50px; box-shadow:1px 1px 6px 1px rgba(0,0,0,0.2); z-index:950; } .separator-newsletter .newsletter-badge span, .featured-products .newsletter-badge span { display:block; line-height:42px; text-transform:uppercase; font-size:18px; font-weight:bold; } .separator-newsletter .newsletter-badge span.price, .featured-products .newsletter-badge span.price { font-size:50px; } .separator-newsletter p { color:#AAAAAA; font-size:16px; margin:0; } .separator-newsletter form { margin-top:17px; } /*------------------------------ COMPONENTS ------------------------------*/ /* ICON NAVIGATION */ .icon-nav { margin-top:30px; } .icon-nav a { text-align:center; display:block; background-color: #F9F9F9; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15); padding:20px 0; font-size:20px; font-weight:300; color:#777777; transition:all 0.2s ease-in; margin-bottom:30px; } .icon-nav a i { display:block; margin-bottom:8px; font-size:28px; } .icon-nav a:hover { color:#FFFFFF; } /* VERTICAL TABS */ .tabs.vertical-tabs .nav-tabs { border:0; } .tabs.vertical-tabs .nav-tabs > li { float:none; margin-right:0; } .tabs.vertical-tabs .nav-tabs > li > a { background-color:#F9F9F9; border:1px solid #F0F0F0; border-top:0; } .tabs.vertical-tabs .nav-tabs > li > a:hover { background-color:#F5F5F5; border-color:#F0F0F0; } .tabs.vertical-tabs .nav-tabs > li:first-child > a { border-top:1px solid #F0F0F0; } .tabs.vertical-tabs .nav-tabs > li.active > a, .tabs.vertical-tabs .nav-tabs > li.active > a:focus, .tabs.vertical-tabs .nav-tabs > li.active > a:hover { background-color:#FFFFFF; border-left:2px solid #E87169; border-right:0; border-bottom:1px solid transparent; } .tabs.vertical-tabs .tab-content { padding-top:0; } /*------------------------------ SIDEBAR ------------------------------*/ .sidebar .widget { margin-bottom:20px; } .sidebar .widget h3 { margin:0; font-size:16px; font-weight:600; letter-spacing:0; } .sidebar .widget h3 a { color:#FFFFFF; padding:8px 10px; display:block; } .sidebar .widget h3 a:after { content:"\f0d7"; float:right; } .sidebar .widget h3 a.collapsed:after { content:"\f0da"; } .widget .widget-body { padding:13px; } /* WIDGET: CATEGORIES */ .widget-categories .widget-body > ul { margin-bottom:0; } .widget-categories .widget-body > ul > li { border:0; border-radius:0; box-shadow:none; margin-bottom:0; padding:7px 0; font-size:16px; font-weight:600; background-color:transparent; } .widget-categories .widget-body > ul > li > a.collapsed { color:#888888; } .widget-categories .widget-body > ul > li > a:before { content:"\f147"; margin-right:7px; font-size:14px; } .widget-categories .widget-body > ul > li > a.collapsed:before { content:"\f196"; } .widget-categories .widget-body > ul > li > a.collapsed:hover { color:#666666; } .widget-categories .widget-body > ul > li > a span { float:right; color:#AAAAAA; font-weight:300; font-size:12px; font-family:Tahoma, Geneva, sans-serif; margin-top:2px; } .widget-categories .widget-body > ul > li > ul { margin-left:35px; } .widget-categories .widget-body > ul > li > ul > li { padding:3px 0; } .widget-categories .widget-body > ul > li > ul > li > a { font-weight:400; font-size:15px; color:#888888; position:relative; } .widget-categories .widget-body > ul > li > ul > li > a:hover { color:#444444; } .widget-categories .widget-body > ul > li > ul > li > a:before { content:""; position:absolute; width:4px; height:4px; background-color:#DDDDDD; top:50%; left:-13px; margin-top:-2px; } /* WIDGET: PRICE */ .widget-price .widget-body .price-slider { margin:5px 0 20px; } .widget-price .widget-body .price-slider input { background-color:transparent; border:0; width:50%; margin-bottom:5px; font-size:18px; color:#999999; } .widget-price .widget-body .price-slider input.pull-right { text-align:right; } .widget-price .widget-body .ui-widget-content { background:none; border:0; border-radius:10px; background-color:#E0E0E0; height:18px; clear:both; } .widget-price .widget-body .ui-slider .ui-slider-range { background:none; border-radius:10px; } .widget-price .widget-body .ui-slider .ui-slider-handle { border-radius:50%; background:none; border:2px solid #E87169; background-color:#FFFFFF; top:0; width:18px; height:18px; outline:none; } .widget-price .widget-body .ui-slider > div + span { margin-left:0; } .widget-price .widget-body .ui-slider > div + span + span { margin-left:-16px; } /* WIDGET: COLOR */ .widget-color .widget-body { text-align:center; } .widget-color .widget-body .checkbox { display:inline-block; width:30px; height:30px; margin:3px 2px; } .widget-color .widget-body .checkbox label { min-height:0; } .widget-color .widget-body .checkbox label:before { width:30px; height:30px; top:0; border-radius:50%; opacity:0.5; border:4px solid rgba(0,0,0,0); } .widget-color .widget-body .checkbox.blue label:before {background-color:#3d78d8;} .widget-color .widget-body .checkbox.red label:before {background-color:#e84c3d;} .widget-color .widget-body .checkbox.green label:before {background-color:#0d8609;} .widget-color .widget-body .checkbox.dark-gray label:before {background-color:#4e5b5e;} .widget-color .widget-body .checkbox.dark-cyan label:before {background-color:#008686;} .widget-color .widget-body .checkbox.orange label:before {background-color:#ffa500;} .widget-color .widget-body .checkbox.pink label:before {background-color:#db7093;} .widget-color .widget-body .checkbox.purple label:before {background-color:#954db3;} .widget-color .widget-body .checkbox.brown label:before {background-color:#7a5230;} .widget-color .widget-body .checkbox.yellow label:before {background-color:#d3b61c;} .widget-color .widget-body .checkbox > input[type=checkbox]:checked + label:before { opacity:1; font-size:19px; } .widget-color .widget-body .checkbox .tooltip.top { white-space:nowrap; margin-top:-17px; } /* WIDGET: CHECKBOX */ .widget-checkbox .widget-body .checkbox { margin:8px 0; } .widget-checkbox .widget-body .checkbox label { padding-right:35px; } .widget-checkbox .widget-body .checkbox span { color:#AAAAAA; font-weight:300; font-size:12px; font-family:Tahoma, Geneva, sans-serif; position:absolute; top:2px; right:0; } /*------------------------------ SIDEBAR - BLOG ------------------------------*/ .blog .sidebar .widget { background-color:transparent; box-shadow:none; margin-bottom:30px; } .blog .sidebar .widget h3 { background-color:transparent; margin:0 0 10px; font-size:20px; font-weight:bold; color:#777777; letter-spacing:-1px; } .blog .widget .widget-body { padding:0; } /* WIDGET: POST CATEGORIES */ .widget-post-categories ul li { border-bottom:1px dashed #EBEBEB; padding:8px 0; font-size:16px; } .widget-post-categories ul li:last-child { border-bottom:0; } .widget-post-categories ul li a { color:#777777; position:relative; padding-left:17px; } .widget-post-categories ul li a:before { content:""; position:absolute; width:4px; height:4px; background-color:#DDDDDD; top:50%; left:5px; margin-top:-2px; } .widget-post-categories ul li a .badge { float:right; } /* WIDGET: RECENT COMMENTS */ .widget-recent-comments ul li { padding:5px 0 15px 30px; position:relative; } .widget-recent-comments ul li:before { content:"\f075"; position:absolute; color:#DDDDDD; left:0; top:7px; font-size:20px; } .widget-recent-comments ul li p { margin:0; color:#AAAAAA; font-size:12px; } .widget-recent-comments ul li p.text { margin-bottom:10px; color:#777777; font-size:14px; font-weight:600; } /*------------------------------ PRODUCTS ------------------------------*/ .products-header { margin-bottom:20px; padding:10px; } .products-header > .row > div:last-child { text-align:right; } .products-header .toggle-list-grid button { margin:0 4px; } .products-header .order-by { display:inline-block; margin-left:10px; } /* GRID/LIST */ article.product-item { position:relative; overflow:hidden; margin-bottom:30px; } article.product-item .product-overlay { position:relative; display:block; } article.product-item .product-overlay .product-mask { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.2s ease-out; background-color:#999999; z-index:110; } article.product-item:hover .product-overlay .product-mask { opacity:0.3; filter:alpha(opacity=30); } article.product-item .product-image-2 { position:absolute; top:0; opacity:0; transition:opacity 0.6s ease-in; z-index:100; } article.product-item:hover .product-image-2 { opacity:1; } article.product-item .product-quickview { position:absolute; width:100%; top:50%; left:0; margin-top:-32px; transition:all 0.2s ease-out; text-align:center; opacity:0; z-index:130; } article.product-item:hover .product-quickview { opacity:1; } article.product-item .product-quickview .btn-quickview { background-color:rgba(255,255,255,0.8); padding:20px 0; width:100%; border-radius:0; font-size:20px; text-transform:uppercase; font-weight:600; transition:all 0.3s ease-in; } article.product-item .product-quickview .btn-quickview:hover, article.product-item .product-quickview .btn-quickview:focus { color:#666666; } article.product-item .product-permalink { display:block; width:100%; height:100%; position:absolute; z-index:120; } article.product-item h3 { font-weight:600; font-size:18px; line-height:24px; margin-top:15px; letter-spacing:0; height:44px; } article.product-item .product-rating { padding:0 0 5px; } article.product-item .product-rating i, .account-content .product-rating i, .small-product li .product-rating i { font-size:16px; padding:0 1px; color:#F2CD00; } /* Unused selector article.product-item .price, .small-product li .price { font-size:18px; color:#888888; } */ article.product-item .price ins, .small-product li .price ins { text-decoration:none; font-weight:600; color:#333333; } article.product-item .price del + ins, .small-product li .price del + ins { text-decoration:none; font-size:22px; margin-left:3px; font-weight:400; } article.product-item .buttons { padding:15px 0; } article.product-item .buttons a.add-to-cart i { margin-right:5px; } article.product-item .buttons-simple { padding:10px 0 15px; } article.product-item .buttons-simple a { font-size:19px; padding:0 7px; } article.product-item .buttons-simple a:hover { color:#666666; } article.product-item .product-labels { position:absolute; padding:15px; z-index:125; } article.product-item .product-labels .label { border-radius:50%; width:36px; height:36px; padding:10px 0 0; display:inline-block; font-size:12px; border:2px solid #FFFFFF; text-transform:uppercase; } article.product-item .product-labels .label.label-danger { background-color:#E87169; } article.product-item .product-labels .label.label-info { background-color:#39B3CA; } /* LIST */ #products.list > div { width:100%; } #products.list article.product-item .product-body { padding-right:15px; } #products.list article.product-item p { font-size:15px; color:#888888; margin:10px 0 0; } #products.list article.product-item h3 { height:auto; } #products.list article.product-item .product-labels { top:0; right:15px; } #products.list article.product-item .product-labels .label { box-shadow:0 0 1px 0 rgba(0,0,0,0.2); } /* GRID */ #products.grid article.product-item { text-align:center; } #products.grid article.product-item > .row > div { width:100%; float:none; position:static; } #products.grid article.product-item .product-body { padding:0 10px; } #products.grid article.product-item p { display:none; } #products.grid article.product-item .product-labels { top:0; left:0; } /*------------------------------ SINGLE PRODUCT ------------------------------*/ article.product-item.product-single { padding:0 15px 0 0; } article.product-item.product-single .product-labels { top:0; right:0; } article.product-item.product-single .product-labels .label { box-shadow:0 0 1px 0 rgba(0,0,0,0.2); } article.product-item.product-single h3 { height:auto; } article.product-item.product-single .product-rating { padding:0 0 10px; } article.product-item.product-single .product-info { margin:20px 0; } article.product-item.product-single .product-info li { padding:3px 0; font-weight:bold; } article.product-item.product-single .product-info li span { width:100px; color:#B0B0B0; display:inline-block; font-weight:400; } article.product-item.product-single p { font-size:15px; color:#888888; margin:10px 0 20px; } article.product-item.product-single .product-form label { margin:0 7px 0 0; } article.product-item.product-single .product-form .form-control { height:38px; } article.product-item.product-single .product-quantity, article.product-item.product-single .product-size, article.product-item.product-single .product-color { padding-bottom:10px; } article.product-item.product-single .product-quantity .btn { font-size:16px; font-weight:bold; width:40px; float:left; background-color:#F0F0F0; z-index:500; padding:6px 12px; } article.product-item.product-single .product-quantity .form-control { display:inline-block; width:44px; text-align:center; height:38px; float:left; margin-left:-2px; z-index:510; } article.product-item.product-single .product-quantity .btn:last-child { border-left:0; } article.product-item.product-single .add-to-cart { float:right; padding:7px 12px; } article.product-item.product-single .add-to-cart i { margin-right:5px; } article.product-item.product-single .product-links { clear:both; margin-top:10px; padding-top:10px; border-top:2px solid #F0F0F0; } article.product-item.product-single .product-links li { padding-right:10px; } article.product-item.product-single .product-links a { color:#999999; } article.product-item.product-single .product-links a:hover { color:#666666; } article.product-item.product-single .product-links a i { margin-right:4px; } .tabs.product-tabs .nav-tabs { border-bottom:0; } .tabs.product-tabs .nav-tabs > li > a { background-color:#FFFFFF; opacity:0.85; border-top:2px solid transparent; } .tabs.product-tabs .nav-tabs > li.active > a, .tabs.product-tabs .nav-tabs > li.active > a:focus, .tabs.product-tabs .nav-tabs > li.active > a:hover { background-color:#FFFFFF; color:#999999; border-top:2px solid #E87169; opacity:1; } .tabs.product-tabs .tab-content { background-color:#FFFFFF; padding:20px; } .releated-products { margin-top:40px; } .input-group input.addQty { width:100%; } .buy_product_option_list{ background-color:#FFFFFF; padding:20px; margin-bottom:20px; } /*------------------------------ REVIEWS ------------------------------*/ .comments .media .media-left { padding-right:20px; } .comments .media .media-body h3 { margin:0 0 10px; color:#777777; font-size:20px; font-weight:bold; display:inline-block; } .comments .media .media-body { position:relative; } .comments .media .media-body .meta { float:right; font-weight:bold; margin-top:5px; } .comments > .media > .media-body > .meta { transform:translateX(53px); transition:transform 0.25s ease-in-out; } .comments > .media:hover > .media-body > .meta { transform:translateX(0); } .comments .media .media-body .meta .date { color:#BCC7D1; font-size:14px; } .comments .media .media-body .meta a { margin-left:15px; cursor:pointer; } .comment-form h3, .modal-add-review .modal-title { font-weight:bold; color:#777777; margin-top:0; letter-spacing:-1px; font-size:24px; } .comment-form .comment-notes { color:#AAAAAA; } .comment-form textarea.form-control { height:130px; } .comment-form .btn i { margin-right:5px; } /*------------------------------ FOOTER ------------------------------*/ footer.navbar { margin:0; border:0; background-color:#272727; padding:30px 0 20px; color:#616161; border-radius:0; } footer.navbar a:hover { color:#AAAAAA; } .footer-widget h4 { color:#B8B8B8; font-size: 20px; font-weight: bold; letter-spacing: -1px; } .footer-widget ul li { padding:5px 0; } .footer-widget a { color:#616161; font-size:16px; } /* WIDGET CONTACTS */ .footer-widget-contacts ul li { font-size:16px; font-weight:bold; padding:7px 0; } .footer-widget-contacts ul li i { color:#B8B8B8; border:2px solid #B8B8B8; border-radius:50%; padding:5px 0 0; text-align:center; width:31px; height:31px; margin-right:5px; font-size:16px; } .footer-widget-contacts ul li.social { padding-top:20px; } .footer-widget-contacts ul li.social a { padding-right:3px; } .footer-widget-contacts ul li.social i { color:#787878; border-color:#787878; margin-bottom:10px; } .footer-widget-contacts ul li.social a:hover i { color:#B8B8B8; border-color:#B8B8B8; } /* WIDGET TWITTER */ .footer-widget #twitter-wrapper p { margin-bottom:10px; font-size:13px; } .footer-widget #twitter-wrapper a { font-size:13px; color:#888888; } .footer-widget #twitter-wrapper a:hover { color:#AAAAAA; } .footer-widget #twitter-wrapper .timePosted { display:none; } /* WIDGET FACEBOOK */ .footer-widget-facebook ul li a { display:block; margin:0 5px; } .footer-widget-facebook p { font-weight:600; font-size:18px; margin-top:20px; } .footer-widget-facebook p a { font-size:12px; color:#CCCCCC; float:right; position:relative; top:-4px; letter-spacing:1px; } .footer-widget-facebook p a i { margin-right:5px; } /* FOOTER COPYRIGHT */ .footer-bottom { border-top:2px solid #373737; margin-top:20px; padding-top:20px; } .footer-bottom p.copyright { margin:0; font-weight:600; font-size:15px; } .footer-bottom ul.payment-methods { margin:0; text-align:right; font-size:28px; } .footer-bottom ul.payment-methods li { padding:0 2px; transition:all 0.2s ease-in; } .footer-bottom ul.payment-methods li:hover { color:#AAAAAA; } /*------------------------------ MY ACCOUNT ------------------------------*/ .sidebar .nav-stacked > li { padding:0; } .sidebar .nav-stacked > li + li { margin-top:0; } .sidebar .nav-pills > li > a { border-radius:0; font-weight:600; color:#999999; border-bottom:2px solid #EBEBEB; font-size:14px; } .sidebar .nav-pills > li:last-child > a { border-bottom:0; } .sidebar .nav-pills > li > a:after { content:"\f0da"; float:right; margin-top:3px; } .sidebar .nav-pills > li > a:hover, .sidebar .nav-pills > li > a:focus { background-color:#F3F3F3; } .sidebar .nav-pills > li.active > a { color:#FFFFFF; } /* ACCOUNT CONTENT */ .account-content { padding:20px; } .account-content h3 { font-weight:600; } .account-content h3 span { font-weight:300; } .account-content p { font-size:15px; color:#777777; } .account-content b { font-size:15px; color:#777777; } .account-content h4 { margin:0 0 10px; font-size:18px; color:#666666; font-weight:600; } /* PROFILE */ .account-content .account-profile-top div { display:inline-block; } .account-content .account-profile-top div.button { float:right; } .account-content .account-profile-top img { margin-right:10px; } .account-content .account-profile-top h3 { position:relative; top:12px; } .account-content .account-profile-top h3 small { display:block; padding:5px 0 0 2px; color:#BBBBBB; font-size:60%; } .account-content .account-profile-top a { margin-top:19px; } .account-content .form-horizontal { clear:both; margin-top:20px; } /* ADDRESS */ .account-content .table td a.btn i { width:11px; } .account-content .table td a.btn { margin-right:5px; } .account-content .table td a.btn:last-child { margin-right:0; } /* SINGLE ORDER */ .account-content .order-status { margin:4px 0 14px; display:inline-block; } .account-content .order-action { float:right; } .account-content .order-action li { padding:0; } .account-content .products-order { border:2px solid #F0F0F0; padding:15px; } .account-content ul.order-total { text-align:right; margin:0; } .account-content ul.order-total li { padding:2px 0; font-size:16px; } .account-content ul.order-total span { width:100px; display:inline-block; font-weight:bold; color:#555555; } .account-content ul.order-total span.total { color:#E74C3C; } /* SHOPPING CART */ .account-content .shopping-cart { margin-bottom:20px; } .account-content .shopping-cart .update-cart { float:right; } /* CHECKOUT */ .account-content .checkout-step { position:relative; text-align:center; margin-bottom:15px; } .account-content .checkout-step .number { background-color:#F0F0F0; color:#AAAAAA; border-radius:50%; display:inline-block; height:29px; width:29px; font-weight:bold; font-size:20px; } .account-content .checkout-step.active .number { color:#FFFFFF; } .account-content .checkout-step .title { font-weight:600; font-size:16px; color:#888888; margin:7px 0 0; } .account-content .checkout-step.active .title { color:#555555; } .account-content .checkout-step:after { position:absolute; height:16px; width:16px; margin-left:-8px; left:50%; bottom:-24px; content:""; border-radius:50%; border:2px solid #F0F0F0; background-color:#FFFFFF; z-index:1; } .account-content .checkout-progress { position:relative; left:12.5%; width:75%; border-radius:0; background-color:#F0F0F0; box-shadow:none; height:2px; margin-bottom:40px; } .account-content .checkout-progress .progress-bar { box-shadow:none; } .account-content .products-order.checkout { margin-bottom:20px; } .checkout .addresses-toggle { margin-bottom:20px; } .billing-information textarea { height:130px; } .shipping-information .checkbox { margin-bottom:30px; } #shipping-address { display:none; } .account-content .products-order.shipping-method .radio, .account-content .products-order.payment-method .radio { margin:15px 0; border:0; box-shadow:none; } .account-content .products-order.shipping-method .radio:first-child, .account-content .products-order.payment-method .radio:first-child { margin-top:0; } .account-content .products-order.shipping-method .radio:last-child, .account-content .products-order.payment-method .radio:last-child { margin-bottom:0; } .account-content .products-order.shipping-method .radio .panel-collapse, .account-content .products-order.payment-method .radio .panel-collapse { margin-left:30px; } .account-content .products-order .radio label span { margin-left:25px; font-weight:400; color:#AAAAAA; } .account-content .products-order.shipping-method .radio .panel-collapse .radio { margin:7px 0; } .account-content .products-order.shipping-method .shipping-method-description { margin:10px 0 20px 30px; } .account-content .products-order.shipping-method .shipping-method-description p { margin:0 0 10px; } .account-content .products-order.shipping-method .shipping-method-description ul { margin:0; } .account-content .products-order.shipping-method .shipping-method-description ul li { font-weight:bold; } .account-content .products-order.shipping-method .shipping-method-description ul li span { font-weight:400; width:70px; display:inline-block; } .account-content .products-order.payment-method .credit-card-form { padding-top:15px; } .account-content .products-order.payment-method .credit-card-form label { font-weight:700; padding-left:0; } #credit-card-img { padding:4px 8px; color:#999999; } #credit-card-img i { font-size:24px; width:35px; } #credit-card-img img { height:24px; } .expiration-date .form-control { width:49%; display:inline-block; } #credit-card-error p { margin:0; color:#E74C3C; font-weight:bold; font-size:12px; } /* TABLE PRODUCTS */ .table-products { border-bottom:2px solid #EBEBEB; margin-bottom:10px; } .table-products > thead > tr > th, .table-products > tbody > tr > th { padding:10px 5px; font-size:16px; border-right:2px solid #FFFFFF; border-bottom:0; text-align:center; } .table-products > thead > tr > th:last-child, .table-products > tbody > tr > th:last-child { border-right:0; } .table-products > thead > tr > td, .table-products > tbody > tr > td { padding:10px 0; } .table-products > tbody > tr:first-child > td { border-width:0; } .table-products .col-xs-1 img { max-width:70px; } .table-products h4 { margin-left:25px; } .table-products h4 small { margin-top:5px; display:block; color:#AAAAAA; font-style:italic; } .table-products span { color:#888888; font-size:16px; } .table-products .form-control { text-align:center; font-size:16px; margin:15px auto; width:60%; } /* COMPARE */ .account-content.compare { padding:0; } #table-compare, .dragtable-sortable table { margin:0; } .dragtable-sortable li { background-color:#FFFFFF; } .dragtable-sortable .ui-sortable-placeholder { background-color:#DDDDDD; box-shadow:0 0 15px 5px rgba(0,0,0,0.2) inset; } #table-compare tr td, .dragtable-sortable li > table > tbody > tr > td { text-align:center; font-size:16px; } #table-compare tr th, .dragtable-sortable li > table > thead > tr > th { text-align:center; background-color:transparent; } #table-compare tr th i.btn, .dragtable-sortable tr th i.btn { padding:6px 0; width:33px; font-weight:400; } #table-compare tr th i.fa-arrows, .dragtable-sortable tr th i.fa-arrows { cursor:move; margin-right:3px; } #table-compare tr td.title, .dragtable-sortable tr td.title { width:15%; text-align:right; color:#666666; font-weight:bold; border-right:2px solid #EBEBEB; background-color:#F5F5F5; padding:8px 12px; } #table-compare tr td img, .dragtable-sortable tr td img { height:150px; margin-bottom:10px; } #table-compare tr td img + a, .dragtable-sortable tr td img + a{ font-size:16px; } /* SIGN UP / SIGN IN */ .login-form-wrapper { padding:20px; margin:40px 0 10px; } .login-form-wrapper form { margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #D0D0D0; } .login-form-wrapper.no-border form { margin-bottom:0; padding-bottom:0; border-bottom:0 } .login-form-wrapper h3 { text-align:center; font-size:32px; } .login-form-wrapper p { margin:0 0 10px; font-weight:600; color:#999; } .btn-brand { background-color:#777777; display:block; color:#FFFFFF; opacity:0.9; transition:opacity 0.3s ease-in; padding:10px 12px; } .btn-brand:hover { opacity:1; color:#FFFFFF; } .btn-brand i { margin-right:5px; } .btn-facebook {background-color:#3B5998;} .btn-google-plus {background-color:#D13E29;} .form-text { font-weight:600; text-align:center; color:#888888; font-size:15px; } /*------------------------------ ERROR ------------------------------*/ .error-wrapper { text-align:center; padding: 20px; margin:40px 0 20px; } .error-wrapper .error-number { font-size:120px; line-height:1; color:#888888; } .error-wrapper .error-text h1 { font-size:36px; margin:20px 0; font-weight:bold; } .error-wrapper .error-text p { font-size:18px; color:#888888; } /*------------------------------ JUMBOTRONS - CAROUSELS ------------------------------*/ .jumbotron { background-color:transparent; margin:0; padding:0; } .jumbotron-full-height { height:100%; } .container .jumbotron-small { padding:0; } .jumbotron .owl-theme .owl-controls .owl-nav div { width:50px; height:50px; padding:4px 0 0; font-size:28px; background-color:rgba(0,0,0,0.25); margin-top:-25px; } .jumbotron .owl-carousel .item { position:relative; background-size:cover; height:400px; } .jumbotron-full-height .owl-carousel, .jumbotron-full-height .owl-carousel .item, .jumbotron-full-height .owl-carousel .owl-item, .jumbotron-full-height .owl-carousel .owl-stage, .jumbotron-full-height .owl-carousel .owl-stage-outer { height:100%; } .jumbotron .owl-carousel .slide-mask { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); } .jumbotron .owl-carousel .slide-body { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 70px; } .jumbotron h1 { color:#FFFFFF; font-size:70px; font-family:Raleway, sans-serif; font-weight:800; margin:0 0 20px; } .jumbotron h2 { color:#FFFFFF; font-size:40px; font-family:Raleway, sans-serif; font-weight:200; margin:0 0 20px; } .jumbotron ul li { color:#FFFFFF; font-size:24px; padding:8px 0; font-family:Raleway, sans-serif; font-weight:300; } .jumbotron p { color:#FFFFFF; font-size:20px; font-family:Raleway, sans-serif; font-weight:500; letter-spacing:4px; } .jumbotron a.btn { font-family:Raleway, sans-serif; font-weight:400; margin-right:5px; border-color:#FFFFFF; } .jumbotron a.btn:last-child { margin-right:0; } .jumbotron a.btn-lg { font-size:18px; padding:12px 20px; } .jumbotron a.btn-default { color:#FFFFFF; } .jumbotron a.btn-inverse { color:#666666; background-color:#FFFFFF; } .jumbotron a.btn-inverse:hover { background-color:rgba(255,255,255,0.8); } .jumbotron .border { border:2px solid #FFFFFF; padding:10px 15px; display:inline-block; } .jumbotron .grey-background { background-color:rgba(0,0,0,0.35); display:inline-block; padding:10px 15px; } .jumbotron .color-background { display:inline-block; padding:10px 15px; } .jumbotron-video .mb_YTPBar { display:none !important; } /* HOMEPAGE 1 */ #homepage-1-carousel .item { height:550px; } /* HOME1 - SLIDE 1 */ #homepage-1-carousel .slide-1 { text-align:center; background-image:url(/Themes/Laurels/Content/images/slide-1.jpg); background-position-y:-230px; } #homepage-1-carousel .slide-1 .slide-mask { background-color:rgba(0,0,0,0.2); } #homepage-1-carousel .slide-1 i { color:#FFFFFF; font-size:60px; margin:170px 0 10px; } /* HOME1 - SLIDE 2 */ #homepage-1-carousel .slide-2 { background-image:url(/Themes/Laurels/Content/images/slide-2.jpg); } #homepage-1-carousel .slide-2 .slide-mask { background-color:rgba(0,0,0,0.35); } #homepage-1-carousel .slide-2 h1 { font-size:36px; font-weight:200; margin:130px 0 20px; } /* HOME1 - SLIDE 3 */ #homepage-1-carousel .slide-3 { text-align:right; background-image:url(/Themes/Laurels/Content/images/slide-3.jpg); } #homepage-1-carousel .slide-3 .slide-mask { background-color:rgba(0,0,0,0.35); } #homepage-1-carousel .slide-3 h1 { margin:210px 0 20px; } /* HOMEPAGE 2 */ /* HOME2 - SLIDE 1 */ #homepage-2-carousel .slide-1 { background-image:url(/Themes/Laurels/Content/images/slide-4.jpg); text-align:center; } #homepage-2-carousel .slide-1 .slide-mask { background-color:rgba(0,0,0,0.35); } #homepage-2-carousel .slide-1 h1 { font-weight:300; font-size:40px; margin:300px 0 0; } #homepage-2-carousel .slide-1 h2 { font-size:70px; line-height:90px; margin:50px 0; } /* HOME2 - SLIDE 2 */ #homepage-2-carousel .slide-2 { background-image:url(/Themes/Laurels/Content/images/slide-5.jpg); } #homepage-2-carousel .slide-2 .slide-mask { background-color:rgba(0,0,0,0.35); } #homepage-2-carousel .slide-2 h1 { font-weight:300; font-size:50px; margin:250px 0 0; } #homepage-2-carousel .slide-2 h2 { font-weight:300; font-size:32px; margin:0 0 30px; } #homepage-2-carousel .slide-2 ul li { font-size:32px; } #homepage-2-carousel .slide-2 ul li i { margin-right:10px; color:#DDDDDD; } /* HOMEPAGE 3 */ /* HOME3 - SLIDE 1 */ #homepage-3-carousel .slide-1 { text-align:center; background-image:url(/Themes/Laurels/Content/images/slide-7.jpg); } #homepage-3-carousel .slide-1 h1 { margin:110px 0 30px; } #homepage-3-carousel .slide-2 h1 { margin:150px 0 0; font-weight:500; } /* HOME3 - SLIDE 2 */ #homepage-3-carousel .slide-2 { background-image:url(/Themes/Laurels/Content/images/slide-6.jpg); background-position:0 -200px; } /* HOMEPAGE 4 */ #homepage-4-carousel { margin-bottom:30px; } #homepage-4-carousel .item { height:300px; } /* HOME4 - SLIDE 1 */ #homepage-4-carousel .slide-1 { background-image:url(/Themes/Laurels/Content/images/slide-6.jpg); } #homepage-4-carousel .slide-1 .slide-mask { background-color:rgba(255,255,255,0.8); } #homepage-4-carousel .slide-1 h1 { color:#555555; font-size:50px; margin:100px 0 0; } /* HOME4 - SLIDE 2 */ #homepage-4-carousel .slide-2 { background-image:url(/Themes/Laurels/Content/images/slide-7.jpg); } #homepage-4-carousel .slide-2 h1 { margin:70px 0 10px; } #homepage-4-carousel .slide-2 h2 { font-weight:800; } /* HOMEPAGE 6 */ #homepage-6-carousel .item { height:550px; } /* HOME6 - SLIDE 1 */ #homepage-6-carousel .slide-1 { text-align:center; } #homepage-6-carousel .slide-1 .slide-mask { background-color:rgba(0,0,0,0.2); } #homepage-6-carousel .slide-1 i { color:#FFFFFF; font-size:60px; margin:170px 0 10px; } /* OWL ANIMATION */ .owl-animation .animation { transition:transform 1s ease-in; opacity:0; } .owl-animation .fast { transition-duration:0.5s; } .owl-animation .slow { transition-duration:1.5s; } .owl-animation .very-slow { transition-duration:2s; } .owl-animation .active .animation { opacity:1; } .owl-animation .delay-1, .owl-animation .delay-2, .owl-animation .delay-3, .owl-animation .delay-4, .owl-animation .delay-5 { transition-delay:0s; } .owl-animation .active .delay-1 { transition-delay:0.5s; } .owl-animation .active .delay-2 { transition-delay:1s; } .owl-animation .active .delay-3 { transition-delay:1.5s; } .owl-animation .active .delay-4 { transition-delay:2s; } .owl-animation .active .delay-5 { transition-delay:2.5s; } .owl-animation .top-to-bottom {transform:translateY(-1000px);} .owl-animation .bottom-to-top {transform:translateY(1000px);} .owl-animation .left-to-right {transform:translateX(-1000px);} .owl-animation .right-to-left {transform:translateX(1000px);} .owl-animation .active .top-to-bottom, .owl-animation .active .bottom-to-top { transform:translateY(0); } .owl-animation .active .left-to-right, .owl-animation .active .right-to-left { transform:translateX(0); } /*------------------------------ HOMEPAGE SECTIONS ------------------------------*/ /* SECTION - NOTIFICATION */ .notification { padding:40px 0 50px; text-align:center; } .notification span { font-size:36px; line-height:46px; font-weight:800; color:#7C7C7C; display:block; margin-bottom:20px; } .notification a { color:#888888; border-color:#999999; font-size:22px; padding:12px 60px; } .notification h3 { font-size: 34px; font-family: Raleway, sans-serif; font-weight: 400; letter-spacing: 2px; color:#888888; margin:10px 0 20px; } .notification p { font-size:21px; line-height:33px; font-weight:100; color:#999999; margin:0; } /* SECTION - CATEGORIES */ .categories { padding:0; } .categories .category { position:relative; } .categories .category .category-mask { position:absolute; top:0; left:0; background-color:#000000; width:80%; height:80%; opacity:0.2; margin-top:8%; margin-left:10%; transition:all 0.3s ease-in; } .categories .category:hover .category-mask { opacity:0.4; } .categories .category .category-title { position:absolute; top:50%; left:0; color:#FFFFFF; text-align:center; width:100%; font-size:56px; text-transform:uppercase; letter-spacing:3px; font-weight:900; margin-top:-41px; transition:all 0.3s ease-in; } .categories .category .category-title span { font-size:20px; display:block; } /* SECTION - CATEGORIES 2 */ .categories-2 { background-color:#FFFFFF; padding:60px 0 30px; } .categories-2 .category { background-color:#F7F7F7; margin-bottom:30px; transition:all 0.3s ease-in; } .categories-2 .category:hover { background-color:#F0F0F0; } .categories-2 .category .category-body { padding:50px 25px 50px 0; } .categories-2 .category .category-body.left { padding:50px 0 50px 25px; } .categories-2 .category img { max-height:182px; } .categories-2 .category h3 { font-weight:700; font-size:24px; margin-bottom:20px; } .categories-2 .category h3 span { color:#CCCCCC; font-size:18px; text-transform:uppercase; } /* SECTION - GRID PRODUCTS */ .grid-products { background-color:#FFFFFF; } .grid-products .product-item { text-align:center; box-shadow:none; } .grid-products .product-item h3 a { color:#777777; } /* SECTION - TOP PRODUCTS */ .featured-products { background-color:#FFFFFF; } .featured-products .tabs p { font-size:17px; color:#888888; } .featured-products .product-item { text-align:center; box-shadow:none; } .featured-products .product-item h3 { height:auto; } .featured-products .newsletter-badge { padding-top:27px; } .featured-products .newsletter-badge span { text-align:center; color:#888888; font-size:20px; } /* SECTION - TESTIMONIALS */ .testimonials { background-color:#FFFFFF; text-align:center; padding:60px 0; } .testimonials .item { margin:0 100px; } .testimonials .item img { width:120px; margin-bottom:20px; } .testimonials .item p { font-style:italic; font-size:18px; line-height:30px; } .testimonials .item h3 { font-weight:bold; font-style:italic; font-size:18px; line-height:30px; letter-spacing:0; } /* SECTION - SERVICES */ .services { background-color:#FFFFFF; padding:60px 0 0; } .services .service { text-align:center; padding:15px; border-right:1px solid #F0F0F0; margin-bottom:60px; } .services .row > div:nth-child(3n) .service { border-right-width:0; } .services .service i { color:#CCCCCC; font-size:26px; border-radius:50%; border:3px solid #CCCCCC; width:50px; height:50px; padding-top:10px; } .services .service h3 { color:#666666; margin:15px 0 10px; font-size:20px; transition:all 0.3s ease-in; } .services .service p { color:#999999; font-size:14px; line-height:24px; font-family:Raleway, sans-serif; font-weight:500; margin:0; } /* SECTION - BRANDS */ .brands { padding:40px 0; } .brands .item a:before { content:""; width:80px; height:3px; position:absolute; left:50%; margin-left:-40px; bottom:0; opacity:0; transition:opacity 0.3s ease-in; } .brands .item a:hover:before { opacity:1; } /* SECTION - RECENT BLOG POST */ .recent-blog-posts { background-color:#FFFFFF; padding:60px 0 30px; } .recent-blog-posts .post { margin-bottom:30px; } .recent-blog-posts .post h3 { font-size:15px; font-weight:600; letter-spacing:0; font-family: Raleway, sans-serif; margin:10px 0; } .recent-blog-posts .post h3 a { color:#222222; } .recent-blog-posts .post span.date { display:inline-block; font-weight:600; border:2px solid #E87169; padding:0 5px; } /* SECTION - OUR STORES */ .our-stores { background-image:url(/Themes/Laurels/Content/images/map.jpg); background-size:cover; background-repeat:no-repeat; background-position:0 -100px; padding:60px 0; position:relative; } .our-stores h2 { color:#FFFFFF; margin-bottom:30px; font-size:48px; } .our-stores h2 a { color:#FFFFFF; float:right; font-size:22px; padding:12px 18px; } .our-stores .store { background-color:rgba(0,0,0,0.5); padding:30px; margin-bottom:30px; } .our-stores .store h3 { font-weight:600; } .our-stores .store ul li { color:#DDDDDD; font-size:16px; padding:5px 0; } /* SECTION - SMALL PRODUCTS */ .small-products { background-color:#F5F5F5; padding-bottom:0; } .small-products h2 { font-weight:700; font-size:24px; margin-bottom:20px; } .small-products .small-product { margin-bottom:30px; } .small-product li { padding:0 0 15px; margin-bottom:15px; position:relative; border-bottom:1px dashed #DDDDDD; clear:both; } .small-product li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; } .small-product li img { float:left; width:60px; margin-right:15px; } .small-product li h3 { font-size:18px; font-weight:600; transition:all 0.2s ease-in; } /*------------------------------ BLOG ------------------------------*/ .blog { background-color:#FFFFFF; border-top:1px solid #F0F0F0; } .blog article.post { padding-left:130px; position:relative; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #F0F0F0; } .blog article.post h3 a { color:#666666; } .blog article.post .post-left { position:absolute; width:100px; left:0; top:0; padding:0 10px; } .blog article.post .post-left .author img { margin-bottom:10px; } .blog article.post .post-left .author span { display:block; text-align:center; font-weight:600; color:#888888; } .blog article.post .post-left .author span.name { display:block; font-size:16px; font-weight:900; } .blog article.post .meta div { margin-right:5px; } .blog article.post .meta .date, .blog article.post .meta .category { display:inline-block; font-weight:600; border:2px solid #E87169; padding:0 5px; margin-bottom:10px; } .blog article.post .meta .category { color:#888888; border-color:#888888; } .blog article.post .attachment { margin:10px 0 20px; } .blog article.post p { font-size:16px; line-height:26px; color:#444444; } .blog article.post .post-bottom .tags { float:left; margin-top:8px; } .blog article.post .post-bottom .btn { float:right; } .blog .pagination { margin-bottom:10px; float:right; } .post > img { margin-bottom:20px; } .post h4 { font-weight:700; font-size:21px; color:#444444; } .post h5 { font-weight:700; font-size:18px; color:#444444; } .blog .comments { margin:20px 0; } .blog .comment-form { background-color:#F0F0F0; padding:30px; } .blog .comment-form textarea { height:160px; } /*------------------------------ LOOKBOOK ------------------------------*/ .lookbook { background-color:#FFFFFF; } .lookbook h2 { font-family: Raleway, sans-serif; text-align:center; font-size:60px; margin:0 0 20px; font-weight:500; } .lookbook p { font-family: Raleway, sans-serif; text-align:center; font-size:30px; line-height:40px; font-weight:200; color:#888888; } .lookbook-services { background-color:#FFFFFF; padding-bottom:0; } .lookbook-services h3 { font-size:50px; font-weight:500; margin-top:100px; } .lookbook-services p { color:#888888; font-size:20px; line-height:30px; } .lookbook-services img { max-width:350px; } /*------------------------------ OTHER PAGES ------------------------------*/ .eshop { font-size:16px; color:#777777; } .eshop ul li { padding:5px 0; } .eshop ul li i { margin-right:10px; } .eshop .services { padding:20px 0 0; } .eshop .services h2 { margin-bottom:30px; } #scrollspy-nav .affix { top:80px; width:263px; } /* FAQ */ .faq .tabs { margin-top:30px; } /* STORES */ .map-wrapper { position:relative; } #map-tooltip { position:absolute; top:30px; left:30px; color:#FFFFFF; font-size:18px; font-weight:bold; } #map-tooltip p { margin:0; padding:15px 20px; border:2px solid rgba(0,0,0,0.1); } .stores form { float:right; } .stores form label { font-size:18px; position:relative; top:2px; } .stores select.form-control { width:200px; font-size:16px; height:40px; } .store.default-style { padding:0; margin-bottom:30px; } .store .store-body { padding:20px; position:relative; } .store .store-body h3 { font-size:20px; line-height:26px; font-weight:600; letter-spacing:0; } .store .store-body ul { margin:0; } .store .store-body p, .store .store-body ul li { font-size:14px; } .store .store-body ul li i { border:2px solid #E87169; border-radius:50%; padding-top:4px; text-align:center; width:27px; height:27px; margin-right:5px; } .store .store-body ul.grey-color li i { color:#999999; border-color:#999999; } .store .store-image { position:relative; } .store .store-opening-hours { position:absolute; top:30px; right:30px; padding:20px; } .store .store-opening-hours ul { margin:0; } .store .store-opening-hours ul li { font-weight:bold; color:#FFFFFF; font-size:18px; padding:2px 0; } .store .store-opening-hours ul li span { font-weight:400; width:100px; display:inline-block; } /* DOWNLOADS */ .downloads .table > tbody > tr:first-child > td { border-top:0; } .downloads .table h3 { font-size:18px; margin:0; } .downloads .table p { margin:0; color:#BABABA; } .downloads .table p.text-right { font-weight:400; } /*------------------------------ COMPONENTS ------------------------------*/ .components-content { padding:20px; } .components-content h2.component-heading { border-bottom:2px solid #D0D0D0; padding-bottom:10px; margin-bottom:30px; margin-top:50px; } .components-content h2.component-heading:first-child { margin-top:0; } .components-content h2.component-heading i { color:#B0B0B0; font-size:24px; margin-right:15px; } .components h1, .components h2, .components h3, .components h4, /*.components h5*/ .components h6 { margin-bottom:30px; } .components .table { margin-bottom:50px; } .components .default-style { background-color:#F9F9F9; margin-bottom:30px; } #default-carousel .item, #default-carousel-fade .item { height:300px; background-size:cover; } /*------------------------------ RESPONSIVITY ------------------------------*/ @media (min-width:1200px) and (max-width:1400px) { body.page-boxed .jumbotron .owl-theme .owl-controls .owl-nav div { display:none!important; } } @media (min-width:992px) and (max-width:1100px) { body.page-boxed .jumbotron .owl-theme .owl-controls .owl-nav div { display:none!important; } } @media (min-width:768px) and (max-width:880px) { body.page-boxed .jumbotron .owl-theme .owl-controls .owl-nav div { display:none!important; } } @media (min-width:1367px) and (max-width:1600px) { #homepage-2-carousel .slide-1 h1 { margin-top:200px; } #homepage-2-carousel .slide-2 h1 { margin-top:200px; } } @media (min-width:1200px) and (max-width:1366px) { #homepage-2-carousel .slide-1 h1 { margin-top:160px; } #homepage-2-carousel .slide-2 h1 { margin-top:160px; } } /*------------------------------ MEDIUM DEVICES ------------------------------*/ @media (min-width:992px) and (max-width:1199px) { .jumbotron .owl-carousel .slide-body { padding:0 60px; } .jumbotron .owl-theme .owl-controls .owl-nav div { width:40px; height:40px; padding:3px 0 0; font-size:24px; margin-top:-20px; } #homepage-1-carousel .slide-1 { background-position-y:-100px; } #homepage-2-carousel .slide-1 h1 { margin-top:130px; } #homepage-2-carousel .slide-1 h2 { font-size:60px; line-height:80px; } #homepage-2-carousel .slide-2 h1 { margin-top:150px; } #homepage-3-carousel .slide-1 h1 { font-size:64px; } #homepage-4-carousel .slide-1 h1 { margin-top:70px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev { left:-50px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next { right:-50px; } .separator-newsletter { margin:20px 0 0; } .separator-newsletter .newsletter-badge { top:-39px; } .footer-widget #twitter-wrapper a { font-size:12px; } } /*------------------------------ SMALL DEVICES ------------------------------*/ @media (min-width:768px) and (max-width:991px) { header.navbar-default .navbar-nav > li > a { font-size:16px; padding:15px 10px; } body.page-boxed #homepage-1-carousel .item { height:496px; } .jumbotron .owl-theme .owl-controls .owl-nav div { width:40px; height:40px; padding:3px 0 0; font-size:24px; margin-top:-20px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev { left:-50px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next { right:-50px; } .content h3, .separator h3 { font-size:20px; } .breadcrumb-wrapper p { font-size:30px; } .product-body .btn { font-size:11px; padding:3px 6px; } #products.grid article.product-item .product-body { padding:0 5px; } article.product-item h3 { font-size:16px; line-height:22px; } .product-body .btn.add-to-cart i { display:none; } .input-group-lg > .form-control { font-size:14px; height:36px; padding:6px 12px; } .input-group-lg > .input-group-btn > .btn, .btn-lg { font-size:14px; padding:6px 12px; line-height:1.42857143; height:auto; } .separator-newsletter { margin:10px 0 0; } .separator-newsletter .newsletter-badge { width:160px; height:160px; padding-top:22px; top:-32px; } .separator-newsletter .newsletter-badge span { font-size:16px; line-height:38px; } .separator-newsletter .newsletter-badge span.price { font-size:40px; } .separator-newsletter p { font-size:14px; color:#999999; } .footer-widget h4 { font-size:18px; } .footer-widget a { font-size:14px; } .footer-widget-contacts ul li { font-size:14px; } .footer-widget-contacts ul li i { display:none; } .footer-widget-contacts ul li.social i { display:inline-block; } .footer-widget #twitter-wrapper p { font-size:12px; } .footer-widget #twitter-wrapper a { font-size:11px; } .footer-widget-facebook p { font-size:14px; } .footer-bottom ul.payment-methods { font-size:24px; margin-top:6px; } .account-content .checkout-step .title { height:44px; } .stores select.form-control { width:160px; } .store .store-opening-hours ul li { font-size:16px; } .store .store-opening-hours { padding:15px; top:20px; right:20px; } .store .store-body h3 { font-size:18px; } .blog article.post .post-left { width:80px; } .blog article.post .post-left .author span.name { font-size:14px; } .blog article.post { padding-left:100px; } .categories .category .category-title { font-size:40px; margin-top:-31px; } .categories .category .category-title span { font-size:18px; } .testimonials .item { margin:0; } .our-stores { background-position:0; padding:30px 0; } .our-stores .store { padding:15px; } .sidebar .nav-pills > li > a { padding:8px 10px; } .sidebar .nav-pills > li > a:after { display:none; } .account-content .form-horizontal .control-label { padding-top:0; margin-bottom:5px; } .small-product li h3 { font-size:16px; line-height:20px; } .notification h3 { font-size:24px; margin-bottom:10px; } .notification p { font-size:18px; } .notification span { font-size:28px; line-height:36px; margin-bottom:10px; } .grid-products .small-product li img { display:none; } #map-canvas { height:400px; } .jumbotron h1 { font-size:60px; } .jumbotron p { font-size:18px; } #homepage-1-carousel .slide-1 { background-position-y:0; } #homepage-2-carousel .slide-1 h1 { margin-top:100px; } #homepage-2-carousel .slide-1 h2 { font-size:50px; line-height:70px; margin:30px 0; } #homepage-2-carousel .slide-2 h1 { margin-top:120px; font-size:40px; } #homepage-2-carousel .slide-2 h2 { font-size:26px; } #homepage-2-carousel .slide-2 ul li { font-size:24px; } #homepage-3-carousel .slide-1 h1 { font-size:46px; } #homepage-3-carousel .slide-1 h2 { font-size:30px; } #homepage-3-carousel .slide-2 { background-position:0; } #homepage-3-carousel .slide-2 h1 { font-size:46px; } #homepage-4-carousel .slide-1 h1 { font-size:46px; } } /*------------------------------ EXTRA SMALL DEVICES ------------------------------*/ @media (max-width:767px) { .jumbotron .owl-carousel .item { height:300px!important; } .vertical-menu .jumbotron .owl-carousel .item { height:100%!important; } .jumbotron-full-height { height:auto; } .vertical-menu .jumbotron-full-height { height:100%; } .jumbotron .owl-carousel .slide-body { padding:0 15px; } .jumbotron .owl-theme .owl-controls, .nav-inside .owl-controls { display:none; } .jumbotron h1 { font-size:50px; } .jumbotron p { font-size:16px; } .jumbotron ul li { font-size:20px; padding:4px 0; } #homepage-1-carousel .slide-1 { background-position-y:0; } #homepage-1-carousel .slide-1 i { margin-top:60px; font-size:50px; } #homepage-1-carousel .slide-2 h1 { margin-top:60px; font-size:30px; } #homepage-1-carousel .slide-3 h1 { margin-top:100px; } #homepage-2-carousel .slide-1 h1 { font-size:24px; margin:70px 0 0; } #homepage-2-carousel .slide-1 h2 { font-size:34px; line-height:44px; margin:25px 0; } #homepage-2-carousel .slide-1 .btn{ font-size:14px; padding:6px 12px; } #homepage-2-carousel .slide-2 h1 { font-size:26px; margin:70px 0 0; } #homepage-2-carousel .slide-2 h2 { font-size:20px; margin:0 0 15px; } #homepage-2-carousel .slide-2 ul li { font-size:16px; } #homepage-3-carousel .slide-1 h1 { margin-top:75px; } #homepage-3-carousel .slide-2 { background-position:0; } #homepage-3-carousel .slide-2 h1 { margin-top:120px; } header.navbar { height:60px; } header.navbar .navbar-brand { padding:20px 15px; font-size:36px; } header.navbar .navbar-toggle { background-color:transparent; border:0; font-size:26px; margin:3px 15px 0 0; } .navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover { background-color:transparent; color:#777777; } header.navbar .navbar-collapse { border:0; border-bottom:2px solid #E87169; box-shadow:none; background-color:#FFFFFF; margin:0 -15px; max-height:300px; } .vertical-menu header.navbar .navbar-collapse { margin:0; } header.navbar-dark .navbar-collapse { background-color:#333333; } header.navbar-transparent .navbar-nav > li > a { color:#777777; font-weight:400; } header.navbar-transparent .navbar-nav > li > a.dropdown-toggle:after { color:#CCCCCC; } header.navbar .navbar-nav > li > a { font-weight:bold; padding:10px 15px; } header.navbar .navbar-nav > li > a span.label { position:static; top:0; right:0; } header.navbar .dropdown-menu { display:block; position:static; float:none; width:auto; margin-top:0; background-color:transparent; box-shadow:none; } header.navbar .open .dropdown-menu > li > a { padding:10px 15px; line-height:1.42857143; } header.navbar .megamenu .dropdown-menu { margin-top:0; } header.navbar .megamenu .dropdown-menu li ul { padding:0 20px 10px; } /* HEADER - NAVBAR VERTICAL */ .vertical-menu #page-wrapper { margin-left:0; } .vertical-menu header.navbar-vertical { width:100%; } .sidebar.right { margin-top:20px; } .content h2 { font-size:26px; } .breadcrumb-wrapper h2 { font-size:18px; } .breadcrumb-wrapper p { font-size:26px; } .products-header > .row > div:last-child { text-align:left; } .products-header .order-by { display:block; margin-left:0; } article.product-item .product-quickview { display:none; } .separator-newsletter .newsletter-right { padding-left:190px; } .separator-newsletter .newsletter-badge { width:160px; height:160px; top:-12px; padding-top:23px; } .separator-newsletter .newsletter-badge span { font-size:16px; line-height:38px; } .separator-newsletter .newsletter-badge span.price { font-size:44px; } .input-group-lg > .form-control { font-size:14px; height:36px; padding:6px 12px; } .input-group-lg > .input-group-btn > .btn, .btn-lg { font-size:14px; padding:6px 12px; line-height:1.42857143; height:auto; } footer.navbar { text-align:center; } .footer-widget { margin-bottom:20px; } .footer-widget-facebook p a { float:none; position:static; margin-left:10px; } .footer-bottom ul.payment-methods { text-align:center; margin-top:10px; } .table-responsive { border:0; } .table-responsive.border { border:2px solid #EBEBEB; } .table-products .form-control { width:100%; } .account-content .products-order { border:0; padding:0; } .account-content .shopping-cart { margin-bottom:0; } .account-content .shopping-cart > a { margin-bottom:15px; } .box .input-group { margin-bottom:20px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev { left:30px; } body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next { right:30px; } .product-form .form-group { margin:0; } .account-content .checkout-step:after { display:none; } #table-compare tr td { font-size:14px; } .stores form { float:none; } .stores form label { position:static; } .services .row > div:nth-child(3n) .service { border-right-width:1px; } .services .row > div:nth-child(2n) .service { border-right-width:0; } .services.services-3x .service { border-right:0; margin-bottom:15px; padding-bottom:30px; } .services.services-3x .row > div:first-child .service { border-bottom:1px solid #F0F0F0; } .tabs.vertical-tabs .nav-tabs { margin-bottom:15px; } .blog article.post .post-left { display:none; } .blog article.post { padding-left:0; margin-bottom:20px; padding-bottom:20px; } .blog .pagination { float:none; } .post > img { padding-left:0!important; padding-right:0!important; } .small-products h2 { font-size:20px; margin-bottom:10px; } .categories .category .category-title { font-size:40px; margin-top:-31px; } .categories .category .category-title span { font-size:18px; } .testimonials { padding:30px 0; } .testimonials .item { margin:0; } .recent-blog-posts { text-align:center; padding:30px 0 0; } .services { padding-top:30px; } .our-stores { background-position:0; padding:30px 0; } .our-stores h2 a { float:none; display:block; margin-top:10px; } .lookbook h2 { font-size:40px; } .lookbook p { font-size:24px; line-height:34px; } .lookbook-services h3 { margin-top:20px; text-align:center; font-size:26px; } .lookbook-services p { text-align:center; font-size:16px; line-height:26px; } .lookbook-services img { max-width:200px; } .featured-products .newsletter-body { text-align:center; } #featuredproducts-1 img, #featuredproducts-2 img { margin-top:20px; } .notification h3 { margin-top:30px; } .grid-products article.product-item h3 { height:auto; } #homepage-4-carousel .item { height:auto; } .modal .modal-header .close { margin-top:0; margin-right:0; } #modalAdvertising .modal-body { padding:0 30px 15px; } #map-tooltip { display:none; } #map-canvas { height:280px; } .login-form-wrapper { margin:10px 0 10px; } .form-text { margin:0; } } @media (max-width:600px) { .table-products > tbody > tr > td:first-child, .table-products > thead > tr > th:first-child { display:none; } .table-products > thead > tr > td, .table-products > tbody > tr > td { padding:10px; } .table-products h4 { margin-left:0; } .table-products > thead > tr > th, .table-products > tbody > tr > th { font-size:14px; } .account-content .shopping-cart { padding-bottom:5px; } .account-content .shopping-cart .update-cart { float:none; } .categories .category .category-title { font-size:28px; margin-top:-22px; } .categories .category .category-title span { font-size:14px; } } @media (max-width:568px) { footer.navbar .row > div, .breadcrumb-wrapper .row > div, .product-item.product-single > .row > div, .checkout-steps > .row > div, .services > .row > div, .services > .container > .row > div, .categories > .row > div, .order-meta > .row > div, .login-form-wrapper > .row > div, .lookbook-services > .container > .row > div { width:100%; float:none; } .alert { padding:10px; } .alert-dismissable, .alert-dismissible { padding-right:30px; } .breadcrumb { text-align:left; padding:10px 0; } .pagination > li > a { margin:0 3px 3px; width:34px; height:34px; font-size:14px; padding-top:5px; } #homepage-2-carousel .slide-1 h1 { margin:80px 0 0; } #homepage-2-carousel .slide-1 h2 { font-size:28px; line-height:40px; margin:20px 0; } #homepage-3-carousel .slide-1 h1 { font-size:40px; margin-top:40px; } #homepage-3-carousel .slide-2 h1 { margin-top:60px; } .product-body .btn.add-to-cart i { display:none; } article.product-item.product-single { padding-right:0; } article.product-item.product-single .product-body { padding:0 15px; } article.product-item.product-single .product-labels { right:15px; } .comments .media img { width:40px; } .comments .media .media-body h3 { font-size:16px; } .tabs .nav-tabs > li > a { font-size:14px; padding:10px 15px; } .tabs.product-tabs .tab-content { padding:10px; } .tabs .tab-content p, .tabs .tab-content ul li { font-size:14px; } .services .service { border-right:0; border-bottom:1px solid #F0F0F0; margin-bottom:15px; padding-bottom:30px; } .services .row > div:last-child .service { border-bottom:0; margin-bottom:0; } .blog .comment-form { padding:15px; } .categories .category .category-title { font-size:56px; margin-top:-54px; } .categories .category .category-title span { font-size:20px; } .account-content .account-profile-top img { width:50px; } .account-content .account-profile-top h3 { font-size:20px; } .account-content .account-profile-top h3 small { font-size:70%; } .account-content .order-action { float:none; margin-left:0; margin-bottom:7px; } .account-content .order-action li { margin-bottom:3px; } .login-form-wrapper > .row > div a.btn { margin-bottom:5px; } .login-form-wrapper > .row > div:last-child a.btn { margin-bottom:0; } .lookbook-services.image-left h3 { margin-top:30px; } .featured-products .product-item h3 { font-size:16px; line-height:22px; } } @media (max-width:480px) { #products > div, .recent-blog-posts > .container > .row > div, .categories-2 .category > .row > div { width:100%; float:none; } .jumbotron h1 { font-size:40px; } .jumbotron p { font-size:14px; letter-spacing:1px; } .jumbotron ul li { font-size:16px; } #homepage-1-carousel .slide-1 i { margin-top:50px; font-size:40px; } #homepage-1-carousel .slide-2 h1 { font-size:24px; } #homepage-2-carousel .slide-1 h1 { font-size:20px; margin-top:70px; } #homepage-2-carousel .slide-1 h2 { font-size:27px; line-height:37px; margin:15px 0; } #homepage-2-carousel .slide-2 h1 { font-size:20px; } #homepage-4-carousel .slide-1 h1 { font-size:40px; margin-top:90px; } .separator-newsletter .newsletter-badge { position:static; margin:0 auto 15px; } .separator-newsletter .newsletter-right { padding:0; text-align:center; } .product-body .btn.add-to-cart i { display:inline-block; } .tabs .nav-tabs > li > a { font-size:14px; padding:8px 12px; } .comments .media .media-left { padding-right:10px; } .comments .media .media-body h3 { margin-bottom:0; } .comments .media .media-body .meta { float:none; margin-bottom:10px; margin-top:0; } .comments > .media > .media-body > .meta { transform:none; } .panel .panel-heading h4.panel-title { font-size:16px; } .our-stores .store { padding:15px; } .account-content .account-profile-top div.button { float:none; display:block; } .notification h3 { font-size:24px; margin-bottom:10px; } .notification p { font-size:18px; } .notification span { font-size:28px; line-height:36px; margin-bottom:10px; } .notification a { font-size:18px; padding:10px 30px; } .categories-2 .category .category-body, .categories-2 .category .category-body.left { text-align:center; padding:20px 0; } } @media (max-width:360px) { .breadcrumb-wrapper p { font-size:22px; } .content h2 { font-size:22px; } .content .box { padding:10px; } .content .box h4 { margin:-10px -10px 10px; padding:10px; font-size:16px; } .tabs .nav-tabs { margin-bottom:10px; } .tabs .nav-tabs > li { float:none; margin-right:0; } .stores select.form-control { width:100%; } .store .store-opening-hours { padding:12px; top:15px; right:15px; } .categories .category .category-title { font-size:40px; margin-top:-31px; } .categories .category .category-title span { font-size:18px; } .icon-nav a { font-size:16px; } #homepage-2-carousel .slide-1 h1 { font-size:18px; } #homepage-2-carousel .slide-1 h2 { font-size:24px; line-height:32px; margin:13px 0; } #homepage-2-carousel .slide-1 a.btn { font-size:12px; display:block; margin:0 0 10px; } } @media print { #color-switcher, #scroll-top, .top-header, header.navbar, .breadcrumb-wrapper, .sidebar, .alert, .account-content .order-action, .separator, footer.navbar { display:none !important; } body, .content, .account-content { padding:0 !important; } .col-sm-6 { width:50% !important; float:left !important; } a:link:after, a:visited:after { content:"" !important; } } /*------------------------------ * Copyright 2016 Pixelized * http://www.pixelized.cz * * umarket theme v1.1 ------------------------------*/ /*------------------------------ DARK BLUE ------------------------------*/ .color, a, .btn-default.active, .btn-default:active, .btn-default.active:hover, .btn-default.active:focus, .btn-default:active:hover, .btn-default:active:focus, .form-control:focus, .breadcrumb > li > a:hover, .breadcrumb > li > a:focus, .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .top-header .contacts li i, .vertical-menu-bottom .contacts li i, .top-header .links a:hover, header.navbar .navbar-brand, header.navbar .navbar-brand:hover span, header.navbar .navbar-nav > li > a:hover, header.navbar .navbar-nav > li > a:focus, header.navbar .navbar-nav > li.dropdown.open > a, header.navbar .dropdown-menu > li > a:hover, header.navbar .dropdown-menu > li > a:focus, header.navbar .dropdown-menu > li > a:hover:before, header.navbar .megamenu .dropdown-menu li ul li a:hover, header.navbar .megamenu .dropdown-menu li ul li a:focus, header.navbar li.navbar-cart .dropdown-menu a.remove:hover, .tabs.vertical-tabs .nav-tabs > li.active > a, .tabs.vertical-tabs .nav-tabs > li.active > a:focus, .tabs.vertical-tabs .nav-tabs > li.active > a:hover, .widget-categories .widget-body > ul > li > a, .widget-categories .widget-body > ul > li > ul > li.active > a, .widget-post-categories ul li a:hover, article.product-item .xprice del + ins, article.product-item .xprice span, .small-product li .xprice del + ins, article.product-item.product-single .product-info li, article.product-item.product-single .product-links a i, .account-content h3 span, .account-content .products-order.shipping-method .shipping-method-description p, .error-wrapper .error-text h1, .jumbotron a.btn-default:hover, .grid-products .product-item h3 a:hover, .services .service:hover h3, .recent-blog-posts .post h3 a:hover, .recent-blog-posts .post span.date, .our-stores .store h3, .small-product li h3:hover, .blog article.post h3 a:hover, .blog article.post .post-left .author span.name, .blog article.post .meta .date, .blog article.post .meta .category, .eshop ul li i, .text-primary, .downloads .table i { color:#206BA8; } .btn-primary, .checkbox > input[type=checkbox]:checked + label:before, .checkbox > input[type=checkbox]:checked + input[type=hidden] + label:before, .radio > input[type=radio]:checked + label:before, .table > thead > tr > th, .table > tbody > tr > th, .panel-primary > .panel-heading, .tags span.label:hover, .tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover, .modal .modal-header .close:hover, .owl-theme.nav-inside .owl-controls .owl-nav div:hover, .owl-theme .owl-controls .owl-dot.active, #scrolltop:hover, .separator-newsletter .newsletter-badge, .icon-nav a:hover, .sidebar .widget h3, .widget-price .widget-body .ui-slider .ui-slider-range, .widget-post-categories ul li a .badge, .tabs.product-tabs .nav-tabs > li, .sidebar .nav-pills > li.active > a, .account-content .checkout-step.active .number, .account-content .checkout-progress .progress-bar, .brands .item a:before, #header-dark header.navbar-default, .able-grid-head, .cart-head { background-color:#206BA8; } .btn-default.active, .btn-default:active, .btn-default.active:hover, .btn-default.active:focus, .btn-default:active:hover, .btn-default:active:focus, .form-control:focus, .tabs .nav-tabs, .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .top-header .contacts li i, .vertical-menu-bottom .contacts li i, .widget-price .widget-body .ui-slider .ui-slider-handle, .account-content .checkout-step.active:after, .jumbotron a.btn-default:hover, .recent-blog-posts .post span.date, .blog article.post .meta .date, .blog article.post .meta .category, .store .store-body ul li i { border-color:#206BA8; } .tabs.vertical-tabs .nav-tabs > li.active > a, .tabs.vertical-tabs .nav-tabs > li.active > a:focus, .tabs.vertical-tabs .nav-tabs > li.active > a:hover { border-left-color:#206BA8; } .tabs.product-tabs .nav-tabs > li.active > a, .tabs.product-tabs .nav-tabs > li.active > a:focus, .tabs.product-tabs .nav-tabs > li.active > a:hover { border-top-color:#206BA8; } .jumbotron .color-background { background-color:rgba(32,107,168,0.65); } #map-tooltip, .store .store-opening-hours { background-color:rgba(32,107,168,0.8); } @media (max-width:767px) { header.navbar .navbar-toggle { color:#206BA8; } header.navbar .navbar-collapse { border-bottom-color:#206BA8; } } /* CUSTOM STYLES */ .checkout-top-header .contacts li i { border:2px solid #206BA8; } .checkout-top-header .contacts li i, .checkout-top-header .view-cart > a:hover, #header-dark header.navbar .p1[data-count]:after, .footer-widget-light h4, #minibasket-dropdown .itemLabel { color: #206BA8; } @media (max-width:767px) { #header-dark header.navbar .navbar-nav > li a:hover, #header-dark header.navbar .navbar-nav > li.dropdown.open > a { color:#206BA8 !important; } } #header-dark #store-menu, #header-dark #store-items-menu, .content .box h4.box-primary { background-color:#206BA8; } .p1[data-count]:after, #header-dark .mini-basket-dropdown .btn:hover { background:#206BA8; } /*------------------------------ STANDARD CLASSES FOR MARGIN AND PADDINGS ------------------------------*/ .m-b-z { margin-bottom : 0; } .m-b-md { margin-bottom : 5px; } .m-b-lg { margin-bottom: 15px; } .m-b-xl { margin-bottom : 25px; } .m-b { margin-bottom : 40px; } .m-t-md { margin-top : 5px; } .m-t-lg { margin-top : 15px; } .m-t-xl { margin-top : 25px; } .m-t { margin-top : 40px; } .m-r-md { margin-right : 5px; } .m-l-md { margin-left : 5px; } .m-l-lg { margin-left : 15px; } .p-sm { padding:5px; } .p-lg { padding:15px; } .p-t-lg { padding-top :15px; } .p-xl { padding:20px; } .m-b-none { margin-bottom: 0; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .no-bottom-padding { padding-bottom : 0; } @media (max-width: 1199px) { .r-m-t-lg { margin-top : 15px; } } /*------------------------------ PRINT STYLES ------------------------------*/ @media print { .sidebar { display:block !important; } body, .content, .account-content { padding:0 !important; } .col-sm-6 { width:50% !important; float:left !important; } .col-lg-4 { width:33.33333333% !important; float:left !important; } a:link:after, a:visited:after { content:"" !important; } .print-center { text-align:center; } .table { margin-bottom: 0; } } /*------------------------------ CHECKBOX ------------------------------*/ .checkbox > label, .radio > label { padding-left:30px; font-weight:500; color:#666; font-size:14px; } .checkbox > label:before, .radio > label:before { width:20px; height:20px; } .checkbox > input[type=checkbox]:checked + label:before, .checkbox > input[type=checkbox]:checked + input[type=hidden] + label:before, .radio > input[type=radio]:checked + label:before { font-family: "FontAwesome"; color:#fff; border-color:rgba(0,0,0,0.1); content: "\f00c"; padding-top:0; text-align:center; font-size: 14px; } /*------------------------------ MODAL POP UP ------------------------------*/ #page-wrapper #product-review-terms .modal-header .close i{ margin-top: 7px; } /*------------------------------ PRODUCT TEMPLATE STYLES ------------------------------*/ .customFieldsDialog span { color: #777777; } /*------------------------------ HTML TABLE STYLES ------------------------------*/ .table th a { color:#fff; } .border .table-bordered th{ text-align : center; } /*------------------------------ FORM REQUIRED FIELD ------------------------------*/ .required-field-block { position: relative; } .required-field-block .required-icon { display: inline-block; vertical-align: middle; margin: -0.25em 0.25em 0em; background-color: #E8E8E8; border-color: #E8E8E8; padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); text-transform: uppercase; font-weight: normal; border-radius: 0.325em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; transition: background 0.1s linear; font-size: 75%; } .required-field-block .required-icon { background-color: transparent; position: absolute; top: 0em; right: 0em; z-index: 10; margin: 0em; width: 30px; height: 30px; padding: 0em; text-align: center; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .required-field-block .required-icon:after { position: absolute; content: ""; right: 1px; top: 1px; z-index: -1; width: 0em; height: 0em; border-top: 0em solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 0em solid transparent; border-right-color: inherit; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .required-field-block .required-icon .text { color: #B80000; font-size: 18px; margin: 0 0 0 12px; } /*------------------------------ ERROR TEXT STYLES ------------------------------*/ .validation-summary-errors ul li, .validationSummary ul li{ color: #cc5965 !important; } .field-validation-error, .error { color: #cc5965; display: inline-block; margin-left: 5px; font-weight: 700; } .error .error-text { font-weight: normal; } .error-page .error-wrapper { background-color:transparent; box-shadow:none; } .error-page section.error { width:100%; margin:0; } /*------------------------------ PRODUCT ITEM DISPLAY CONTROL ------------------------------*/ .product-img-center { display: block; margin: auto; } #products.grid article.product-item p { display: block; } article.product-item h3 { height:auto; } .sidebar .widget .product-body h3 { background-color: transparent; } .sidebar .widget .product-body h3 a::after { content: none; } .sidebar .widget article.product-item h3 { font-weight: 600; font-size: 18px; line-height: 24px; margin-top: 15px; letter-spacing: 0; height: 44px; } .content .product-body h3 { margin: 0px 0px 10px; } /*------------------------------ BUY PRODUCT DIALOG ------------------------------*/ .buy_product_option_list .table-products .addQty.form-control { margin: auto; } .buy_product_option_list .table-products > thead > tr > td, .table-products > tbody > tr > td { padding: 10px 10px; } .buy_product_option_list .table-products .input-group-addon { width: auto; } #buy-product-quantity-box.quantity { display:table; } .quantity-limit-message { vertical-align:middle; display:table-cell; } .buy_product_option_list .actions-box { display: flex; justify-content: center; } /*------------------------------ PRODUCT ITEM DISPLAY IN SIDEBAR WIDGET ------------------------------*/ .right-sidebar .cms-widget .product-body h3{ background-color:#fff !important; color:#337ab7 !important; } .right-sidebar .cms-widget .product-body h3 a{ background-color:#fff !important; color:#337ab7 !important; font-size:18px; } .right-sidebar .cms-widget .product-body h3 a::after{ content:none; } .product-listing-container { margin-top:30px; } /*------------------------------ PRODUCT GALLERY IMAGES STYLES ------------------------------*/ .product-single ul.additional-images { height: auto; margin: 10px auto; text-align:center; } .product-single ul.additional-images li { display: inline-block; } /*------------------------------ PRODUCT IN ROWS ------------------------------*/ .product-in-rows #more-category-items{ padding : 30px 0; } .btn-addtocart { margin-top:10px; } @media(min-width:992px) { .product-in-rows .btn-addtocart { margin-top:0; float:right; width:85%; } .product-in-rows .quantity { float:left; } } /*------------------------------ PRODUCT IN ROWS INNER TEMPLATE ------------------------------*/ #product-in-rows:hover .product-overlay .product-mask, #product-in-rows:hover .product-quickview { opacity: 0; } #product-in-rows .more-category-items article.product-item:hover .product-overlay .product-mask { opacity: 0.3 !important; } #product-in-rows .more-category-items article.product-item:hover .product-quickview { opacity: 1 !important; } /*------------------------------ FEATURED CATEGORIES WIDGET ------------------------------*/ .category-img-center { display: block; margin: auto; } article.category-item { background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); } article.category-item { position:relative; overflow:hidden; margin-bottom:30px; } article.category-item .category-overlay { position:relative; display:block; } article.category-item .category-overlay .category-mask { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.2s ease-out; background-color:#999999; z-index:110; } article.category-item:hover .category-overlay .category-mask { opacity:0.3; filter:alpha(opacity=30); } article.category-item .category-permalink { display:block; width:100%; height:100%; position:absolute; z-index:120; } article.category-item h3 { font-weight:600; font-size:18px; line-height:24px; margin-top:15px; letter-spacing:0; height:44px; } article.category-item .category-labels { position:absolute; padding:15px; z-index:125; } article.category-item .category-labels .label { border-radius:50%; width:36px; height:36px; padding:10px 0 0; display:inline-block; font-size:12px; border:2px solid #FFFFFF; text-transform:uppercase; } article.category-item .category-labels .label.label-danger { background-color:#E87169; } article.category-item .category-labels .label.label-info { background-color:#39B3CA; } #categories.grid article.category-item { text-align:center; } #categories.grid article.category-item > .row > div { width:100%; float:none; position:static; } #categories.grid article.category-item .category-body { padding:0 10px; } #categories.grid article.category-item .category-labels { top:0; left:0; } @media (min-width:768px) and (max-width:991px) { #categories.grid article.category-item .category-body { padding:0 5px; } } /*------------------------------ Links WIDGET ------------------------------*/ .link-img-center { display: block; margin: auto; } article.link-item { background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); } article.link-item { position:relative; overflow:hidden; margin-bottom:30px; } article.link-item .link-overlay { position:relative; display:block; } article.link-item .link-overlay .link-mask { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.2s ease-out; background-color:#999999; z-index:110; } article.link-item:hover .link-overlay .link-mask { opacity:0.3; filter:alpha(opacity=30); } article.link-item .link-permalink { display:block; width:100%; height:100%; position:absolute; z-index:120; } article.link-item h3 { font-weight:600; font-size:18px; line-height:24px; margin-top:15px; letter-spacing:0; height:44px; } article.link-item .link-labels { position:absolute; padding:15px; z-index:125; } article.link-item .link-labels .label { border-radius:50%; width:36px; height:36px; padding:10px 0 0; display:inline-block; font-size:12px; border:2px solid #FFFFFF; text-transform:uppercase; } article.link-item .link-labels .label.label-danger { background-color:#E87169; } article.link-item .link-labels .label.label-info { background-color:#39B3CA; } #links.grid article.link-item { text-align:center; } #links.grid article.link-item > .row > div { width:100%; float:none; position:static; } #links.grid article.link-item .link-body { padding:0 10px; } #links.grid article.link-item .link-labels { top:0; left:0; } @media (min-width:768px) and (max-width:991px) { #links.grid article.link-item .link-body { padding:0 5px; } } /*------------------------------ CART CONTROL ------------------------------*/ header.navbar .navbar-nav > li.navbar-cart { width: auto; } /*------------------------------ BASKET ------------------------------*/ .widget-basket-summary ul.list-unstyled li span { float:right; } /*------------------------------ BASKET NOTITY PANEL ------------------------------*/ .basket-notify-wrapper { background:#fff; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0; box-shadow: 0 4px 2px -2px #ccc; position:fixed; z-index:9999; width:100%; } .closeNotifyLink { padding-right:25px; } .divider { border-left:2px solid #F0F0F0; } .p1[data-count]:after{ position:relative; right:10px; bottom:20px; content: attr(data-count); font-size:55%; padding:.2em; border-radius:50%; line-height:1em; color: white; text-align:center; min-width: 1em; font-weight:bold; } .fa-1x { font-size:1.5em; } /*------------------------------ CHECKOUT HEADER ------------------------------*/ .checkout-top-header { background-color:#FFF; height:60px; border-bottom:1px solid #EBEBEB; } .checkout-top-header .contacts { margin:0; } .checkout-top-header .contacts li { color:#888888; font-weight:600; margin-top:12px; } .checkout-top-header .contacts li i { border-radius:50%; padding:5px 0 0; text-align:center; width:26px; height:26px; margin-right:5px; font-size:13px; } .checkout-top-header .links, .checkout-top-header .languages { display:inline-block; padding:10px 0 0 10px; } .checkout-top-header .links li { padding:0 8px; } .checkout-top-header .links a { color:#888888; position:relative; } .checkout-top-header .links a:after { width:4px; height:4px; position:absolute; border-radius:50%; right:-11px; top:50%; margin-top:-1px; content:""; background-color:#888888; } .checkout-top-header .view-cart { margin-top: 12px; } .checkout-top-header .view-cart > a { font-size: 18px; padding-top: 15px; color: #777777; } .checkout-top-header .navbar-header{ width: 200px; } .checkout-top-header .store-logo-sm{ display:none; } .checkout-top-header #storeLogo{ display:block !important; } .storeLogo { margin-top: 10px; } #store-header-compact .storeLogo { margin-top: -15px; } /*------------------------------ HEADER DROP-DOWN NAVIGATION ------------------------------*/ header.navbar .megamenu .dropdown-menu { margin-top:-11px; } /*------------------------------ HEADER SEARCH BAR ------------------------------*/ header.navbar li.navbar-search .dropdown-menu { box-shadow:0 1px 5px 0 rgba(0,0,0,0.15); margin-top:-11px; } /*------------------------------ AVOID STYLES CONFLICTS IN THEME EDITOR ------------------------------*/ .sidebar span.badge { color : #FFF; } /*------------------------------ WISHLIST ITEMS ------------------------------*/ .wishlist-items h4 small { margin-top: 5px; display: block; color: #AAAAAA; font-style: italic; } @media (max-width:767px) { .account-content .wishlist-actions > a, .account-content .wishlist-actions > button { margin-bottom:15px; } } @media (max-width: 600px) { .account-content .wishlist-actions button.update-wishlist { float: none !important; } } /*------------------------------ PRODUCT TELL A FRIEND POP UP ------------------------------*/ .modal-tell-a-friend .modal-title { font-weight: bold; color: #777777; margin-top: 0; letter-spacing: -1px; font-size: 24px; } #page-wrapper .modal-tell-a-friend .modal-header .close { margin-top: -28px; margin-right: -28px; } #page-wrapper .modal-tell-a-friend .modal-header { padding: 15px; } /*------------------------------ PRODUCT REVIEWS TAB ------------------------------*/ .product-reviews-rating .product-rating i { font-size: 16px; padding: 0 1px; color: #F2CD00; } /*------------------------------ HEADER MOBILE VIEW ------------------------------*/ @media (max-width: 767px) { header.navbar .navbar-brand { padding: 15px 4px; font-size: 19px; } .p1[data-count]::after { font-size: 50%; } #header-dark header.navbar #able-span { padding: 9px 4px !important; } } /*------------------------------ HEADER SMALL IMAGE STYLES ON SCROLL ------------------------------*/ header.navbar.navbar-small .navbar-brand { padding: 6px 15px; } /*------------------------------ STORE HEADER CATEGORY MENU ------------------------------*/ header.navbar .megamenu .dropdown-menu.child-category-menu, header.navbar .megamenu .dropdown-menu.child-category-menu li { padding: 0 !important; } /*------------------------------ STORE HEADER MENUBAR & STORE FOOTER LIGHT ------------------------------*/ #header-dark header.navbar .navbar-nav { text-align: center; float:none !important; } #header-dark header.navbar .navbar-nav li.text-center { display: inline-block; float:none !important; } #header-dark header.navbar .container{ padding-right: 19px !important; padding-left: 30px !important; } #header-dark header.navbar .navbar-toggle, #header-dark header.navbar .navbar-brand span { color:white; } #header-dark header.navbar #able-span { padding: 4px 4px; } #header-dark header.navbar .navbar-toggle:hover, #header-dark header.navbar .navbar-brand span:hover, #header-dark header.navbar .p1[data-count]:after { background-color: transparent; color: #777777; } #header-dark header.navbar .p1[data-count]:after { background:white; } .white-bg { background:#fff; } #header-dark header.navbar-default { height:50px; border-color:#EBEBEB; transition:height 0.3s ease-in; } #header-dark header.navbar .navbar-collapse { margin:0; transition:all 0.3s ease-in; } #header-dark header.navbar .navbar-nav > li > a { font-size:18px; padding:14px 15px; color:#fff; } #header-dark header.navbar .megamenu .dropdown-menu { left:15px; right:15px; margin-top:-2px; padding:10px 5px 0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 30px; left: 100%; margin-left:20px; } .dropdown-submenu .dropdown-menu:empty { display:none; } header.navbar .megamenu .dropdown-menu { padding: 0 5px 0 !important; } #header-dark .basket { margin-right:42px; background:#000; } @media (max-width:767px) { header.navbar { height: 60px; } .navbar-header { margin-top: 0; } #header-dark header.navbar-default { background-color:#FFFFFF; height: 60px; border-color:#EBEBEB; transition:height 0.3s ease-in; } #header-dark header.navbar .navbar-nav > li > a { color:#777777; } #header-dark header.navbar .navbar-nav li.text-center { display:block; text-align:initial; } #header-dark header.navbar .navbar-collapse { margin:0 -15px; } } /*------------------------------ FOOTER LIGHT ------------------------------*/ footer.light-top{ background-color:#EFEFEF; } footer.light-bottom{ padding-top:0 !important; background-color:#1B1B1B; } footer.navbar-light { margin:0; border:0; padding:20px 0 20px; color:#726767; border-radius:0; } footer.navbar a:hover { color:#AAAAAA; } .footer-widget-light h4 { font-size: 20px; font-weight: bold; letter-spacing: -1px; } .footer-widget-light ul li { padding:5px 0; } .footer-widget-light a { color:#726767; font-size:16px; } /* WIDGET CONTACTS */ .footer-widget-contacts-light ul li { font-size:16px; padding:7px 0; color:#726767; } .footer-widget-contacts-light ul li i { color:#787878; border:2px solid #787878; border-radius:50%; padding:5px 0 0; text-align:center; width:31px; height:31px; margin-right:5px; font-size:16px; } .footer-widget-contacts-light ul li.social { padding-top:20px; } .footer-widget-contacts-light ul li.social a { padding-right:3px; } .footer-widget-contacts-light ul li.social i { color:#787878; border-color:#787878; margin-bottom:10px; } .footer-widget-contacts-light ul li.social a:hover i { color:#B8B8B8; border-color:#B8B8B8; } /* WIDGET TWITTER */ .footer-widget-light #twitter-wrapper p { margin-bottom:10px; font-size:13px; } .footer-widget-light #twitter-wrapper a { font-size:13px; color:#888888; } .footer-widget-light #twitter-wrapper a:hover { color:#AAAAAA; } .footer-widget-light #twitter-wrapper .timePosted { display:none; } /* WIDGET FACEBOOK */ .footer-widget-facebook-light ul li a { display:block; margin:0 5px; } .footer-widget-facebook-light p { font-weight:600; font-size:18px; margin-top:20px; } .footer-widget-facebook-light p a { font-size:12px; color:#726767; float:right; position:relative; top:-4px; letter-spacing:1px; } .footer-widget-facebook-light p a i { margin-right:5px; } /* FOOTER COPYRIGHT */ .footer-bottom-light { margin-top:20px; padding-top:20px; } .footer-bottom-light p.copyright { margin:0; font-weight:600; font-size:15px; } .footer-bottom-light p.copyright a { color:#726767; } .footer-bottom-light ul.payment-methods { margin:0; font-size:28px; } .footer-bottom-light ul.payment-methods li { padding:0 2px; transition:all 0.2s ease-in; color:#f9f3f3; } .footer-bottom-light ul.payment-methods li:hover, .footer-bottom-light p.copyright a:hover { color:#AAAAAA; } /*------------------------------ HEADER SEARCH BAR ------------------------------*/ header.navbar .navbar-nav > li.navbar-cart { width: auto; } header.navbar li.navbar-search .dropdown-menu { box-shadow:0 1px 5px 0 rgba(0,0,0,0.15); } /*------------------------------ MINIBASKET DROPDOWN ------------------------------*/ header.navbar li.navbar-cart .dropdown-menu { width: 420px; } header.navbar li.navbar-cart .dropdown:hover .dropdown-menu { display: block; } #header-dark .mini-basket-dropdown #minibasket-dropdown { margin-top:0; } #header-dark .mini-basket-dropdown li { width:400px; white-space:normal; padding:10px; color:#666; } #header-dark .mini-basket-dropdown .btn { padding:6px 12px; } #header-dark .mini-basket-dropdown .hr-line-dashed { margin:10px; } #minibasket-dropdown .itemLabel { margin-right:20px; } /*------------------------------ AJAX LOADER ------------------------------*/ #ajax-loader img { width:100px; height: 100px; position: fixed; top: 50%; left: 50%; text-align:center; padding:10px; margin-left: -50px; margin-top: -50px; z-index:1002; overflow: auto; } #ajax-loader { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity: 0.5; z-index:1001; filter: alpha(opacity=10); } /*------------------------------ BANNER ------------------------------*/ .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption-left { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption-right { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: right; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } .carousel-control { width: 10%; } /*------------------------------ BOOTSTRAP GUTTER SPACE ADJUSTMENTS WHEN ROWS WITHOUT CONTAINER ------------------------------*/ #page-wrapper > div.row { margin-left:0; margin-right:0; } #page-wrapper > div.row > div.column { padding-left:0; padding-right:0; } .no-side-padding { padding-left:0; padding-right:0; } .no-side-margin { margin-left:0; margin-right:0; } /*------------------------------ BOOTSTRAP ROW CLASS TO AVOID ADMIN CMS LAYOUT DISPLAY CONFLICT ------------------------------*/ .layout-row { margin-right: -15px; margin-left: -15px; } @media(max-width:568px) { .breadcrumb-wrapper .layout-row > div { width: 100%; float: none; } } /*------------------------------ FORMATTING FOR PRICING ON PRODUCT PAGE ------------------------------*/ .price { color: #000000; font-size: 15px; line-height: 22px } .baseprice, .specialprice { font-weight: 600; font-size: 20px; text-decoration: none; } .amountSaved { color: #BF1F1F; font-weight: 500; font-size: 16px; text-decoration: none; } .retailprice, .ourprice { color: #000000; font-weight: 400; font-size: 16px; text-decoration: line-through; } /*------------------------------ SOCIAL MEDAI ICONS ALIGNMENT CUSTOM STYLES ------------------------------*/ .widget-social-media-links { padding : 10px 0 20px; } .widget-social-media-links div{ float : left; } /*------------------------------ BLOG ------------------------------*/ .blog article.post { padding-left:40px; } /*------------------------------ LIST BOX CUSTOM STYLE ------------------------------*/ select.list-box { background-image: none; } /*------------------------------ RESPONSIVE CART VIEW ------------------------------*/ .cart-row { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #e1e1e1; } .cart-row .cart-col.text-left { text-align : left; } .cart-row .cart-col h4.no-left-margin { margin-left: 0; } .cart-row .cart-col h4.top-margin { margin-top:20px; } .cart-row div { text-align: center; } .cart-row img.img-responsive { margin: 0 auto; } @media (max-width: 768px) { .cart-row .cart-col.text-left { text-align : center; } } .cart-head .cart-row { margin : 0; padding : 0; font-weight : 600; } .cart-head div { padding: 10px 5px; font-size: 16px; border-right: 2px solid #FFFFFF; border-bottom: 0; text-align: center; color: #FFFFFF; } .cart-head .cart-col.first { border : none; } .cart-head .cart-col.item { border-left: 2px solid #FFFFFF; } .cart-head .no-border { border-right: 0; } .cart-row .product-quantity .btn { font-size: 16px; font-weight: bold; width: 40px; float: left; background-color: #F0F0F0; z-index: 500; padding: 6px 12px; } .cart-row .product-quantity .btn:last-child { border-left: 0; } .cart-row .product-quantity { padding-bottom: 10px; } .cart-row .product-quantity .form-control { display: inline-block; width: 44px; text-align: center; height: 38px; float: left; margin-left: -2px; z-index: 510; } .cart-row.table-products .product-quantity .btn { font-size: 16px; margin: 15px auto; } .cart-row .cart-col h4 { text-align: left; } /*------------------------------ RESPONSIVE ABLE GRID VIEW ------------------------------*/ .able-grid-bordered { border: 1px solid #EBEBEB; margin-bottom: 10px; } .able-grid-bordered .able-grid-head > .able-grid-row > .able-grid-col , .able-grid-bordered > .able-grid-body > .able-grid-row > .able-grid-col { border: 1px solid #ddd; } .able-grid > .able-grid-head > .able-grid-row > .able-grid-col { color: #FFFFFF; border-color: #EBEBEB; } .able-grid > .able-grid-head > .able-grid-row > .able-grid-col , .able-grid > .able-grid-body > .able-grid-row > .able-grid-col { vertical-align: middle; font-weight: 600; border-color: #EBEBEB; } .able-grid > .able-grid-body > .able-grid-row > .able-grid-col { color: #888888; } .able-grid .able-grid-head .able-grid-row, .able-grid .able-grid-body .able-grid-row { display: flex; } .able-grid .able-grid-head a { color: #fff; } .able-grid h4 small { margin-top: 5px; display: block; color: #AAAAAA; font-style: italic; } .able-grid-head div { padding: 8px 5px; font-size: 14px; text-align: center; color: #FFFFFF; } .able-grid-head .able-grid-row { padding : 0; font-weight : 600; } .able-grid-row .p-l-1 { padding-left : 1px; } .able-grid-row .p-l-3 { padding-left : 3px; } .able-grid-row .p-l-5 { padding-left : 5px; } .able-grid-col.view-button { text-align : right; } .able-grid-content { padding: 5px; margin-top: 10px; } @media (max-width: 768px) { .able-grid .able-grid-body .able-grid-row { display: block; } .able-grid-bordered .able-grid-head > .able-grid-row > .able-grid-col , .able-grid-bordered > .able-grid-body > .able-grid-row > .able-grid-col { border: none; } .able-grid-row { border-bottom : 1px solid #EBEBEB; } .able-grid-row .p-l-1 { padding-left : 15px; } .able-grid-row .p-l-3 { padding-left : 15px; } .able-grid-row .p-l-5 { padding-left : 15px; } .able-grid-row .m-b-md { margin-bottom : 0; } } /* ACCOUNT SECTION MY ADDRESS PAGE */ .content .box h4.box-primary { color: #fff; } /* MOBILE VIEW SEARCH FEATURE */ #store-header-menubar #mobile-search-icon, header.navbar #mobile-search-icon { margin-top: 4px; } #header-dark header.navbar #mobile-search-icon { color:white; } #mobile-search-field { position: fixed; top:45px; left:0; right:0; padding:15px 0 15px 0; z-index:999; display:none; } #mobile-search-field .form-control { font-size:25px; height:auto; border:0; font-weight:400; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15); } /* SUMMERNOTE ADD LINK POP UP */ .modal.link-dialog .checkbox input[type="checkbox"] { display: block; } .modal.link-dialog .checkbox > label::before { display: none; } .modal.link-dialog .modal-title { margin: 15px; } .ui-autocomplete { z-index: 9999 !important; } /*------------------------------ * Copyright 2016 Pixelized * http://www.pixelized.cz * * umarket theme v1.1 ------------------------------*/ /*------------------------------ BLUE ------------------------------*/ /* ------------------------------ PAGE BACKGROUND SECTION ------------------------------ */ body { background-image: url(/Themes/Laurels/Content/images/pattern.png); background-color: #FFFFFF; } /* ------------------------------ HEADER SECTION ------------------------------ */ /* links */ header.navbar .navbar-nav > li > a, header.navbar .megamenu .dropdown-menu li ul li a, .top-header .links a, .checkout-top-header .view-cart > a { color:#000000; } /* links hover */ header.navbar .navbar-nav > li > a:hover, header.navbar .navbar-nav > li > a:focus, header.navbar .navbar-nav > li.dropdown.open > a, header.navbar .megamenu .dropdown-menu li ul li a:hover, .top-header .links a:hover { color:#e7e7e7; } /* text */ .top-header .contacts li, .checkout-top-header .contacts li { color:#000000; } /* ------------------------------ FOOTER SECTION ------------------------------ */ /* heading */ .footer-widget h4 { color:#B8B8B8; } /* text */ .footer-widget li { color: #444444; } /* links */ footer.navbar a { color: #616161; } /* links hover */ footer.navbar a:hover { color: #AAAAAA; } /* ------------------------------ SIDEBAR WIDGET SECTION ------------------------------ */ /* heading */ .sidebar .widget h3 a { color: #FFFFFF; } /* text */ .sidebar, .sidebar p, .sidebar span, .sidebar li { color: #444444; } /* links */ .sidebar a, .sidebar a span { color: #206BA8; } /* links hover */ .sidebar a:hover, .sidebar ul li a:hover { color: #555555; } /* ------------------------------ WIDGET SECTION ------------------------------ */ /* heading */ .content article h3, .content h1, .content h2, h1 { color: #777777; } /* text */ article.account-content p, article.account-content span, article.account-content li, article.account-content h5, .components-content p, .components-content li, .products-header, .products-header span, .products-header p, #categories.grid article.category-item p { color: #777777; } /* links */ article a:not(.btn) { color: #206BA8; } /* links hover */ article a:hover { color: #555555; } /* ------------------------------ PRODUCT LISTING SECTION ------------------------------ */ /* text */ #products.grid article.product-item p { color: #777777; } /* links */ #products.grid a:not(.btn) { color: #206BA8; } /* price color */ #products.grid article.product-item .price span, #products.grid article.product-item .price del + ins, .baseprice, .specialprice { color: #206BA8; } /* ------------------------------ FORMS SECTION ------------------------------ */ /* label */ .form-group label { color: #777777; } /* input */ .form-control, select.form-control { color: #999999; border-color: #D0D0D0; } /* input focus */ .form-control:focus { color: #206BA8; border-color: #206BA8; } /* ------------------------------ BUTTONS SECTION ------------------------------ */ /* primary */ .btn-primary, a.btn-primary { background-color: #206BA8; color: #FFFFFF; } .btn-primary:hover, a.btn-primary:hover { background-color: #888888; } /* warning */ .btn-warning, a.btn-warning { background-color: #f0ad4e; color: #FFFFFF; } .btn-warning:hover, a.btn-warning:hover { background-color: #ec971f; } /* inverse */ .btn-inverse, a.btn-inverse { background-color: #666666; color: #FFFFFF; } .btn-inverse:hover, a.btn-inverse:hover { background-color: #888888; } /* ------------------------------ TYPOGRAPHY SECTION ------------------------------ */ h2, h3, h4, h5, h6, button { font-family: Arial; } body { font-family: Source Sans Pro; } /* ------------------------------ PERMAMENT STYLES ------------------------------ */ .sidebar .field-validation-error span, .field-validation-error { color: #cc5965; } article .table th a { color: #fff; } /* Add your custom CSS overrides to this file. */ /*body {font-size:16px;}*/ body {font-family:'Source Sans Pro', Arial;font-size:16px;color:#777;background-image:none;} .sku {color:#000;font-weight:600;} /*.cat-page-head { margin-bottom: 20px; } */ #page-wrapper>div.row>div.column {background-color:#206ba8;} header.navbar.navbar-small {height:63px;margin-top: 0px; box-shadow: none;} /* for flyouts in menus #header-dark header.navbar .navbar-nav {font-size: 12px;} */ /*.components-content2{padding: 10px; background-color:#fff;} #page-wrapper > div.row.breadcrumb-wrapper > div > div > div > div > div > h1 {margin-left:20px;} */ #header-dark header.navbar .navbar-nav li.text-center { } header.navbar .navbar-nav>li>a {font-size: 16px;padding: 0px 7px;} .navbar-right {margin-right: 0px;} .top-header .contacts li i, .vertical-menu-bottom .contacts li i {border: 0px solid #e87169;border-radius: 0%; margin-right: -1px;} .icon-adj hover{color:#666;} .prodfinder-adj {padding-left:1px;} .contact-form-link {text-align:right;margin-top: -35px; font-weight:600; margin-right: 92px;} .contactlinks {color:#000;} @media (max-width: 767px) { .contact-form-link {margin-right: 0px;} header.navbar .navbar-brand {padding: 15px 0px; font-size: 19px;} header.navbar #mobile-search-icon {margin-right: 4px!important; } #page-wrapper > div.row > div.column { background-color: #0b0b0b; } } #page-wrapper > div.container.container-no-padding > div > div > div > div > div > div > div > div > div > ul > li > i {border: 0px solid #000; border-radius: 50%; padding: 0px 0 0; text-align: center; width: 26px; height: 26px; margin-right: -2px; font-size: 13px;} #categories > div> article > div > div > div > h3 > a{color:#039;} #categories > div> article > div > div > div > h3 > a:hover{color:#999;} /* product title on product page above the image*/ .prodtitle {margin-top:10px!important;margin-bottom:-5px;margin-left:-5px;} #page-wrapper > div.container > div > div > div > div:nth-child(1) > div > div > div > h1 > span {margin-top:15px;margin-bottom:-5px;margin-left:-5px;font-size:22px!important;} .leftcol {width:70%;} .rightcol {width:30%;} img.manualimg { margin-left:10px; padding-top: 4px; display: block; max-width: 100%; height: auto;} .manual-align { margin-left: 10px;} .manuallink { margin-left: 10px;} .manual1 {margin-bottom:5px;} .fullwidthprod {width:100%;} /*.m-t*/ /* sub category box links */ .bspacing-desc {padding-bottom: 8px;} .content {padding: 0px 0 30px 0;font-family:'Source Sans Pro', Arial;} /* cert pages */ .noheadpage {margin:1px 20px 20px 1px; font-size:16px; } .withheadpage {margin: 22px 20px 20px 0px; font-size: 16px;} .certlink {margin: 17px 0 0px 21px;} .signature {margin-left:20px;} .cert-mark {margin-top:20px;} /* category background */ .info {background-color:#fff; /*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);*/} /*.category-links article.category-item { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); border: #eaeaea; border-style: solid; }*/ .catboxh article.category-item { box-shadow: none; /* Remove the shadow */ border: 1px solid black; /* Set solid black border */ border-radius: 4px; /* Add rounded corners */ } /*#categories>div>article>div>div>div>h3>a:hover {color:#fff;}*/ .catboxh article.category-item:hover a {color:#fff!important;} .catboxh article.category-item:hover{background-color: #888;border: 1px solid #888;transition: all 0.2s ease-in-out, /*we first define all*/ /*then we redifine for transfrom,opacity*/ transform 0.2s ease-in-out var(--s, 0s), opacity 0.2s ease-in-out var(--s, 0s);} #categories.grid article.category-item .catboxh{ box-shadow: none; /* Remove the shadow */ border: 1px solid black; /* Set solid black border */ border-radius: 4px; /* Add rounded corners */ } #categories.grid article.category-item .catboxh:hover a {color:#fff!important;} #categories.grid article.category-item .catboxh:hover{background-color: #888;border: 1px solid #888;transition: all 0.2s ease-in-out, /*we first define all*/ /*then we redifine for transfrom,opacity*/ transform 0.2s ease-in-out var(--s, 0s), opacity 0.2s ease-in-out var(--s, 0s);} /*.blocks-item { border: 1px solid rgba(106, 105, 111, 1); border-radius: 4px; box-sizing: border-box; color: rgba(106, 105, 111, 1); display: flex; flex: 1 0 340px; flex-direction: column; justify-content: center; margin: 0 0 30px; max-width: 100%; text-align: center; }*/ article.category-item {box-shadow: 0 0 0 0;} /* article link text */ #categories > div > article > div > div > div > h3 > a {margin-top:10px; margin-bottom:10px;} /* new product name */ #page-wrapper > div.container > div > div > div > article > div > div.column.col-md-8.col-xs-6.col-sm-6 > div > div > h1 > span {font-weight:600;font-family:'Source Sans Pro',arial;font-size:20.5px; margin-left:0px; margin-top:12px;color:#000; display: inline-block;} article > div > div.column.col-md-8.col-xs-6.col-sm-6 > div > div:nth-child(1) > h1 > span {font-family: 'Source Sans Pro', Arial;font-weight:600;margin-top: 5px; } /* accordion */ .panel .panel-heading h4.panel-title a { color: #ffffff; font-weight: 600;} .panel .panel-heading h4.panel-title a:hover { color: #000; font-weight: 600;} #accordion > div > div.panel-heading > h4 > a {font-weight: 600;} #accordion > div > div.panel-heading > h4 > a:hover {font-weight: 600; color:#d6d6d6;} .txt {font-size:16px;} /* product descriptions sections */ .mar1-desc {padding:5px 0 5px 30px;} .mar2-desc {margin-left:-65px;color:#000;} .mar0-desc {margin-top:25px; margin-bottom:35px;color:#000!important;} .mar-app-adjust {margin-top:30px;} .mar3-desc {margin-bottom:10px;} .mar4-desc {margin-bottom:10px;margin-top:10px;} .mar5-desc {max-width:70%; margin-left:100px; margin-top:15px;} .mar5a-desc {max-width:59%; margin-left:100px; margin-top:15px;} .mar5a-desc h3 {margin-top:30px;} .mar6-desc {margin-bottom:50px;} .mar7-desc {margin-top:45px; margin-bottom:40px;} .mar8-desc {margin-top:60px; margin-bottom:85px;} /* tabs below this class */ .mar9-desc {margin-top:10px;} .imgsp1{margin-bottom:57px;margin-top:20px;} .imgsp2{margin-bottom:15px;} .imgsp3{margin-bottom:58px;} .imgsp4{margin-bottom:30px!important; margin-top:45px!important;} .imgsp5{margin-bottom:10px!important; margin-top:15px;margin-left:19px;} .title-top {margin-bottom:50px; margin-top:9px!important;} .title-top1 {margin-bottom:25px; margin-top:22px!important;} .title-top1a {margin-bottom:15px; margin-top:22px!important;} .title-top2 {margin-bottom:5px; margin-top:22px!important;} .title-top3 {margin-bottom:25px; margin-top:0px!important;} .title-top-tab-1-2 {margin-bottom:10px; margin-top:8px!important;} .title-top-tab {margin-bottom:13px; margin-top:22px!important;} .abt-wdt-1 {margin-left:42px; margin-bottom: 30px; } .abt-wdt-2 {margin-left:0px;margin-top:10px; } .abt-wdt-3 {margin-left:16px;margin-top:0px; } .mid-img-top {margin-top: 40px; margin-bottom: 30px;} .belowHtitles{margin-bottom:25px;} .belowtopsec {margin-bottom:70px;margin-left:14px;} .reducedfnt{font-size:14px;line-height:18px;color: #000;} .imgtop-cat {margin-top: 35px;margin-bottom: 5px;} .analogtopimg {padding-bottom:100px; margin-top: 7px;} .last-row-img-top {margin-top: 20px;} .text-above-flex {margin-bottom: 5px;} li.li-bottom {margin-bottom:10px;} .main-image-faq {margin-top:60px;} .main-image-faq-sm {margin-top:46px;} .main-image-mega-sm {margin-top:46px;margin-bottom:80px} .sideimg-mega1 {margin-top:15px;margin-bottom:0px} .dimeline {border-bottom: 1px solid #999999; margin-bottom:15px;} .cat-page-head {font-weight:700;} /* cert elements */ .cert-image-container-prod {display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; margin-top: -7px; width:70%;margin-bottom:15px;} .cert-image-container-desc-tab {display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; margin-top: 53px; width:91%;margin-bottom:15px;} .cert-image-container-desc-tab-no-img {display: flex; gap: 7px; justify-content: left; align-items: center; padding-bottom: 0; margin-top: 14px; width:91%;margin-bottom:40px;margin-left:22px;} .cert-image-container-side {display: flex; flex-direction: column; gap: 7px; align-items: center; padding-bottom: 0; margin-top: 10px; width:100%;margin-bottom:15px;} .cert-image-container-desc-tab-sm {display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; margin-top: 33px; width:91%;margin-bottom:56px;} .cert-image-container-desc-tab-vendor {display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; margin-top: 35px; width: 100%; margin-bottom: 9px; position: absolute; margin-left: 160px; margin-top: 83px;} .cert-image-container-desc-tab-vendor2 { display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; width: 100%; margin-bottom: 9px; position: absolute; margin-left: 160px; margin-top: 5px;} .width-cont {max-width:100%;} @media (max-width: 767px) { .mar2-desc {margin-left:5px;} } div.container-prod {display: flex; } div.div1 { flex: 1;} div.div2 { flex: 1;} .marg1 {margin-left:30px; margin-right: 30px;} /*.marg-readmore {margin-left:25px; margin-right: 25px;}*/ .marg2 {margin-left:30px; margin-right: 30px;} /* inside tabs marging on cat pages*/ h3.mar1 {margin-top: 40px;} h3.mar2 {margin-top: 70px;} h3.mar3 {margin-top: 20px;} h3 {color:#000!important;} .htabmar {margin-top: 13px!important;} .htabmar2 {margin-top: -4px!important;} .arround-off, .arround-on { margin: 10px;padding-left:10px; } /*.r-flo {padding-bottom:25px;}*/ /*.overall-mar {margin-left:10px; margin-right:10px;}*/ #product-description > div > div > div > div > div > div:nth-child(1) > div.col-sm-6.col-xs-6.div1 { width: 46%;} /*.spacing-desc{max-width:92%;} */ .spacing-desc-above-readmore {margin-top: 20px;margin-left: 2px;margin-bottom:-8px;line-height:20px;} .spacing-desc-above-readmore-cat {margin-top: 10px;margin-left: 2px;margin-bottom:9px;line-height:20px;} .spacing-desc-above-h {margin-top: 18px;margin-left: 2px;} .spacing-desc-above-h-wifi {margin-top:0px;} .bottomsp{margin-bottom:15px;} #page-wrapper > div.container > div > div > div > div > div > div > div.widget-wrapper > div > div > div > div > div > div > h2 {margin-bottom:14px;} @media (min-width: 480px) { .arround-off, .arround-on { margin: 10px;} } .table-well p,.table-well-high p { margin-top: 5px; margin-bottom: 25px; margin-left: 0; font-size: 16px; } .pmar1 {margin-bottom:5px; margin-top:18px;} .cl, .cle, .r-flo { float: right;} .img-short-lte {width: auto;margin: 5px auto ;} .tp-img {margin-top: 23%!important;} .center {margin: 0 auto;} /*.headerimg1 {margin-top: 48px;}*/ .headerimg1 {margin-top: 5px;} /*.headerimg1-tran {margin-top: 40px!important;} */.headerimg1-tran {margin-top: 5px!important;} .cert-image-container-desc-tab-tran { display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; margin-top: 38px; width: 91%; margin-bottom: 15px; } @media (max-width: 775px) { .headerimg1 {margin-top: 1px;margin-bottom: 32px;} .headerimg1-tran {margin-top: 1px;margin-bottom: 32px;} } .lte td img {padding: 5px!important; } .lte td, .lte td img, .ohms-vertical, .trans td, .trans td img, .vik td, .vik td img {vertical-align: middle!important;} /* buy dialog box */ .accessory-button {float: left; width: 50%; text-align: right; margin-top: 2px; margin-bottom: 14px;display: flex; justify-content: flex-end;} article.product-item.product-single .product-quantity .btn { padding: 5px 12px;} #modal-qty { padding: 5px 12px;} .select-form-button-acc {padding-left: 16px; height: 37px; width: 163px;} article.product-item.product-single .product-form .form-control { height: 36px } article.product-item.product-single .product-quantity .form-control { height: 34px; margin-left:0; width:100% !important;border-color: #fff;}/*nnnn*/ article.product-item.product-single .product-quantity .btn:hover { color: #276fb6;} .max-height-qty {max-height: 30px; overflow: hidden;} .article.product-item {margin-top:10px!important;} /* breadcrumb area */ .breadcrumb-wrapper {padding: 0px 0 4px 0;} ol.breadcrumb-wrapper {padding: 4px 0;} .breadcrumb {font-size: 0.8375em;padding-top:9px!important;} .bcadj {max-width: 1140px;padding-bottom: 5px;background-color:#f5f5f5;} @media (max-width: 767px) { .product-page-breadcrumbs { margin-top: 0px;} /*.product-page-breadcrumbs .breadcrumbs { margin-top: 25px; } */ /*#page-wrapper>div.row {margin-top: 5px; } before fix */ #page-wrapper>div.row {margin-top: 0px; } .breadcrumb>li>a {font-weight: 400; color: #888;} #page-wrapper > div.row.breadcrumb-wrapper > div > div > div.column.p-t-sm.col-xs-6.col-sm-6.col-md-12 > div > div > ol > li > a {font-weight: 600; color: #888; font-family:'arial';} /*.widget-wrapper product-page-breadcrumbs {margin-top: 15px;}*/ .breadcrumb {padding: 0px 0; padding-bottom:0px; text-align:left; font-size: 12px; } .table-orderguide #grid td {border-top:0;} .breadcrumb-wrapper .layout-row > div {margin-top:6px;} } /* certificate images in on the product page */ .cert-image-container {display: flex; gap: 7px; justify-content:right;align-items: center;padding-bottom: 2px; margin-top:-37px} .cert-image-container img {max-width: 100%;} .cert-product{font-weight:400;font-size:14px;margin-right:10px;} .cert-image-container-breadcrumb {display: flex; gap:10px; justify-content:right; align-items: center; padding-bottom: 0px; margin-top:-35px;} @media (max-width: 767px) { .cert-image-container {display:none;} .cert-image-container-desc-tab {display: flex; gap: 30px; justify-content:center;align-items: center;padding-bottom: 2px; margin-top:-13px;margin-left:10px;} .cert-image-container-breadcrumb {display: flex; gap: 30px; justify-content:center; align-items: center; padding-bottom: 0px; margin-top:0px;} .marg1 {margin-left: 9px !important; margin-right: 1px !important;} .cert-product{display:none;} div.hidebr {display:none;} .image-container-tab { text-align: center; display: flex; justify-content: center; align-items: center; padding-bottom:21px; } .image-container-tab img {max-width: 100%;max-height: 100%;} } @media (max-width: 1200px) { .cert-image-container {display:none;} } /* footer */ footer.navbar a { color: #b8b8b8; font-weight: normal;} .form-group label { color: #000000;font-size:14px;} /*.form-control, select.form-control {color: #888888; border-color: #D0D0D0; font-weight: 600;}*/ .form-control, select.form-control {color: #888; border-color: #999; font-weight: 600;} .content h1, .h1 {font-size:30px; font-weight:600;font-family: 'Source Sans Pro', Arial; color: #000;} /* h1, .h1 {font-size:30px;margin-top: 7px; margin-bottom: 2px;} */ h1, .h1 {font-size:26px; margin-top: 11px; margin-bottom: 5px;font-weight:600;color:#444444;} /*.h1, .h2, .h3, h1, h2, h3 {} */ /* category page heading */ #page-wrapper > div.row.breadcrumb-wrapper > div > div > div > div > div > h1 {font-size:22px;margin-top: 13px;} /* Product Page Heading */ #page-wrapper > div.row.breadcrumb-wrapper > div > div > div > div > div > h1 > span {font-size:28px;} #page-wrapper > div.row.breadcrumb-wrapper > div > div > div > div > div > h1 > span {color:#444444;} .content h2 {font-size:22px; font-weight:600; Font-family:'Source Sans Pro', Arial;color:#000000;letter-spacing: -0.00em;} .content h3 {font-size:20px; font-weight:600;Font-family:'Source Sans Pro', Arial;color:#444444;letter-spacing: -0.02em;} h3 {font-size: 20px;} /*header.navbar-default { background-color: #206BA8; height: 96px; border-color: #206BA8; transition: height .3s ease-in;} */ .navbar-default{border-bottom:0px;} .trademark {font-size:95%;} /* .fa-search {color:#777777;}*/ #store-menu > div > div > ul {padding-left: 1px;} #grid > tbody > tr > td.text-right {font-weight:600!important; color:#666;} #grid > tbody > tr > td.text-right > span {font-weight:600!important; color:#000; font-size:17px;} /*#store-menu > div > div { margin-top: 3px;}*/ .og-quantity-top {width:22%;} .og-quantity-bottom .tbl-ord-blk {width:100%;} @media (max-width: 767px) { #store-header-menubar #mobile-search-icon, header.navbar #mobile-search-icon {margin-top: 4px; margin-right:12px;} .fa-bars {color: #ffffff;} .fa-shopping-cart {color: #ffffff;} .fa-search {color: #ffffff;} /*header.navbar-default {height: 70px !important;}*/ .visible-xs.text-center.text-left-mobile {margin-left: 20px;} h1.home1 {margin-top:30px;} p.homep {width:96% !important;} .centered-image-container {width:100% !important;} .section, .section-divider {height:auto !important;} .section-divider .image-container {display:block;} .image-container-rollover {margin:10px 0;} .productImage {margin-left: 0 !important;} .custom-buy-product-dialog .dpm-bottom-adj {width:100%;} #buy-product-quantity-box {margin-top:40px;} #header-dark header.navbar .navbar-nav {margin-top:40px;} .image-container {top:0 !important;width:100% !important;} .og-mobile-header {background: #206BA8;font-size:18px;color:#fff;padding:10px 0;font-weight:600;} .og-mobile-header-gray {background: #f0f0f0; border: 2px solid #ccc !important;} td.base-item-header-border {border-left-width:2px !important;} .og-quantity-top {width:100%;} } @media (max-width: 767px) { header.navbar .navbar-toggle { margin: 3px 0px 0 0;} } /* Top Bar Styles */ a.topnavlinks {color:#666666;} a:hover.topnavlinks {color:#206BA8;} #header-navigation-links > ul > li > a:hover{color:#206BA8;} .top-header {border-bottom: 0px solid #ebebeb; font-size:14px;} /*grey top bar to hide */ .top-header {display:none;} /* option Boxes in order block */ #buy-product-dialog-form > div > div > div > select:hover {color:#206BA8;} /* Store Logo CSS */ .companyL {align-self: flex-start;font-size:32.48px!important;color:#ffffff; font-family:Arial; position: absolute; margin-left:30px; font-weight: 600; margin-top: 4px;} .company-name { display: block; font-family:Arial;font-weight:600; font-size:1.418em!important;color:#ffffff;text-transform: uppercase;letter-spacing:1px;text-rendering: auto;position: absolute; margin-left: 75px;width: 400px;margin-top: 4px;} /*.company-name2 { display: block;font-family:Arial;font-weight:400; font-size:1.000em!important;color:#ffffff;margin-top: 35px;letter-spacing:2px;position: absolute;margin-left:83px; width:150px;text-transform: uppercase;}*/ .company-name2 { display: block; font-family: Arial; font-weight: 400; font-size: .79em !important; color: #ffffff; margin-top: 34px; letter-spacing:.016em; position: absolute; margin-left: 75px; text-transform: uppercase; width: 400px; } div.companyLogo {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative;} /* Small store logo */ .companyL-sm {align-self: flex-start;font-size:21.12px;color:#ffffff!important; font-family:Arial; position: absolute; margin-left:20px; font-weight: 600; margin-top: 7px;} .company-name-sm { display: block; font-family:Arial;font-weight:600; font-size:21.12px;color:#ffffff!important;text-transform: uppercase;letter-spacing:.85px;text-rendering: auto;position: absolute; margin-left: 55px;margin-top:6px; width:300px;} .company-name2-sm { display: block;font-family:Arial;font-weight:400; font-size:0.291em;color:#ffffff!important;margin-top: 22px;letter-spacing:1px;position: absolute;margin-left:56px; width:300px;text-transform: uppercase;} div.companyLogo-sm {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative;} /* Small store logo */ @media (max-width: 767px) { .companyL-sm {align-self: flex-start;font-size:27.56px;color:#ffffff!important; font-family:Arial; position: absolute; margin-left:19px; font-weight: 600; margin-top: 7px;} .company-name-sm { display: block; font-family:Arial;font-weight:600; font-size:0.88em;color:#ffffff!important;text-transform: uppercase;letter-spacing:.85px;text-rendering: auto;position: absolute; margin-left: 57px;margin-top:2px} .company-name2-sm { display: block;font-family:Arial;font-weight:400; font-size:0.47em;color:#ffffff!important;margin-top: 18px;letter-spacing:0px;position: absolute;margin-left:57px; width:300px;} div.companyLogo-sm {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative;} } /* .logollc {display:none;} */ /*div.companyLogo {position: absolute; top: 43%;left: 14.1%;transform: translate(-50%, -50%); display: flex;} */ #store-menu > div > ul > li > a {color:#ffffff;} #store-menu > div > ul > li > a:hover {color:#D9D9D9;} footer.navbar a {color: #b8b8b8;} #store-header-compact .storeLogo { margin-top: -11px;} #page-wrapper > div.row.breadcrumb-wrapper > div > div > div.column.p-t-sm.col-md-6 > div > div > h1 > span {font-size:24px;} header.navbar.navbar-small .navbar-brand {padding: 2px 15px;} #buy-product-dialog-form > h3 > span {Display:none; margin-top:0px;} .content .product-body h3 { margin: 0px 0px 0px;} .price, ul.list-unstyled.product-info {display: inline-block; margin:20px 0;} #buy-product-dialog-form > span > span > div > span:nth-child(1) {display:none} #buy-product-dialog-form > ul {font-size: 17.5px; margin-top:17px;float: left;margin-right:127px;} /*#buy-product-dialog-form > ul {font-size: 18px; margin-top:18px;float:right;margin-right:26px}*/ #buy-product-dialog-form > ul > li > span:nth-child(1) { width: 36px; color: #000000; display: inline-block; font-weight: bold;} #buy-product-dialog-form > ul > li > span:nth-child(2) {text-align:left; width: 115px;vertical-align: top;} /* commented out to fix the spacing issue on buyproductdialog #buy-product-dialog-form > div:nth-child(18) > div { margin-top: -12px; padding-bottom: 16px;} */ article.product-item.product-single .product-info {margin: 9px 0;} article.product-item.product-single { padding: 0px 22px 0 0;} #buyProductDialogWidget { margin-top: -2px;} article.product-item.product-single .product-info li span { color: #000000; display: inline-block; font-weight: bold;} #buy-product-quantity-box.quantity {padding-bottom: 4px;} /* Category Page boxes of products */ #products.grid article.product-item p { color: #000;font-size:15px;} #products{margin-bottom: -29px;} /*header search styles*/ .navbar-search .fa-search, .navbar-search .fa-times { font-size:1.2em; } .navbar-search .fa-search:hover, .navbar-search .fa-times:hover { color:#276fb6; } .top-header .contacts li, .checkout-top-header .contacts li { color: #666666;} .top-header-search { position: absolute !important; z-index: 9999; top: 100%; right: 0; left: 0; margin-top:-5px; } header.navbar .navbar-nav > li > a, header.navbar .megamenu .dropdown-menu li ul li a, .top-header .links a, .checkout-top-header .view-cart > a { color: #888888; font-weight: 600; } .dropdown-search-box { background: #fff; padding: 20px; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15); } li.top-header-search, li.top-header-search ul li { list-style-type:none; } li.top-header-search .form-control { font-size: 32px; height: auto; border: 0; } .product-page-breadcrumbs .breadcrumb { text-align:left; font-weight:400; color:#888888;} .breadcrumb {padding: 0px 0; padding-bottom:4px; text-align:left; } .breadcrumb > li > a { font-weight: 400; color: #000000;} #products.grid article.product-item .price span, #products.grid article.product-item .price del+ins, .baseprice, .specialprice { color: #000; font-size: 23px;} /*product page tab styles*/ .tabs.product-tabs .nav-tabs>li.active>a, .tabs.product-tabs .nav-tabs>li.active>a:focus, .tabs.product-tabs .nav-tabs>li.active>a:hover {background-color: #fff; color: #000; border-top: 2px solid #276fb6;} .tabs.product-tabs .nav-tabs>li {background-color: #000;} /* .dropdownWidth {width:50%;} */ .options-custom-col {width:50%;} @media (max-width: 767px) { .options-custom-col {width:100%;} } #options-modal .options-custom-col {width:100%;} .productImage {padding-top:47px; padding-bottom:20px; margin: 0 auto; display: block; } .product-single ul.additional-images { height: auto; margin: 10px auto; text-align: center; margin-top:16px; margin-left: -25px; display: flex; justify-content: center;} /*custom product tabs*/ .tabs.product-tabs .nav-tabs > li > a:hover { color: #fff !important; background-color: #666 !important; } @media (max-width: 900px) { .tabs.product-tabs .nav-tabs li { width: 100%; text-align: center; margin: 5px 0; } .cert-image-container-desc-tab { width: 100%; } .btn-addtocart .btn-lg, .accessory-button {width:100%;} } /*.accessory-button .btn-default { color: #888; border-color: #d0d0d0; font-weight: 600; width: 90%; }*/ .accessory-button .btn-default { color: #888; border-color: #999; font-weight: 600; width: 90%; } .tabs.product-tabs .tab-content { padding:20px 0 20px 0; } .tabs.product-tabs .nav-tabs > li > a { color: #fff; background-color: #000; } .tabs.product-tabs .nav-tabs > li.active > a:hover, .tabs.product-tabs .nav-tabs > li.active, .nav-tabs > li.active > a:hover, .nav-tabs > li.active { color: #000 !important; background-color:#fff !important; } #accessories-quickview-container { margin-bottom: 15px; } .flex-container-acces, .flex-container-inf { display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -moz-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: center; -ms-align-items: center; -moz-align-items: center; align-items: center; width: 100%; } .ac-box-product { border: 1px solid #ccc; border-radius: 0; margin: 0px 0 14px 0; } .flex-item-acces:last-child { background-color: #edefee; width: 68%; padding: 5px; margin: 5px; min-height: 11em;} .flex-item-xl, .flex-item-xxl { width: 32%; } .ac-gap { clear: both; height: 10px; } .flex-item-acces > h3 {font-size:20px; font-weight:600;Font-family:'Source Sans Pro', Arial; margin: 0 0 10px;letter-spacing: -1px;} div.flex-item-acces > h3 > a {color:#000000;} .table-well-high { margin: 0 80px; width: auto;} .titlebg {background-image: url(/Themes/Laurels/Content/images/pattern.png);} #product-description > div > div > div > table > tbody > tr > td > a {color:#0000ff;} /*.top-header{height:0px; border-bottom: 0px}*/ #page-wrapper > div > div > div > div > div > div {min-height:0px} .breadcrumb-wrapper { /*background-color: transparent;*/ background-color:#f5f5f5; } a.tran-spec-links {color:#0000ff;} a:hover.tran-spec-links {text-decoration:underline;} .trans-tbl-head {color:#000!important; font-weight:bold;} .trans-tbl-mech-img {margin-bottom:25px;margin-top:25px;} #header-dark header.navbar .container { padding-right: 0px!important; padding-left: 0px!important; } #header-dark header.navbar .navbar-nav { text-align: left; } #header-dark header.navbar .navbar-nav>li>a { font-size: 17px!important; padding: 14px 14px;} #header-dark header.navbar .navbar-nav>li>a:hover {color:#D9D9D9;} .navbar-search .fa-search:hover{color:#D9D9D9;} .navbar-search .fa-search:active{color:#D9D9D9;} .icon-adj{margin: 0 0 3px -6px;} .top-header { height: auto; } header.navbar .megamenu .dropdown-menu { z-index: 9999; } #header-dark #store-menu {z-index:999;margin-top:-2px;margin-bottom:0px;} #header-dark #store-menu {background-color: #000!important;} .email-adj{margin-right:5px;} .phone-adj{margin-right:200px;} #store-menu > div > ul > li.phonel-adj > a {margin-right:238px;font-size:18px!important;} .sub-nav-menu { left: 0; min-width: 0 !important; } /*.footer-widget h4 {font-size:18px;letter-spacing: -.02em;}*/ .footer-widget h4 {font-size:18px;letter-spacing: 0px;font-weight: 400;} .carousel { margin-top: 0px;} #page-wrapper > div.container.container-no-padding > div > div > div > div > div > div {margin-top: 0px;} .content .product-body h3 { margin: 0 0 0; /* display: none; */ } .h3-heading-with-grey-sec{margin-bottom: 16px;} #page-wrapper > div.container > div > div > div > div > div > div > div:nth-child(2) > form > div > div {display:none;} .limg1 {margin-left:100px;} .ltxt1 {margin-left:100px;} .limg2 {margin-left:22px;} .ltxt2 {margin-left:22px;} .limg1p {margin-left:0px;} .ltxt1p {margin-left:0px;} .limg2p {margin-left:0px;} .ltxt2p {margin-left:0px;} .cert-image-container-desc-sitemap { display: flex; gap: 7px; justify-content: left; align-items: center; padding-bottom: 0; margin-top: -45px; /*width: 91%;*/ margin-bottom: 9px; position: absolute; margin-left: 468px; } .cert-image-container-desc-sitemap2 { display: flex; gap: 7px; justify-content: left; align-items: center; padding-bottom: 0; margin-top: -45px; /*width: 91%;*/ margin-bottom: 9px; position: absolute; margin-left: 617px; } .cert-image-container-desc-sitemap-overview { display: flex; gap: 7px; justify-content: left; align-items: center; padding-bottom: 0; margin-top: -45px; width: 91%; margin-bottom: 9px; position: absolute; margin-left: 341px; } .cert-image-container-desc-prod-tab { display: flex; gap: 7px; justify-content: left; align-items: center; padding-bottom: 0; margin-top: -40px; margin-bottom: 9px; position: absolute; margin-left: 652px; } .cert-image-container-desc-prod-abovetab { display: flex; gap: 7px; justify-content: left; align-items: center; padding-bottom: 0; margin-top: 7px; margin-bottom: 9px; position: absolute; margin-left: 680px; } .components-content2 {padding: 6px 6px 6px 0; background-color: white;} /*.components-content2a {padding-top: 6px; padding-left: 0px!important; padding-bottom: 6px; padding-right: 6px;background-color: white;}*/ div.components-content2 > h1 {margin-top:0px;} .cat-title {} .components-content3 {padding: 6px; background-color: white; margin-bottom: -4px; margin-top: 5px;} div.components-content3 > h1 {margin-left:25px!important;} div.components-content2 > h1 > span {margin-left: 0px!important;} article.product-item .product-overlay { padding: 14px; overflow-y: hidden; overflow-x: hidden;} #products > div > article > div > div.col-sm-9 > div > ul {list-style-position: inside;padding-left:0px;} #products > div > article > div > div.col-sm-9 > div > ul > li {} .imgadj {margin-top:40px;} .imgadja {margin-top:20px;margin-bottom:50px} .imgadjb {margin-top:20px;margin-bottom:20px} .imgadjc {margin-top:75px;margin-bottom:50px;margin-left: 84px;} .imgadjd {margin-top:62px;} ul.spacer1 {margin-bottom:35px;} .resizeh1toh2 h1 {font-size:22px; margin-bottom:20px;letter-spacing: -0.00em;} .resizeh1toh2-2 h1 {font-size:22px; margin-bottom:14px;letter-spacing: -0.02em;} h3 {letter-spacing: -0.02em!important;} .flex-container-pro { display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -moz-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: center; -ms-align-items: center; -moz-align-items: center; align-items: center; width: 100%; } .flex-item-pro:last-child { background-color: #edefee; width: 63%; padding: 5px; margin: 5px; min-height: 12em; } .flex-item-pro { background-color: #FFF; margin: 2px auto; } .ulspace {margin-top:-11px;} .img-magna-02 {margin-top:30px;margin-bottom:30px;} .img-magna-02-top {margin-top:50px;margin-bottom:50px;} .img-magna-03 {margin-top:30px;margin-bottom:30px;} .tab-contents-cats {padding-top: 15px; padding-left: 30px; padding-right: 30px;} .tab-contents-cats-large-disp {padding-top: 10px; padding-left: 15px; padding-right: 30px;} .tab-contents-cats h2 {margin-top:-3px;} .tab-contents-cats-desc {padding-top: 12px; padding-left: 0px;padding-right: 30px;} .tab-contents-cats-desc h2 {margin-top:-3px;} .tab-contents-tabs-able {padding-top: 2px; padding-left: 22px;padding-right: 30px;} .tab-contents-tabs-able-order-guide {padding-top: 20px; padding-left: 30px; padding-right: 30px;padding-bottom:0px;margin-bottom: -34px !important;} #detailsPane > #product-description > div > div > div > div > div {padding-left: 0px;padding-right: 0px;} #detailsPane > #product-description > div > div > div > div > div {padding-left: 0px;padding-right: 0px;} /*Transmitters */ #detailsPane #product-description .custom-buy-product-dialog .tab-contents-tabs-able { padding-left: 0px; padding-right: 0px;} #Specifications > div > div > h2 {font-size:20px;letter-spacing: -0.02em} #Specifications > div > div {padding-left: 0px;padding-right: 0px;} #Applications > div > div {padding-left: 30px;padding-right: 0px;} #TechnicalFAQ > div > div > h2 {font-size:20px;letter-spacing: -0.02em} #TechnicalFAQ > div > div {padding-left: 0px;padding-right: 0px;} #SetupSoftware > div > div > h2 {font-size:20px;letter-spacing: -0.02em} #Mechanical > div > div > h2 {font-size:20px;letter-spacing: -0.02em} .tab-contents-tabs-new-tabs {padding-top: 17px; padding-left: 30px; padding-right: 30px;color:#000;} /*.topline-prod { margin-top: -15px!important;}*/ #products > div > article > div > div.col-sm-9 > div > p { margin-top: -15px!important;} #products > div:nth-child(1) > article > div > div.col-sm-9 > div > p:nth-child(4){margin-top: -15px!important;} /*.product-body {margin-top:-25px;} .product-body > p {margin-top:-25px;}*/ .product-overlay { padding-top: 14px; padding-right: 14px; padding-bottom: -6px!important; padding-left: 14px; } /*#products > div:nth-child(1) > article > div > div.col-sm-9 > div > p:nth-child(4) { margin-top: -20px!important;}*/ article.product-item .buttons {padding-top: 8px; padding-bottom:15px;padding-right:0px;padding-left:0px;} .feature-cont {margin-left:-15px!important;} .main-image-mega-sm2 { margin-top: 46px; margin-bottom: 110px; } .imgspa-3 { margin-top: 46px; margin-bottom: 40px; margin-left: 60px; } .imgspa-4 { margin-top: 40px; margin-bottom: 0; margin-left: -95px; } .italspace1{margin-top: 68px; margin-bottom: 0; margin-left: -59px; font-style: italic;max-width: 122px;} #header-dark header.navbar .navbar-nav { text-transform: uppercase; } #sub-menu > li > a {text-transform:none;} #header-dark header.navbar .navbar-nav>li>a { font-size: .99em; padding: 14px 15px; letter-spacing: -.02em; } #header-dark header.navbar .navbar-nav>li>a>ul { font-size: .95em; } #store-menu>div>ul>li>a {color: #fff;text-transform: uppercase;} /*.container { width: 1250px; }*/ #store-menu>div>ul>li.phonel-adj>a { margin-right: 200px; } .table-well > h2 > a {color:#000;} .table-well > h2 > a:hover {color:#888;} .tbwellimg1 {margin-top:20px;margin-bottom:20px;} .flex-item-2:last-child h3 a { background-color: #edefee; color:#000; width: 100%; padding: 5px; margin: 5px; min-height: 11em;} img-short-lte { width: auto; margin: 5px auto; } .img-lte-2 {margin-bottom:10px;} .same-width, .same-width-var {width: 25%;} .img-lte-3 {margin-top: 20px; margin-bottom:20px;} .img-lte-3b {margin-top: 20px; margin-bottom:40px;} .img-lte-3a {margin-top: 10px; margin-bottom:10px;} .img-lte-4 {margin-top: 30px; margin-bottom:0px;} .img-lte-4a {margin-top: 30px; margin-bottom:30px;} .img-lte-5 {margin-top: 30px;margin-bottom: 30px;} .img-lte-5qls {margin-top: 40px;margin-bottom: 40px;} .img-lte-5L {margin-top: 30px;margin-bottom: 50px;margin-left: 105px;} .img-lte-5R {margin-top: 30px;margin-bottom: 50px;margin-right: 150px;} .img-lte-6 {margin-top: 0px;margin-bottom: 30px;} .img-lte-6-app-img {margin-top: 15px;margin-bottom: 30px;} .img-lte-6b {margin-top: 0px;margin-bottom: 43px;} .img-lte-7 {margin-top: 60px;margin-bottom: 0px;} .img-lte-8 {margin-top: 20px; margin-bottom:0px;} .img-lte-9 {margin-top: 10px; margin-bottom:20px;} .img-lte-10 {padding-bottom: 10px;} .img-lte-11 {margin-top: 30px;margin-bottom: 10px;} .img-lte-11a {margin-top: 60px;margin-bottom: 25px;} .img-lte-12 {margin-top: 20px;margin-bottom: 10px;} .img-lte-13 {margin-top: 30px;margin-bottom: 50px;} .img-lte-14 {padding:10px;} .img-lte-15 {margin-top: 50px;} .img-lte-16 {margin-bottom: 40px;} .img-lte-16a {margin-bottom: 40px;margin-top: 38px;} /*.img-lte-17 {padding: 10px;}*/ .img-lte-17{padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 0px;} .img-lte-17 .productImage {padding-top: 10.3px;padding-bottom:7px;} .img-lte-17 img.productImage { width: 356px;} .img-lte-17-dpm{padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 0px;} .img-lte-17-dpm .productImage {padding-top: 15px;} .img-lte-17-dpm img.productImage { width: 356px;} .img-lte-17-dpm .productImage {padding-bottom: 16px;} .img-lte-18 {margin-top: 10px;margin-bottom: 50px;} .img-lte-18 {margin-top: 10px;margin-bottom: 50px;} .img-prod-1 {padding-bottom: 70px;} .img-prod-2 {padding: 15px;} .marg-alarm {margin-top: 12%;} .divsp1 {margin-bottom:20px;} .divsp2 {margin-bottom:30px;} .divsp2a {margin-bottom:50px;} .divsp3 {margin-top:-5px;} .divsp4 {margin-top:15px;} .divsp5 {margin-top:-10px;} .divsp6 {margin-top:10px;} .divsp7 {margin-top:36px;} .applic1 {padding:10px;} .tbladj {margin-top:4px;margin-left: -1px;} .desc-img-hgt {height:325px;} .desc-img-hgt-x {height:365px;} @media (max-width: 768px) { .divsp3 {margin-top:0px;} .desc-img-hgt {height:100%;} .section-1 {background: linear-gradient(to right, rgba(0, 0, 0, 0.5), #00000080), url(/images/background-3.jpg) no-repeat center center / cover !important;margin-right:-15px;} .flex-item-acces > h3 {font-size:16px;} .section-top {height: 325px!important;} h1.home1 { font-size: 1.6em!important;margin-top:20px;} h2.home2, .home2L { font-size: 1.6em!important;margin-top:20px;padding-top:0px;} div.section-1 > div > div > div.col-adj {margin-bottom:0px;} .section-2 {background: linear-gradient(to right, transparent, #022039), url(/images/background-section-technology.jpg) no-repeat center center / cover !important;} .section h2 {padding-top: 26px !important; padding-bottom: 8px !important;} .section-3 {background: linear-gradient(transparent, #FFFFFA), url(/images/background-section-oil-gar-chemical.jpg) no-repeat center center / cover;} } .hsp1 {padding-bottom:9px;} .half { width: 50%;} .spacemidtext {margin-left:67px;} .table > tbody > tr > td {font-weight:400;color:#777777;} .lte-mrg-frn {width: 98%; margin: 5px auto;} .same-width-lteN {width: 30%; padding-bottom: 10px;} .imgadjustment .productImage {padding-top: 30px;padding-bottom: 8px;} .extendselect .options-custom-col { width: 100%;} article.product-item .product-permalink {z-index:10;} article.product-item .product-overlay .product-mask {z-index:10;} .calign{text-align:center;} .vk-same-width{ width: 30%;} .wdt-half { width: 50%} .same-width-dp {width: 25%;} .wdt-half {width: 50%;} .vk-same-width {width: 30%;} .im-sp { clear: right;padding-left: 30px;margin-right: 35px;} .tbl-loadc {width: 40%;} .span-padding1 {max-width:98%;} .c-mrg-1 {max-width:70%; margin: auto;} #categories > div > article > div > div > div > h3 > a {margin-bottom:0px;} /*#categories > div > article > div > div.col-sm-3 > div > img {padding-top:20px;width:134px;}*/ #categories > div > article > div > div.col-sm-3 > div > img {padding-top:3px;width:350px;} #categories > div > article > div > div.col-sm-9 > div > p {margin-top:-18px;padding-bottom:5px;color:#000000!important;font-size:15px;} #page-wrapper > div.container > div > div > div > div > div > div > div.desc-adjuster1{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);} #page-wrapper > div.container > div > div > div > div > div > div > div.desc-adjuster1 {background-color:#fff;padding-bottom:5px;} #page-wrapper > div.container > div > div > div > div > div > div > div > div.m-t {margin-top: 26px!important;} .desc-adjuster2 {margin-top:20px;} .comp-adj{border-top: solid;border-color:#f5f5f5;} article.product-item {margin-bottom:20px;} article.category-item {margin-bottom: 25px;} .grid-adjuster1 {margin-top: -20px;} .grid-search-ajust1 > form > div {display:none;} /*.adjuster2 {margin-top:40px;}*/ /* for cat pages with direct product linking */ .prod-space-adjustment img {padding:10px;} .prod-space-adjustment2 .price {margin-top:10px;margin-bottom:10px;} .ovtable-bordered { max-width:66%;margin-bottom:20px;} .fontadj {font-size:16px;color: #000;} /*.catwidgetshadow {background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}*/ .catwidgetshadow {background-color: #FFFFFF; box-shadow: 0 0 0 0;} #products.grid article.product-item .product-body {line-height:20px;} .qlsadj {margin-top:-8px; margin-bottom:36px;} .qlsadj .productImage {width:104px;margin-left: 254px; } #section { width: 500px; height: 400px; word-wrap: break-word; } .moretext { display: none; } /*.cdt {display: flex; justify-content: center; align-items: center; height: 18vh; margin: 0;} .cdt-container { width: 60%; margin: 10px;} .tb-cdt {text-align:right;} .tb-cdt1 {text-align:left;}*/ table.tablewid {width:75%;border:none;margin-bottom: 20px;padding:10px;} .tbb{vertical-align:top!important;font-weight:bold!important;padding-right: 5px;} div.catboxh article{ height: 91.6px !important; } div.catboxh2 article{ height: 91.6px !important; } div.catboxh3 article{ height: 99px !important; } /*.newprod-overlay .product-overlay{padding: 10px!important;}*/ .nr {white-space: nowrap;} #page-wrapper > div.container > div > div > div > div > div > div > div.widget-wrapper.remove-search-bar > form {display:none;} .components-content-multi-cat-head{ margin-bottom: 19px; padding-top: 0px; padding-left: 22px; padding-bottom: 0.5px; /*background-color: #8888886e;*/ background-color:#fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); color:#000!important; text-align:left; margin-top: 10px; } .components-content-multi-cat-head h2 {font-size:24px;margin-bottom:2px;padding-top:0px;} .sf-menu ul { font-size: 14px; } .components-content-multi-cat-head-mainheading { margin-bottom: 18px; padding-top: 4px; padding-left: 22px; padding-bottom: 9px; background-color: #777; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); color:#fff!important; } .h1adj1 {padding-top: 10px; margin-bottom: -25px; font-size: 22px!important; text-align:center; } .lowermargin {margin-bottom: -6px!important;} .marg1{padding-bottom: 17px;} .bmargin-fix {margin-bottom:0px;} .main-title-bar { margin-top: 24px;} .main-title-bar {margin-top: 18px;} .h2toh1 { margin-top: 0; font-size: 24px!important; font-weight: 600; Font-family: 'Source Sans Pro', Arial!important; color: #000000; letter-spacing: -0.00em; margin-bottom: 10px; } .components-content-bottom-footer {padding-left: 20px; padding-right:20px; padding-top:4px; padding-bottom:4px; background-color: white;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);} #page-wrapper > div.container > div > div > div > div > div > div > div:nth-child(1) > div > div > div > div { margin-bottom: 0px; } /*.components-content-multi-cat-head2 { margin-bottom: 18px; padding-top: 14px; padding-left: 22px; padding-bottom: 4px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top:20px; }*/ #page-wrapper > div.container > div > div > div > div > div > div > div.widget-wrapper.prod-space-adjustment2 > form > div {display:none;} /*#page-wrapper > div.container > div > div > div > div > div > div > div.widget-wrapper.spacing-desc-above-readmore2 > div > div > div > div > div > div { margin-bottom: 9px!important;} */ .accessories-qickview-grid .grid { margin-top:20px; } #products.accessories-qickview-grid { margin-bottom: 0; } #products.accessories-qickview-grid article.product-item { border: 1px solid #e5e5e5; max-height: 380px; } .cart-row .cart-col-center h4 { text-align: center; } #shipping-estimate-results-container { margin-top: 5px; } .custom-tooltip { display: none; position: absolute; padding: 0.5rem; background-color: #333; color: #fff; border-radius: 0.2rem; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2); z-index: 1000; white-space: normal; } .custom-tooltip::before { content: ''; position: absolute; top: -5px; left: 50%; margin-left: -10px; border-width: 0 10px 10px 10px; border-style: solid; border-color: transparent transparent #333 transparent; } #sub-menu > li > a {color:#000;} #sub-menu > li > a:hover {color:#206BA8;} #kit-components-panel .sidebar .widget .widget-body { border: 2px solid #D0D0D0; border-top: 0; } #kit-components-panel .sidebar .widget h3 {background-color:#fff;} #kit-components-panel .sidebar .widget h3 a {padding-left:6px; color:#888888;border: 2px solid #D0D0D0;} #kit-components-panel .sidebar .widget h3 a:hover {padding-left:6px; color: rgb(32,107,168);border: 2px solid #D0D0D0;} #kit-components-panel .sidebar .widget h3 a::after { content: ""; float: right; width: 32px; height: 32px; background-image: url(/Themes/Laurels/Content/images/angle-down.png); background-size: contain; background-repeat: no-repeat; margin-left: 5px; } #kit-components-panel .sidebar .widget h3 a.open::after { content: ""; background-image: url(/Themes/Laurels/Content/images/angle-up.png); height: 32px; width: 24px; float: right; /*margin-top: 5px; margin-right: 5px;*/ background-size: contain; background-repeat: no-repeat; } #kit-components-panel > aside > div {box-shadow: 0 0px 0px 0 rgba(0,0,0,0);} /* adjust margin below the price for large digit displays */ div.price-spacing > div > #buy-product-dialog-form > span > span > div {margin-bottom:10px;margin-top:21px} div.hidechild > div > div > div:nth-child(1) {display:none;} .hidetransmitter #categories > div:nth-child(1) {display:none;} header.navbar.navbar-small .navbar-collapse { transition: all 0.5s ease-in; } .navbar-small .navbar-collapse .navbar-right { padding-top: 15px; } #basket-form > div.row > div > div > button { /*background-color: #888888;*/ color: #FFFFFF;} #basket-form > div.row > div > div > button:hover { background-color: #999999; color: #FFFFFF;} #basket-form > div.row > div > div > div > a { background-color: #206BA8; color: #FFFFFF;font-family: arial;} #basket-form > div.row > div > div > div > a:hover { background-color: #999999; color:#FFFFFF;font-family: arial;} #basket-form > div.products-order.shopping-cart > button {font-family:'Source Sans Pro', Arial;} #basket-form > div.products-order.shopping-cart > div > div > h4 > a {color: #555555;} #basket-form > div.products-order.shopping-cart > div > div > h4 > a:hover {color: #206BA8;} .account-content h4 {margin: 0 0 10px; font-size: 16px; color: #666666; font-weight: 600;}.cart-col #buy-product-quantity-box.quantity {padding-bottom: 4px; margin-left:12px !important; } #collapse-12 > div.widget-body > div > .checkbox{width: 330.5px;} #collapse-12 {width:353px;} @media (max-width: 480px) { #collapse-12 > div.widget-body > div > .checkbox{width: 306px;} #collapse-12 {width:315px;} div.table-orderguide .configured-sku, .configured-price {width: 154px!important;} table.tbl-ord-blk {width: 100%;} } @media (max-width: 780px) { .fa-envelope, .fa-phone {display:none;} span.cert-icon {display:none !important;} } /* shopping cart colors */ .cart-head .cart-row { background-color: #616161; } /*.cart-row {margin-right: 2px;}*/ /* product finder hide brands */ #widget-product-finder-collapse > div > h4:nth-child(2) {display:none;} #widget-product-finder-collapse > div > div:nth-child(3) > ul {display:none;} .account-content ul.order-total span.total {color: #000000;margin-right: 21px;font-family:arial;} .account-content ul.order-total li {color: #000; font-weight: bold;font-family:arial;} #basket-form > div.products-order.shopping-cart > div.cart-head.hidden-xs > div > div.col-xs-7.col-sm-2.cart-col {width: 15.36666667%;} #basket-form > div.products-order.shopping-cart > div.cart-head.hidden-xs > div > div.col-xs-12.col-sm-2.cart-col.first {width: 17.96666667%;} #basket-form > div.products-order.shopping-cart > div > div.col-xs-12.col-sm-1.cart-col.cart-col-center > h4 > span {color:#000;} #basket-form > div.products-order.shopping-cart > div > div.col-xs-5.col-sm-1.cart-col.cart-col-center > h4 > span {color:#000;} #basket-form > div.products-order.shopping-cart > div > div.col-xs-12.col-sm-1.cart-col.cart-col-center{width:11%;} #basket-form > div.products-order.shopping-cart > div.cart-head.hidden-xs > div > div.col-xs-12.col-sm-1.cart-col.no-border {width:11%;} #basket-form > div.products-order.shopping-cart > div.cart-head.hidden-xs > div > div.col-xs-5.col-sm-1.cart-col {width:10.5%;} #basket-form > div.products-order.shopping-cart > div > div.col-xs-5.col-sm-1.cart-col.cart-col-center {width:10.5%;} #buy-product-dialog-form > div > div.col-lg-6.col-md-6.col-sm-12 > div > a {text-transform: capitalize; color: rgb(119,119,119);} #buy-product-dialog-form > div > div.col-lg-6.col-md-6.col-sm-12 > div > a:hover {text-transform: capitalize; color: rgb(32,107,168);} #buy-product-dialog-form > div > div > div > a {text-transform: capitalize; color: rgb(119,119,119);} #buy-product-dialog-form > div > div > div > a:hover {text-transform: capitalize; color: rgb(32,107,168);} h2.sitemap0 {margin-left:15px;} h2.sitemap {font-size:16px;font-weight:700;margin-left:15px;} h2.sitemap2 {font-size:16px;font-weight:700;margin-left:0px;} .btn-primary, a.btn-primary {font-family: 'Source Sans Pro';font-size:15px;} .btn-addtocart .btn, .basket-notify-wrapper .btn { font-family: 'Source Sans Pro';font-size:15px!important;} #basket-form > div.row > div > div > div > a {font-family: arial;font-size:15px;} #basket-form > div.row > div > div > button {font-size:15px; font-family: arial,'Source Sans Pro';} /*div.components-content2 > h1 > span {margin-top: -20px !important;}*/ #products.grid article.product-item .price span, #products.grid article.product-item .price del+ins, .baseprice, .specialprice { font-size: 18px;font-weight:700;line-height:26px; } div.modal-body #products.grid article.product-item .product-body { padding-left: 22px; padding-right: 22px; } div.modal-body #products.grid article.product-item .product-body span.price { position: absolute; bottom: 54px; left: 50%; transform: translateX(-50%); } div.modal-body #products.grid article.product-item .product-body div.buttons { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } div.modal-body #products.grid article.product-item .product-body p p { margin:0; } /* below is with the sku on the 3rd line */ /*div.modal-body #products.grid article.product-item .product-body { line-height: 20px; position: absolute; width: 100%; overflow: hidden; } div.modal-body #products.grid article.product-item .product-body p { position: absolute; width: 92%; padding-top: 18px; padding-right: 3px } div.modal-body #products.grid article.product-item .product-body div.sku { position: absolute; width: 92%; padding-top: 47px; padding-right: 6px } div.modal-body #products.grid article.product-item .product-body span.price { position: relative; margin-top: 87px; text-align:center; }*/ .cart-head .cart-col.item { border-left: 0px solid #fff; } img.cartimg { width: 90%; /* Adjust the width as needed */ height: auto; /* Maintain aspect ratio */ } /* Power Symbol */ .power-container { position: absolute; z-index:9999; padding-left:5px; padding-top:5px; } .power-hover-image { position: absolute; top: 0; left: 0; padding-left:5px; padding-top:5px; /* width: 25px; height: 25px;*/ display: none; } .power-container:hover .power-hover-image { display: block; } @media only screen and (max-width: 767px) { .power-container {position: absolute; z-index:9999;margin-top:-50px;} #header-dark #store-menu {z-index: 999;margin-top: -69px;margin-bottom: 0px;} .table-well-high {margin: 0px 0px; width: auto;} #page-wrapper>div>div>div>div>div>div {min-height: 7px;} h2.sitemap0 {margin-left: 12px;} .content h2 { font-size: 18px;} #header-dark header.navbar .navbar-collapse {margin: 0 0px;} header.navbar .megamenu .dropdown-menu li ul {padding: 0px 13px 10px;} .navbar-nav {margin: 60px 0px;} .flex-item-pro { width: 44%;} div.flex-item-pro > a > img{max-width: 70%; max-height: 70%; display: block; margin-right: auto; margin-left: auto;} .flex-item-xl, .flex-item-xxl {width: 44%;} .flex-item-xl > a > img {max-width: 70%; max-height: 70%; display: block; margin-right: auto; margin-left: auto;} img.tbwellimg1 {max-width: 90%; max-height: 90%;} article.category-item h3 {margin-top: 25px!important; height: 24px;} #categories > div > article.p-t-md {height: 52px; overflow:none;} } /* new footer colors */ .footer-widget h4 { color: rgba(255, 255, 255, 0.9); } .footer-widget-contacts ul li i { color: rgba(255, 255, 255, 0.9); } footer.navbar a { color: rgba(255, 255, 255, 0.9); } footer.navbar a:hover { color: rgb(105, 185, 255); } footer.navbar { background-color: #0b1420; } .footer-widget-contacts ul li.social i { color: rgba(255, 255, 255, 0.9); border-color:rgba(255, 255, 255, 0.9); } .footer-widget-contacts ul li i { color: rgba(255, 255, 255, 0.9); border: 2px solid rgba(255, 255, 255, 0.9); } .footer-widget-contacts ul li i:hover { color: rgb(105, 185, 255); border: 2px solid rgb(105, 185, 255); } .footer-widget-contacts ul li.social i a:hover { color: rgb(105, 185, 255); border-color: rgb(105, 185, 255); } .footer-widget-contacts ul li.social a:hover i {color: rgb(105, 185, 255); border-color: rgb(105, 185, 255);} /* new header colors 4-02-2024 */ .new-header-color{ background-color: #193c69!important; height: 96px; border-color: #193c69!important; transition: height .3s ease-in; } div.new-header-color-menu > div > header#store-menu{background-color:#193c69!important;} div.new-header-color-menu > div > header#store-menu > div > ul > li.navbar-cart.hidden-xs > a > span > i > .p1[data-count]:after { background: #206BA8; } /* shink the buy dialog box */ /*#page-wrapper > div.container > div > div > div > article > div > div.column.col-md-4.col-xs-6.col-sm-6 {width: 32.333333%;}*/ #restart:before { content: ' '; clear: right; display: block;} @media print { #products.grid article.product-item{overflow:hidden!important; height:285px!important;} #restart:before {clear: none; display: inline ;} .col-md-3 {padding: 0px;} .buttons {padding-top: 0px;padding-bottom: 0px; padding-right: 0; padding-left: 0; display:none;} .page-break {page-break-before: always;clear: both;} #products.grid article.product-item .product-body {padding: 0 20px !important;} article.product-item .product-overlay { padding-top: 0px;} .prod-space-adjustment2 .price { margin-top:0px!important;margin-bottom:0px;} article.product-item .product-overlay .product-mask {z-index: 0;} /*.product-mask { background-color: #fff0!important;}*/ .product-mask { background-color: rgba(255, 255, 255, 0)!important;} .price, ul.list-unstyled.product-info { margin: 0px 0;} .price, ul.list-unstyled.product-info {display: inline-block;margin: 0px 0 ;} #buy-product-dialog-form > div.row, #buy-product-dialog-form > div:nth-child(22) > div, #buy-product-dialog-form > div:nth-child(23) > div,#buy-product-dialog-form > div:nth-child(21) > div {display:none;} .pb {page-break-before: always;} .pb2 {page-break-before: always; margin-top:20px;} .section-5 {page-break-before: always;} .product-overlay {padding-top:4px; padding-bottom:4px;} article.product-item { margin-bottom: 0px;} #product-description > div > div > div > div > div > div:nth-child(1) > div.col-sm-12.col-xs-12.col-lg-6.div2 > h2 {margin-top:20px;} .table-orderguide {page-break-before: always;margin-top:20px;} .table-orderguide .table-bordered {border: 1px solid #000000;} .table-orderguide #grid td {border: 1px solid #000000!important;} div.table-orderguide > #grid > thead > tr {border-right: 1px solid #000!important; border-top: 1px solid #000!important; border-left: 1px solid #000!important;border-bottom: 0px solid #000!important;} #grid > thead > tr > th { font-size: 14px!important;} .base-item-header .h3orderguide { font-size: 14px!important;} #grid > tbody > tr:nth-child(1) > td.text-right.base-item-header > strong { font-size: 14px!important;} .configured-sku {white-space:nowrap;} #buy-product-dialog-form > ul.product-info {margin-right: 110px;} #scrolltop > i {display:none;} #grid > tbody > tr > td > div { line-height: 0.50;font-size: 95%;} .cat-prnt1 article.product-item {margin-bottom:0px!important;} .cat-prnt1 img {padding: 0px!important; height: 114px;} div.catboxh3 article {height: 130px !important;} div.catboxh3 article a {font-size: 14px;} div.catboxh3 .col-md-4 {padding-left:5px; padding-right:5px;} div.catboxh article {height: 102px !important;} } /* Media query for screens with a maximum width of 768px */ @media screen and (max-width: 768px) { #products.accessories-qickview-grid article.product-item { max-height: 375px;} } /* Media query for screens with a minimum width of 2048px */ @media screen and (min-width: 2048px) { #products.accessories-qickview-grid article.product-item { max-height: 326px!important;} div.modal-body #products.grid article.product-item .product-body span.price {position: absolute; bottom: 36px; left: 50%;transform: translateX(-50%);} div.modal-body #products.grid article.product-item .product-body div.buttons { position: absolute; bottom: 0px;left: 50%; transform: translateX(-50%);} } @media screen and (max-width: 1920px) { #products.accessories-qickview-grid article.product-item { max-height: 310px!important;} div.modal-body #products.grid article.product-item .product-body span.price {position: absolute; bottom: 38px; left: 50%;transform: translateX(-50%);} div.modal-body #products.grid article.product-item .product-body div.buttons { position: absolute; bottom: 2px;left: 50%; transform: translateX(-50%);} } /* Default styles */ /* Styles for screens smaller than 768px (phones) */ @media screen and (max-width: 767px) { /* Add your styles for small screens here */ } /* Styles for screens between 768px and 991px (tablets) */ @media screen and (min-width: 768px) and (max-width: 991px) { /* Add your styles for medium-sized screens here */ } /* Styles for screens between 992px and 1199px (small desktops) */ @media screen and (min-width: 992px) and (max-width: 1199px) { /* Add your styles for large-sized screens here */ } /* Styles for screens larger than 1200px (large desktops) */ @media screen and (min-width: 1200px) { #products.accessories-qickview-grid article.product-item { max-height: 375px;} } /* DPR 1.25 */ @media only screen and (min-resolution: 120dpi) and (max-resolution: 130dpi) { } @media screen and (min-width: 1920px) and (min-height: 1440px) { #products.accessories-qickview-grid article.product-item { border: 1px solid #e5e5e5; max-height: 310px!important;} div.modal-body #products.grid article.product-item .product-body span.price {position: absolute; bottom: 38px; left: 50%; transform: translateX(-50%);} div.modal-body #products.grid article.product-item .product-body div.buttons {position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);} } @media screen and (min-width: 2048px) and (min-height: 1152px){ #products.accessories-qickview-grid article.product-item {border: 1px solid #e5e5e5;max-height: 310px!important;} div.modal-body #products.grid article.product-item .product-body span.price {position: absolute; bottom: 38px; left: 50%; transform: translateX(-50%);} div.modal-body #products.grid article.product-item .product-body div.buttons {position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);} } @media only screen and (max-width: 767px) { .navbar-nav { margin: 0; } } #page-wrapper > div.container > div > div > div > div > div > div > div.widget-wrapper.prod-space-adjustment2 > div.m-t > #categories > div:nth-child(1) {display:none;} /* removed this for the load cell */ /*div.widget-wrapper > div.m-t > #categories > div:nth-child(1) {display:none;}*/ .widget-wrapper.remove-first-item .row.grid > div:nth-child(1) { display: none; } #header-dark header.navbar .navbar-nav>li>a { padding: 14px 8.5px; letter-spacing: 0.0245em; font-family: 'Public Sans'; font-size: .915em!important; font-weight: 500!important; color:#fff!important; padding-right: .6em; } @media only screen and (max-width: 1662px) { #header-dark header.navbar .navbar-nav>li>a { padding: 14px 9.5px; } } #header-dark header.navbar .navbar-nav { padding-top: 8px; } .footer-widget h4 { font-size: 17px; letter-spacing: 0; font-weight: 400; font-family: 'Public Sans','Source Sans Pro', arial; } #header-dark header.navbar .navbar-collapse { margin-left: 6px !important; } #store-menu > div > ul > li:nth-child(1) {margin-top:2px;} #store-menu > div > ul > li:nth-child(2) {margin-top:2px;} #store-menu > div > ul > li:nth-child(3) {margin-top:2px;} #store-menu > div > ul { font-family: 'Public Sans'; font-weight: 500!important; font-size: .950em!important; letter-spacing: .0245em; } header.navbar .navbar-nav>li>a { font-weight: 500!important; font-size: .915em!important; letter-spacing: .0245em; } #store-menu>div>ul>li.phonel-adj>a { letter-spacing: .0245em; font-family: 'Public Sans'; font-size: 1em!important; font-weight: 500; } #store-menu>div>ul>li>a { letter-spacing: .0245em; font-family: 'Public Sans'; font-size: .935em!important; font-weight: 500!important; } .footer-widget a { font-family: public sans; font-size:15px!important; } .footer-bottom {padding-top: 10px;} .footer-bottom p.copyright { font-family: 'Public Sans'; font-size: 14px; margin-top:10px; } .navbar-search .fa-search{font-size: 1.15em!important;} .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 } .material-symbols-outlined { line-height:0!important; } .material-symbols-outlined { line-height:0!important; } .sp1a {vertical-align:middle; position: absolute; margin-top: 6px;margin-left: -10px;} header.navbar .navbar-nav > li.navbar-search {width: 35px;} .breadcrumb > li > a { color: #000000; } .breadcrumb-productname {color: #000000;} .centermenubar { font-size: 15px!important;} /*.icon-adj {padding-top:10px;}*/ .components-content-multi-cat-head {box-shadow: 0 0 0 0 ;} article.product-item { box-shadow: 0 0 0 0; } .components-content-bottom-footer { box-shadow: 0 0 0 0; } .marg1 { margin-left: 0px; margin-right: 0px; } /* rollover boxes on home page */ .container-rollover { position: relative; width:150%; } @media screen and (max-width: 768px) { .container-rollover { position: relative; width: 1px; } } .image-container-rollover { position: relative; width:100%; } .image-container-rollover img { display: block; width: 100%; height: auto; } .image-container-rollover .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */ transition: opacity 0.3s ease; } .image-container-rollover:hover .overlay { opacity: 0; /* Make the overlay transparent on hover */ } .image-container-rollover h3 { position: absolute; font-size:180%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff!important; text-align: center; margin: 0; opacity: 1; /* Ensure h3 is visible */ width: 100%; } .breakout { margin:1em -100%; /* old browsers fallback */ margin:1em calc(69% - 50vw); } .breakout2 { margin:0em -100%; /* old browsers fallback */ margin:0em calc(50% - 50vw); } /* .image-wrapper-rollover h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: 0; color: white; text-align: center; opacity: 1; transition: opacity 0.3s ease; width:100%; font-size:30px; } .image-rollover::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease-in-out; } .image-rollover:hover::before { background-color: transparent; } .image-container-rollover { display: flex; justify-content: space-between; width: 145%; max-width: 100vw; overflow-x: auto; scroll-snap-type: x mandatory; } .image-wrapper-rollover { position: relative; margin: 0; padding: 0; width: calc(25% - 20px); overflow: hidden; scroll-snap-align: start; } .image-wrapper-rollover img { width: 100%; display: block; transition: filter 0.3s ease; } .image-wrapper-rollover:hover img { filter: grayscale(0); } .image-container-rollover:hover img { filter: brightness(70%); } .breakout { margin:1em -100%; margin:1em calc(69% - 50vw); } */ .p1[data-count]:after { right: 12px; } .components-content-bottom-footer { display: none; } .pagefix {margin-bottom:30px;} .container-home-page .container-fluid { padding-left:0px; padding-right:0px; } #page-wrapper > div.container-fluid.container-no-padding.container-home-page > div > div > div > div:nth-child(1) > div {padding-right:0px;padding-left:0px;} .product-listing-container { padding: 0 15px; } .lower-divider { width: 100%; height: 100px; background-color: black; display: flex; justify-content: center; align-items: center; margin-bottom: 25px; } .lower-divider h2 { color: white; text-transform: uppercase; font-size:200%; margin-top: 10px; } #product-description > div > div > div > div > div > div > div.col-sm-12.col-xs-12.col-lg-6.div2 > ul > li::marker { color:#000000;} #SetupSoftware strong { color:#000000;} #SetupSoftware a strong { color:#206BA8;} /*.tabs.product-tabs .tab-content #SetupSoftware {padding: 20px 0px 14px 0px;}*/ #product-description strong { color:#000000;} #product-description a strong { color:#206BA8;} .centered-image-container { background-color: white; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); width: 260px; display: flex; flex-direction: column; align-items: center; } .centered-image-container img { max-width: 100%; height: auto; } .image-text1 { text-align: center; color:#555; margin-top: -7px; font-size:16px; font-weight:600; margin-bottom: 16px; } .image-text1 a {color:#000000;} .image-text1 a:hover {color:#206BA8;} #page-wrapper div.widget-wrapper.components-content3 h1 {font-size:22px;margin-top:8px;margin-left: -6px !important;} .first b {color:#000;} .text-left b {color:#000;} #product-description b {color:#000;} header.navbar-default { height: 104px; } #header-dark #store-menu { margin-top: -6px; } #header-dark header.navbar .navbar-nav>li>a { padding-top: 12px; } .tabs.product-tabs .nav-tabs>li { background-color: #fff; } .tabs .nav-tabs > li > a {font-weight:600;} header.navbar .navbar-nav > li > a i.fa-caret-down {color: #ffffff;} .tabs .tab-content p {color:#000;} .tab-content ul li {color: #000!important;} .table > tbody > tr > td { color: #000; } .small-txt { color: #000; } #product-description {color:#000;} .down-gap h3 {color:#000;} .h3tonormal {font-size:18px!important; font-weight:bold!important; line-height:23px;color:#000;} .h4tonormal {font-size:18px!important; font-weight:bold!important; line-height:23px;color:#000;} .h2tonormal {font-size:18px!important; font-weight:bold!important; line-height:23px;color:#000;display: inline;} .ulsp {margin-top:5px;} .tableadjusterspecs {margin-bottom:-2px;} #product-description th { color: #FFFFFF; border-width: 2px; border-color: #206BA8; border-top-width: 3px; padding:6px; } #Specifications th { color: #FFFFFF; border-width: 2px; border-color: #206BA8; border-top-width: 3px; padding:6px; } /*.productImage { margin-left: 185px; } #ProductImageUrl { display: flex; justify-content: center; }*/ @media print { .productImage { margin-left: 0px;} .product-single ul.additional-images { margin-left: -70px;} .transmitter-img-adjust > div > div > a > img {margin-left: 100px!important;} .benchtop-img-adjust > div > div > a > img{margin-top: 10px;margin-bottom: 50px; margin-left: 0px!important;} .power-container {display:none;} } .asteric-adj {margin-right:5px;} .transmitter-img-adjust > div > div > a > img {margin-left: 290px;padding-top:27px!important;} .transmitter-img-adjust .productImage {width:130px;} .benchtop-img-adjust > div > div > a > img{margin-top: 10px;margin-bottom: 50px; margin-left: 42px;} .reduce {width: auto;margin: 5px auto;} .custom-curve-adj {margin-top:40px!important;} .r-flo-adj {float: right; margin-right:149px;margin-left:10px;} #header-dark header.navbar .navbar-nav > li > a { padding-bottom: 8px; padding-top: 10px;} .search-component {background-color: #FFFFFF; border: 2px solid #D0D0D0; border-bottom:0;} #widget-product-finder-collapse, .comp-adj .products-per-page .products-header {border: 2px solid #D0D0D0; border-top:0 !important;} h2.sub-head-product {color:#000000; font-weight:normal;font-size:16px;line-height:23px;} #page-wrapper > div.container > div > div > div > article {margin-top:3px;} #product-description > div > div > div > div > div > div:nth-child(1) > div.col-sm-12.col-xs-12.col-lg-6.div2 > ul { margin-left: -10px!important; width: 106%!important; } .product-carousel-wrapper #ProductImageUrl .productImage { display:inline-block;} .product-carousel-wrapper .product-carousel { margin: 0 auto; text-align: center; } .navbar-collapse {padding-left: 0px!important;padding-right:0px!important;} .h-extender {width:110%;} .h-break {text-overflow: ellipsis;width: 92%;} .dpm-bottom-adj {margin-top:45px;margin-bottom:45px;} #product-description div.set ul {margin-left: -25px;} .rd-btn {padding-left:20px!important;} #product-description .gray-bg .table-hd{color:#ffffff!important;} .gray-bg cnt-tbl calign{color:#ffffff!important;} h4.m-l {font-size:20px;font-family:'Source Sans Pro', arial; font-weight:600; line-height:22px;color:#000;margin-top:0px;} #widget-product-finder-collapse > div > h4 {font-size:20px;font-family:'Source Sans Pro', arial; font-weight:600;line-height:22px;color:#000; } div.components-content.search-component > div > div.col-xs-6.text-right {display: flex; justify-content: space-between; align-items: center; margin-top: -8px;} div.components-content.search-component h4.m-l { text-align: left; width: 320px; padding-right: 10px;} div.components-content.search-component > div > div.col-xs-6.text-right > div.pull-right{ margin-bottom: -14px!important;} div.components-content.search-component > div > div.col-xs-6.text-right > div.pull-left {margin-bottom:-14px!important;} .readmore-row { display: inline; } .moreoutputtext { display: none; transition: opacity 0.3s ease-in-out; } .read, .readLess { color: #039; cursor: pointer; text-decoration: none; } .moreoutputtext.show { display: inline; opacity: 1; } .moreoutputtext.hide { opacity: 0; } .table-products .item-sku {color:#444;font-weight:bold;} .configured-sku, .configured-price { font-size:22px; font-weight:bold;color:#000; } .table-orderguide .table-products span { color:#000; } .fixed-width-bcrumb {max-width:1140px;margin:auto;} .fixed-width-section {max-width:1140px;margin:auto;} #orderguide-quickview .modal-header {border-bottom: 1px solid #e5e5e5 !important; padding:15px !important;margin-bottom:15px;} #orderguide-quickview .modal-header a {float:right;margin-right:15px;background-color: #fff;color: #555;font-size: 25px;border-color: #fff;margin-top: -7px;} #orderguide-quickview .modal-header h4 {font-size:24px; font-weight:bold;color:#000;} #orderguide-quickview .modal-header .close {padding: 0 !important;margin: 0 !important;} #orderguide-quickview .modal-header a:hover {color:#919191;} .fa-solid {font-weight: 900;} @media print { .no-print {display: none;} .price, ul.list-unstyled.product-info {margin-top: 20px;} #categories.grid article.category-item > .row > div { width: 92%; } /*.category-item .category-item-display {height:300px!important;}*/ #categories > div > article > div > div.col-sm-3 > div > img {width: 225px;overflow:hidden;} #categories > div > article > div > div.col-sm-3 > div ::-webkit-scrollbar { width: 0 !important } .category-item.category-item-display.p-t-md::-webkit-scrollbar { display: none; } #descTab, #detailsTab, #tab-head{display: none;} .product-single ul.additional-images {display: none;} div.col-sm-12.col-xs-12.col-lg-6.div1 > img {width:49%; /*display: none;*/} div.col-sm-12.col-xs-12.col-lg-6.div1 > img {width:49%; /*display: none;*/} .cert-image-container-desc-tab {margin-top:0px;} .cert-image-container-desc-tab { margin-top: 0px;} .read1 {display: none;} /* .divsp4 {page-break-before: always;}*/ } #buy-product-dialog-form>div>div>div>a {color:#000;} div.table-orderguide> #grid > thead > tr { border-right: 2px solid #206BA8; border-top: 2px solid #206BA8; border-left: 3px solid #206ba8; } #grid > thead > tr > th {border-width: 2px; border-color: #206ba8;border-top-width: 3px;} #grid > tbody > tr:nth-child(1) > td:nth-child(1) { border-color: #f0f0f0;border-top-width: 0px;border-right-width:0px!important;} /*#grid > tbody > tr:nth-child(1) > td:nth-child(2) { border-color: #f0f0f0;border-top-width: 0px;border-left-width:0px!important;border-right-width:0px!important;}*/ /*#grid > tbody > tr:nth-child(1) > td:nth-child(3) { border-color: #f0f0f0;border-top-width: 0px;border-left-width:0px!important;}*/ #grid > tbody > tr:nth-child(1) > td.text-right.base-item-header > strong {font-weight:600;} #grid .configuredsku #shipping-estimate-modal-container .modal-quickview .modal-dialog { width:600px; } .h4tonormal {font-size:18px!important; font-weight:bold!important;font-family:'Source Sans Pro', Arial; line-height:23px;color:#000!important;} /* hidden text in more-information - less information for SEO */ .readmore-row1 h3 {font-weight:bold!important;font-family:'Source Sans Pro', Arial; line-height:23px;color:#000!important;} .readmore-row1 h4, h5 {font-size:18px!important; font-weight:bold!important;font-family:'Source Sans Pro', Arial; line-height:23px;color:#000!important;} .readmore-row1 h5 {font-size:16px!important; font-weight:bold!important;font-family:'Source Sans Pro', Arial; line-height:23px;color:#000!important;} .readmore-row1 p {font-size:16px!important;font-family:'Source Sans Pro', Arial; color:#000!important;} #grid td {padding-top:1px;padding-bottom:1px;} #grid > tbody > tr:nth-child(1) > td {padding-top:8px;padding-bottom:6px;} #product-description > div > div > div > div > div > table.table.table-bordered.conden.small-txt.tableadjusterspecs > tbody > tr:nth-child(1){ color: #fff!important; background-color: #206ba8;} #orderguide-checkout-container::before {content: ""; display: block;height: 140px;margin-top: -140px; visibility: hidden;} .table-orderguide #grid td { border-color: #ccc !important; } td.col-option-header {border-bottom:0 !important; background:#f0f0f0; width:20%; vertical-align:top !important;text-wrap-mode:nowrap;} td.col-option-empty-header {border:0 !important; border-right:2px solid #ccc !important; background:#f0f0f0;border-left: 2px solid #ccc !important;} td.col-option {border-bottom:0 !important;} td.col-option-empty {border:0 !important; border-right:2px solid #ccc !important;} td.base-item-header {background:#f0f0f0;border-left: 2px solid #ccc !important;border-right: 2px solid #ccc !important;} .odd-options:last-child {width:100%;} .orderguide-button .btn-default { color: #000; border-color: #999; font-weight: 600; width: 91%; padding:7px 10px 6px 10px;margin-top:7px;} .orderguide-button .btn-default:hover { color: #206ba8; } .orderguide-button {float: left; width: 46%; text-align: right; margin-top: 19px;display: flex; justify-content: flex-end;} .pad-adj .form-group {margin-bottom: 14px;} .pad-adj .options-custom-col {margin-top:-5px;} .pad-adj .btn-primary{font-size: 13px;padding: 7px 12px 7px 12px;width: 158px;margin-left: 4px;margin-top: 4px;} .radio1 label {font-weight:400; color:#000;} .h3orderguide {margin-top:6px!important;margin-bottom:8px!important;} div.table-orderguide .configured-sku, .configured-price{font-weight:600; font-size:17px; width:210px} #Applications {color:#000;} #grid > thead > tr > th {font-size:18px} div.abt-wdt-1.text-center ul {margin-left: -99px;} #moreoutput1 > ol > li > ul > li {list-style-type: disc;} .cart-row img.img-responsive {max-height: 120px;width: auto;} article.category-item .category-quickview {position: absolute;width: 100%;top: 50%;left: 0;margin-top: -32px;transition: all .2s ease-out;text-align: center;opacity: 0;z-index: 130;} article.category-item .category-quickview .btn-quickview {background-color: rgba(255,255,255,.8);padding: 20px 0;width: 100%;border-radius: 0px;font-size: 20px; text-transform: uppercase; font-weight: 600;transition: all .3s ease-in;} article.category-item .category-quickview .btn-quickview:hover {color: #666666 !important;} article.category-item:hover .category-quickview {opacity: 1;} .cert-image-container-desc-tab {margin-top: 33px;} /*ndim#grid > tbody > tr > td > div {line-height: .75;}*/ .og-col-width {width:85px;font-size:17px;color:#000!important;} div.og-note-spacing{line-height:21px !important;} .og-th3{text-align: right !important;} .thspace1 {width:30%;} .thspace3 {width:30%;} .table-products2 {border-bottom: 2px solid #ebebeb;margin-bottom: 0px;} .orderguide-button-6-digit .orderguide-button { float: right; margin-top: 14px; margin-right: 15px; margin-bottom: 13px; } article.category-item h3 {margin-top: 29px!important;} .laureate {font-size:18px; font-weight:700;color:#000;} div.components-content.search-component > div > div.col-xs-9.text-right > div.pull-right1 > ul > form > li > div {margin-top:-4px;} #SortExpression {margin-bottom:4px;} div.components-content.search-component > div > div.col-xs-9.text-right > div.pull-left > h4 {margin-top:3px;} div.components-content.search-component > div > div.col-xs-3 > h3 {margin-top:3px;} #mainColumn > div > div > div > div > div > form > div > div > div.col-xs-6.col-sm-7 > div > div {vertical-align: baseline!important;} /*ndim td.text-right.col-option-empty {vertical-align: top !important;}*/ /*td.text-right.col-option {vertical-align: top !important;}*/ div.og-note-spacing {display: block;padding-bottom: 2px;margin-left:23px; margin-bottom:5px;} /*ndim take out top margin i.e. margin-top:7px;*/ .widgetlinesp {margin-left:8.2px;display: block;} .widgetlinespt { margin-left: 1px;} .ob-text-line-height{line-height: 21px; margin-top: 7px; margin-bottom: 7px;} #buy-product-dialog-form > div:nth-child(19){font-weight:700;} /*#grid > tbody > tr > td.base-item-header {vertical-align: top;}*/ @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: baseline; } td.base-item-header-border {border-left-width:0 !important;} } /*#mainColumn > div > div > div > div > div > form > div > div > div.col-xs-6.col-sm-7 > div > label {text-transform: uppercase;}*/@media (min-width:350px) and (max-width: 800px) { div.components-content.search-component h4.m-l { width:100% !important; } .product-search-form { width:100% !important; } } article.category-item a .row-no-padding {color: #039 !important;} article.category-item a:hover, article.category-item a .row-no-padding:hover {color:#fff !important;} #grid > tbody > tr:nth-child(2) > td:nth-child(2) > div {display:flex; align-items:center; justify-content: flex-start;} /*ndim#grid > tbody > tr:nth-child(2) > td:nth-child(2) > div > label{margin-left: 4px;line-height: 21px;margin-top: -3px;} #grid > tbody > tr:nth-child(2) > td:nth-child(2) > div > input{margin-top:-1px;}*/ #grid > tbody > tr:nth-child(2) > td:nth-child(2) > div > label{margin: 0 0 6px;} /* Apply styles to the first radio button */ #grid > tbody > tr:nth-child(2) > td:nth-child(2) > div > input[type="radio"]:first-of-type { vertical-align: top; /* Aligns the radio button to the top */ /*ndim margin-top: 1px;*/ } @media (min-width: 768px) { #categories > div:nth-child(9) > article > h3 > a > div > div.col-sm-9 {width:80%;} .table-custom-og {text-align:center;margin:0 auto;width:35%;margin-top:25px;} .og-checkout-button {width:42.7%;margin:30px auto;text-align:center;margin-top:0px;} } #grid > tbody > tr:nth-child(2) > td:nth-child(2) > div {display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 8px;} .orderguide-button-transmitters > #btn-order-guide {text-transform: uppercase;border: 2px solid #999;padding: 8px 10px 6px 10px; margin-top:2px; margin-bottom: 30px;} @media (max-width: 767px) { td.col-option-empty {border: 2px solid #ccc !important;} #grid > tbody > tr > td.col-option-empty > div, #grid > tbody > tr > td.col-option > div {line-height:1.5;} .table-orderguide #grid > tbody > tr > td > div > input[type="radio"] {margin-top: 6px !important;} #grid > tbody > tr:nth-child(2) > td:nth-child(2) > div > input[type="radio"]:first-of-type { vertical-align: top; /* Aligns the radio button to the top */ /*ndim margin-top: 1px !important;*/ } td.col-option-empty label, .col-option label {display:inline;} .product-single ul.additional-images {margin-left:0;padding:0;} .btn-addtocart {padding-left:0;padding-right:0;} .btn-addtocart .btn-primary {margin-left:0;} div.catboxh3 article, div.catboxh article {height: 108px !important;} .orderguide-button-transmitters {padding-left:0;} .orderguide-button-transmitters #btn-order-guide {float:left;margin-bottom:20px;} #buy-product-quantity-box {margin-top:0;} #header-dark-mobile #store-menu {height:auto !important;} #header-dark-mobile header.navbar {height:0 !important;min-height:0;} #header-dark-mobile header.navbar .navbar-nav {margin-top:0 !important;} #header-dark-mobile header.navbar .navbar-nav > li > a {color:#000 !important;} #header-dark-mobile header.navbar .navbar-collapse {margin:0 !important;} #header-dark-mobile li.text-center {text-align: initial;} #header-dark-mobile #store-menu {z-index:9999; margin-bottom:0px;} .break-link-mobile {word-wrap: break-word;} .custom-table-responsive {overflow-x: auto; width: 100%; margin:0; padding:0; } #product-description .container-desc {margin:0;} p.homeps {margin-left:9px;} .background-image {height: auto !important; margin-right:-15px !important;} .additional-images .thumbnail {padding:0;} .container-fluid.container-no-padding.container-home-page {padding-right: 0;} .resizeh1to.h2 h2 {margin-left: 20px;} article.product-item.product-single {padding: 0;} .custom-homepage-row {margin-right:-30px !important;} .orderguide-button, .orderguide-button .btn-default, .pad-adj .btn-primary {width:95%;} .tab-contents-tabs-able {padding-left:0;padding-right:0;} .marg1 {margin:0;} .orderguide-button {margin-top: 8px !important;margin-bottom: 18px;} } @media (max-width: 400px) { .company-name-sm {letter-spacing: 0; margin-left: 51px; width: 192px;} .company-name2-sm {margin-left: 51px; margin-top:22px;} } @media (max-width: 767px) { #page-wrapper > div.row.breadcrumb-wrapper > div > div > div.column.p-t-sm.col-xs-6.col-sm-6.col-md-12 > div > div > ol > li > a { font-weight: normal; color: #000; } /*.additional-images li .thumbnailImage .thumbnail {width:100%; padding:4px !important;}nadee*/ } #tabs > ul.nav-tabs > li > a { height: 42px; line-height: 40px; padding-top: 0; padding-bottom: 0; } .table-orderguide .table-products.table-responsive tbody tr:last-child td { border-bottom: 2px solid #ccc!important; /* Matches the table’s default border color */ } .table-custom-og { border-collapse: collapse; /* Match second table’s collapse */ border: 2px solid #ccc!important; /* Consistent with your class */ } .table-custom-og td { border: 2px solid #ccc!important; /* Ensure all cell borders match */ } .table-custom-og tbody tr:last-child td { border-bottom: 2px solid #ccc!important; /* Reinforce bottom border */ } #Applications > div > div > table{ border: 1px solid #ccc; border-collapse: collapse; width: 100%; margin-left:-30px; } #Applications th, #Applications td { border: 2px solid #EBEBEB; padding: 8px; text-align: left; } /*#Applications th { background-color: #206BA8; }*/ #Applications th { color: #FFFFFF; border-width: 2px; border-color: #206BA8; border-top-width: 3px; padding: 6px; } /* Style for the first table */ .table.table-bordered.conden.tp-gp-fix.small-txt { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); --ruler-num-c: #888; --xy-ruler-h: 18px; --xy-ruler-w: 18px; --xy-ruler-c: white; --all-z-index: 10000000099; --x-ruler-h: 18px; line-height: 1.42857143; font-size: 16px; font-family: 'Source Sans Pro', Arial; box-sizing: border-box; border-collapse: collapse; border-spacing: 0; background-color: transparent; width: 100%; max-width: 100%; margin-bottom: -2px; border: 2px solid #EBEBEB; color: #000; } /* Default cell borders */ .table.table-bordered.conden.tp-gp-fix.small-txt td, .table.table-bordered.conden.tp-gp-fix.small-txt th { border: 2px solid #EBEBEB; padding: 8px; } /* Heading row styles from #product-description th */ .table.table-bordered.conden.tp-gp-fix.small-txt .table-hd { color: #FFFFFF; border-width: 2px; border-color: #206BA8; border-top-width: 3px; /* Thicker top border */ padding: 6px; /* Matches your spec */ background-color: #206BA8; /* Assumed to match border color; adjust if different */ } /* Ensure bottom border of last row matches table’s #EBEBEB */ .table.table-bordered.conden.tp-gp-fix.small-txt tbody tr:last-child td { border-bottom: 2px solid #EBEBEB; } @media print { .section-top.section-1 { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent), url(/images/background-3.jpg) no-repeat center center / cover !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .section.section-2 { background: linear-gradient(to right, transparent, #206BA8), url(/images/background-section-technology.jpg) no-repeat center center / cover !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .section.section-3 { background: linear-gradient(to right, transparent, #206BA8), url(/images/background-section-oil-gar-chemical.jpg) no-repeat center center / cover !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; margin-bottom:10px; } .section.section-4 { background: linear-gradient(to right, transparent, #206BA8), url(/images/background-medical-industry.jpg) no-repeat center center / cover !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .section.section-5 { background: linear-gradient(to right, transparent, #206BA8), url(/images/background-medical-industry.jpg) no-repeat center center / cover !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } /* Text color adjustments for print */ .section-top.section-1 h1, .section-top.section-1 p { color: #ffffff !important; } .section.section-2 h2, .section.section-2 p { color: #ffffff !important; } .section.section-3 h2, .section.section-3 p { color: #ffffff !important; } .section.section-4 h2, .section.section-4 p { color: #ffffff !important; } .section.section-5 h2, .section.section-5 p { color: #ffffff !important; } } .position-of-readmore {clear: both; display: block;margin-bottom:10px;margin-top:0px;} div.thumbnailImage{padding-right:5px;} #products.grid article.product-item .product-body { padding: 0 8px!important; } .add-to-cart-block-btn {width: 100% !important;margin-left:0 !important;} .btn-addtocart .btn, .basket-notify-wrapper .btn {font-family: 'Source Sans Pro';} /*.btn-addtocart .btn-lg {font-size: 13px; padding: 7px 29px; margin-top:4px;}*/ .btn-addtocart .btn-lg {font-size: 13px; padding: 7px 26px; margin-top:2px;} .basket-notify-wrapper .divider .btn-primary {font-size: 13px;} .additional-images li .thumbnailImage .thumbnail {border: 2px solid #ddd;} /*nad padding:10px;*/ .additional-images li .thumbnailImage .thumbnail:hover, .additional-images li .thumbnailImage .thumbnail:focus-visible, .additional-images li .thumbnailImage .thumbnail:active { border: 2px solid #000; } .orderguide-button-transmitters > #btn-order-guide:hover {text-transform:uppercase;} .radio1 { display: flex;align-items: flex-start; margin-bottom: 0;} /*ndim.radio1 input[type="radio"] {margin-top: 0; margin-right: 10px;}*/ .radio1 input[type="radio"] {margin-top: 5px; margin-right: 10px;} .radio1 label {text-align: left; flex: 1;} /*article.product-item.product-single .product-quantity #modal-qty {width:60px !important;}*nnnn/ article.product-item.product-single .product-quantity .btn {width: 53px;} /*.ethernet-img{margin-top:60px;margin-bottom:60px;max-width:700px;width:700px;}*/ .ethernet-img { max-width: 750px; width: 100%; height: auto; display: block; margin: 0 auto; /* Centers the image horizontally */ margin-top:60px;margin-bottom:40px; } @media (max-width: 768px) { .ethernet-img { max-width: 100%; width: 100%; margin-top:30px;margin-bottom:30px; } } .ethernet-img-2 { max-width: 750px; width: 100%; height: auto; display: block; margin: 0 auto; /* Centers the image horizontally */ margin-top:60px;margin-bottom:40px; } @media (max-width: 768px) { .ethernet-img-2 { max-width: 100%; width: 100%; margin-top:30px;margin-bottom:30px; } } .ethernet-img-lt { max-width: 750px; width: 100%; height: auto; display: block; margin: 0 auto; /* Centers the image horizontally */ margin-top:60px;margin-bottom:40px; } @media (max-width: 768px) { .ethernet-img-lt { max-width: 100%; width: 100%; margin-top:30px;margin-bottom:0px; } } .ethernet-img-lte { max-width: 750px; width: 100%; height: auto; display: block; margin: 0 auto; /* Centers the image horizontally */ margin-top:60px;margin-bottom:40px; } @media (max-width: 768px) { .ethernet-img-lte { max-width: 100%; width: 100%; margin-top:30px;margin-bottom:0px; } .account-icon {margin-top: 2px !important;} .cart-icon { margin-top:6px; } .cart-count { top:0 !important; } } /*nnnn@media (max-width: 767px) { article.product-item.product-single .product-quantity .btn, article.product-item.product-single .product-quantity #modal-qty { width: 97px !important; } }*/ p.lt-above-orderguide {margin-bottom:34px;} .lt-product-guide {margin-bottom:48px;} table.lt-above-order-guide{margin-bottom:34px;} .miniBasketItemDetail .btn-edit-item, .miniBasketItemDetail .btn-del-item {margin-top: 5px; font-size: 13px !important;} .btn-edit-item, .btn-del-item { font-family: 'Source Sans Pro' !important; font-weight: 600; font-style:normal; font-size:13px!important; line-height:18px; } /*.fix-visibility{z-index: 10000; width: 100%; position: relative;} .cert-image-container-desc-tab-tran-us { display: flex; gap: 7px; justify-content: right; align-items: center; padding-bottom: 0; margin-top: 38px; width: 120%; margin-bottom: 15px; overflow: visible !important; margin-left:-52px!important; }*/ .cert-image-container-desc-tab-tran-us { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 0; margin-top: 26px; width: 100%; margin-bottom: 15px; margin-left: 0; position: relative; } .cert-image-container-desc-tab-boards { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 0; margin-top: 26px; width: 100%; margin-bottom: 15px; margin-left: 5px; position: relative; } .cert-pair { display: flex; align-items: center; gap: 7px; } .cert-image-container-desc-tab-tran-parent { position: relative; overflow: visible !important; } .cert-product-us {font-size:17px;font-weight: 400;} .cert-compliance-heading { font-size: 1.5em; margin-bottom: 15px !important; font-weight: 600!important; padding-top:20px; } .cert-compliance-heading-boards { font-size: 1.5em; margin-bottom: 15px !important; font-weight: 600!important; padding-top:0px; margin-left: 5px !important; margin-top:0px!important; } #buy-product-dialog-form > div > div > div.col-lg-6.col-md-6.col-sm-12.btn-addtocart > button >i {margin-right:4px;} #buy-product-dialog-form > div > div > div.btn-addtocart > button > i {margin-right:4px;} #orderguide-checkout-form > div.table-responsive1.table-orderguide > div > div > button > i {margin-right:4px;} .note-wrapper { display: inline-block; /* Ensure the wrapper stays inline within the table cell */ /* line-height: 1.5; Match the features list */ } /*.note-line { display: inline-block; padding-left: 42px; text-indent: -42px; line-height: 1.5; }*/ .note-line { padding-left: 42px; display: inline-block; margin-top: -20px; } #detailsPane {margin-bottom:40px;} /* fix for tabs in accessories */ .mar-fix #detailsPane {margin-bottom:0px;} .mar-fix #documents {margin-bottom:0px;} .bench-fix #detailsPane {margin-bottom:26px;} .bench-fix #mechanical {margin-bottom:0px;} .mar-fix .tabs.product-tabs .tab-content {padding-bottom: 0px!important;} .list-ind ul li{color:#000;} .table-well p, .table-well-high p {color:#000;} #basket-form > div.clearfix > button {font-size:15px; font-family: Arial,'Source Sans Pro';} a.blk-link, a.blk-link:hover, a.blk-link:visited, a.blk-link:active {color:#000;text-decoration: none;} a.blk-link strong, a.blk-link:hover strong, a.blk-link:visited strong, a.blk-link:active strong {color:#000!important;text-decoration: none;} ul li a.blk-link strong {color: #000 !important;} /* spacing for new widget */ .spc-1 {margin-top:40px;} .spc-1a-166 {margin-top:20px;} .reduce {margin-bottom:0px;} /*ndim.col-option, .col-option-empty {padding-bottom: 5px !important;}*/ .diagram-footer-widget {margin-left: 31px; margin-top:0px;margin-bottom:60px;} /*tr.col-option-empty {border:0 !important; border-right:2px solid #ccc !important;}*/ .product-single ul.additional-images {margin-top:20px!important;} img.site-map-transm {width:175px;height:175px;} .site-map-img1 {margin-bottom:50px;margin-top:40px;} .site-map-img2 {margin-bottom:30px;} .site-map-img3 {margin-bottom:38px;} .site-map-img4 {margin-bottom:42px;} .table-img1 {margin-bottom:30px;margin-top:30px;margin-left:0px!important;} .table-img2 {margin-bottom:30px;margin-top:30px;} p.tabmar {margin-bottom:0px;} .fancybox-image { padding:0px !important; } .hide-this-item {display:none;} .site-map-tranmitter {width:333px;} /*ndim.choice-custom-title {margin: 5px 0 15px 23px;}*/ .choice-custom-title {margin: 2px 0 6px 23px;} .og-item-table-row > td > div {line-height:unset !important; } /*ndim#orderguide-checkout-container .col-option.add-border .radio1 {margin-top: 6px;}*/ #orderguide-checkout-container .col-option.add-border .radio1 {margin-top: 1px;} /*#orderguide-checkout-container .og-item-table-row td {padding-top:0 !important; }*/ @media (max-width: 767px) { #orderguide-checkout-container tbody > tr > .col-option-empty-header ~ .col-option-empty.no-border, #orderguide-checkout-container tbody > tr > .col-option-empty-header ~ .text-right.col-option-empty { border-top: 0px !important; border-bottom: 0px !important; } #orderguide-checkout-container tbody > tr > .col-option-header ~ .col-option.add-border, #orderguide-checkout-container tbody > tr > .col-option-header ~ .text-right.col-option { box-shadow: inset 0 2px 0 0 #ccc; } #orderguide-checkout-container tbody > tr:nth-child(3) > .col-option-header ~ .col-option.add-border, #orderguide-checkout-container tbody > tr:nth-child(3) > .col-option-header ~ .text-right.col-option { box-shadow: none !important; } #orderguide-checkout-container table { border-bottom: 2px solid #ccc;} #orderguide-checkout-container table .base-item-header.base-item-header-border { border-bottom: 2px solid #ccc;} .miniBasketItemDetail .btn-edit-item, .miniBasketItemDetail .btn-del-item {z-index: 10 !important; position: relative !important; pointer-events: auto !important;} } .pn-cart{font-weight:700;color:#000!important;font-size: 17px!important;margin-bottom: 2px!important;margin-top:0px;font-family:arial;} .pn-cart-desc{font-size:14px;color:#666666; margin-top:0px;margin-bottom:5px} .ct-txt-adust{margin-bottom:5px;margin-top:5px!important;} .pn-cart-desc1{margin:0px!important;} .pn-cart-desc2{font-size:14px!important;color:#666666; margin-top:0px;margin-bottom:0px!important;} .pn-cart-desc2 h4{ margin-bottom:0px;} .cart-pop-up-pn{font-weight:700;color:#000;font-size: 17px;margin-bottom: 2px;margin-top:0px;font-family:arial;} .cart-pop-up-desc{font-size:14px;font-family:arial;color:#666666;font-weight:700;} .p1[data-count]::after {background: transparent;} /*@import url(/Themes/Laurels/Content/https:/fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); .poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; } .poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; }*/ /*.cart-row .product-quantity .btn {padding: 4.3px 11px;}*/ .cart-plus {color:#000; /*font-family:poppins;font-size:18px!important;*/} .cart-minus {color:#000;/*font-family:poppins;font-size:18px!important;*/} .right-row {margin-right:5px;margin-left:5px;} .cart-plus {color:#000; /*font-family:poppins;font-size:18px!important;*/} .cart-minus {color:#000;/*font-family:poppins;font-size:18px!important;*/} .right-row {margin-right:5px;margin-left:5px;} .cart-image-rollover { width: 6px; /* Adjust based on your image size */ height: 1px; /* Adjust based on your image size */ background-size: cover; background-position: center; transition: background-image 0.3s ease; /* Smooth transition */ } .cart-image-rollover:hover { background-image: url(/images/hover-image.jpg); /* Image to show on hover */ } .plus-tran{display:inline-block;color:#000!important;position: relative; top:1px;} .minus-tran{display: inline-block;transform: scaleX(2);font-weight:700;color:#000!important;position: relative;top: -1px;} /*.plus-tran{display: inline-block;transform: scaleX(1.5);}*/ .table-products .form-control { font-size: 14px; } .ob-qty-plus{display:inline-block;color:#000!important;position: relative; top:1px;font-size:18px;font-family: Arial!important;font-weight:600;} .ob-qty-minus{display:inline-block;transform:scaleX(2) !important;font-weight:700;color:#000!important;position: relative;top: -1px;font-size:16px;font-family: Arial!important;} /* in the orderblock */ table.tbl-ord-blk { border: 2px solid #999; /* 1px black border around the table */ border-collapse: collapse; /* Ensure borders don't double up */ margin-top:2px; } .tbl-ord-blk td { border: 1px solid black; /* 1px black border around each cell */ /*padding: 10px; /* Add padding for better spacing */ text-align: center; /* Center text for better appearance */ width:200px; } .ob-cell-left, .ob-cell-left, .ob-cell-right { background-color: #F0F0F0; /* Light gray background for left and right cells */ width:33% } .ob-cell-middle { background-color: white; /* White background for middle cell */ width:34%; } .tbl-ord-blk {width:91%;} #buy-product-quantity-box > span > table > tbody > tr > td.ob-cell-middle {width:34%} #basket-form > div.products-order.shopping-cart > div > div.col-xs-7.col-sm-2.cart-col.cart-col-center {margin-top:8px;} /* end the orderblock */ /* in the cart */ .cart-row table.tbl-ord-blk { border: 2px solid #999; /* 1px black border around the table */ border-collapse: collapse; /* Ensure borders don't double up */ margin-top:2px; max-height: 35px; } .cart-row .ob-cell-left, .ob-cell-left, .ob-cell-right { background-color: #F0F0F0; /* Light gray background for left and right cells */ width:33% } .cart-row .ob-cell-middle { background-color: white; /* White background for middle cell */ width:34%; } .cart-row .tbl-ord-blk {width:88%;} /* end in the cart */ /* beginning of the order Guide */ table.tbl-ord-blk-1 { /*border: 2px solid #999!important;*/ /* 1px black border around the table */ border:none!important; border-bottom: none!important; /*border-collapse: collapse;*/ /* Ensure borders don't double up */ margin-top:2px; height: 25px !important; min-height: 25px; max-height: 25px; } .tbl-ord-blk-1 td { /*border: 0px solid black;*/ /* 1px black border around each cell */ /*border-bottom: 0px;*/ /*padding: 10px; /* Add padding for better spacing */ text-align: center; /* Center text for better appearance */ width:200px; } .ob-cell-left-1, .ob-cell-left-1, .ob-cell-right-1 { background-color: #F0F0F0; /* Light gray background for left and right cells */ /*width:33% */ width:43%!important; border:0px!important; } .ob-cell-middle-1 { background-color: white; /* White background for middle cell */ width:33%!important; } .ob-cell-middle-1 input.quantity-input {color:#000; padding:0px;} .tbl-ord-blk-1 {width:55%!important;} /* end in the orderguide top */ /* in the orderblock bottom */ .og-quantity-bottom table.tbl-ord-blk { border: 2px solid #999; /* 1px black border around the table */ border-collapse: collapse; /* Ensure borders don't double up */ margin-top:2px; } .og-quantity-bottom .ob-cell-left, .ob-cell-left, .ob-cell-right { background-color: #F0F0F0; /* Light gray background for left and right cells */ width:33% } .og-quantity-bottom .ob-cell-middle { background-color: white; /* White background for middle cell */ width:34%; } .og-quantity-bottom .tbl-ord-blk {width:71%!important;} .og-quantity-bottom .ob-cell-middle input.quantity-input {color:#000; padding:0px;font-size:17px;} /* end in the cart */ .cart-head div {margin-left:2px;} cart-row div { display: flex; justify-content: center; align-items: center; /* Vertically center content inside the div */ }.cart-row { display: flex !important; justify-content: center !important; } #buy-product-quantity-box { margin-top: 0 !important; padding-top: 0 !important; } .table-products h4 small { margin-top: 0px; } .no-b-mar {margin-bottom:0px;} .no-pad-in-cart {margin:0px;} /*.btn-adjuster {margin-top:5px;}*/ .account-content .products-order {margin-bottom:10px;padding:10px;border: 0px} .chkout-btn {margin-bottom:12px!important;} div.bottom-mar-adj > article {padding-bottom:13px;} td.ob-cell-middle > #modal-qty {color:#000;font-size:17px;} .x-icon-adj {margin-right:3px;margin-bottom:1px;} .read1 {color:#fff;} .read1:hover {color:#fff;} .m-b-xl span.amount {font-weight:bold;margin-left: 6px;color:#000;} .divider .right-row .form-group {margin-bottom:4px;} #form0 > div > div.col-sm-3.divider.m-b-xl.m-t-xl.notifier-col-2 > div:nth-child(1) > div:nth-child(1) label {margin-bottom:1px;} .m-t-xl label {font-weight:bold;font-size:16px;} div.col-sm-3.divider.m-b-xl.m-t-xl > div:nth-child(1) > div:nth-child(2) {font-weight:bold;} #form0 > div > div.col-sm-3.divider.m-b-xl.m-t-xl.notifier-col-2 > div:nth-child(1) > div:nth-child(2) {color:#000;} /*ndim .og-item-table-row td {vertical-align: top !important;}*/ .price-padding {padding-top: 1.5em !important;} @media (min-width: 500px) { .notifier-col-1 { } .notifier-col-2 { margin-top:15px; margin-bottom:20px; } .notifier-col-3 { } } @media (max-width: 430px) { /* .notifier-col-1 { } .notifier-col-2 { margin-top:15px; margin-bottom:20px; } .notifier-col-3 { } */ .pop-inline-with-label { min-width: 150px;} } .no-wrap-form label {display: inline-block !important;} .pop-inline-with-label { display: inline-block; margin-left: 10px; font-weight:bold; color:#000; max-width: 100px; } #specification .resizeh2 {font-size:20px;} #cart-pop-up-price {text-align: left;margin-left: 0 !important;padding-left: 0;margin-top: 5px;color:#000;width:75px;} ul > li > .fa-phone {margin-top:2px;} .footer-widget-contacts ul li.social {padding-top:7px;} .img-short-wall {margin-bottom:14px;} .content-spacer {margin-bottom:5px;} .ob-qty-minus, .ob-qty-plus {font-size:22px !important;} .foot-address {margin-left:200px;} .shopping-cart .cart-row .ob-cell-left {width:29%;} .shopping-cart .cart-row .ob-cell-middle {width:40% !important;} .shopping-cart .cart-row .ob-cell-middle input {font-size:16px; font-weight:600;} .shopping-cart .cart-row .ob-cell-middle #modal-qty {padding:0 !important; } /* footer links hover effect*/ .link-hov:hover, .link-hov:hover a, .link-hov:hover i { color: rgb(105, 185, 255) !important; border-color:rgb(105, 185, 255);} .cert1-hover .cert-icon {display: inline-block;width: 32px; height: 32px; background-image: url(/images/new-ce-cert-1.png); background-size: contain;vertical-align: middle; } .cert1-hover:hover .cert-icon { background-image: url(/images/new-ce-cert-hover-1.png);} .cert2-hover .cert-icon {display: inline-block;width: 32px; height: 32px; background-image: url(/images/new-rohs-cert-1.png); background-size: contain;vertical-align: middle; } .cert2-hover:hover .cert-icon { background-image: url(/images/new-rohs-cert-hover-1.png);} .cert3-hover .cert-icon {display: inline-block;width: 32px; height: 32px; background-image: url(/images/new-etl-cert-1.png); background-size: contain;vertical-align: middle; } .cert3-hover:hover .cert-icon { background-image: url(/images/new-etl-cert-hover-1.png);} .cert1-hover:hover a, .cert2-hover:hover a, .cert3-hover:hover a { color: rgb(105, 185, 255) !important;} .cart-icon { background-image: url(/Themes/Laurels/Content/images/cart-sprite.png); background-position: 0 0; /* Adjust X and Y coordinates to target the specific sprite */ background-repeat: no-repeat; width: 34px; height: 23px; display: inline-block; /* Ensures the li respects the sprite dimensions */ vertical-align: middle; /* Aligns the sprite vertically with text */ } .cart-link { position: relative; display: inline-block; } .cart-count { position: absolute; color: white; top: -3px; left:65%; } .account-icon { background-image: url(/Themes/Laurels/Content/images/account-icon.png); background-position: 0 0; background-repeat: no-repeat; width: 28px; height: 23px; display: inline-block; vertical-align: middle; margin: 0 auto; } .mobile-section {background:#000; height:50px;margin-bottom:10px;} .mobile-section .ui-search-mobile .form-control {width:150px; margin-top:10px; border: 1px solid #000; height: 30px;} .mobile-section .mobile-right-section .navbar-brand {float: right; margin-left: 8px; padding-top:10px;} .mobile-section .mobile-right-section .account, .mobile-section .mobile-right-section .fa-user {color:#fff;} .mobile-section .mobile-right-section .account {margin-right: 23px;} .mobile-section .mobile-right-section .account span {font-weight:600;} .mobile-section .mobile-right-section {margin-top:11px;} /*height: 34px; box-shadow: none; border: 1px solid #000;*/ .general-add-to-cart-left .btn-addtocart {margin-top:2px;float:left;width:50%;} .titleboxsp {margin-top:22px;} .fancybox-bg { background: rgba(0, 0, 0, 0.9) !important; } .og-item-extra-row .empty-first-col {background: #f0f0f0; border-top: 0;} .og-item-extra-row .empty-last-col {border-top: 0;} .og-item-extra-row td { border-top: none !important; border-bottom: none !important; } /*ndim.table-orderguide #grid td {padding-top:0 !important;padding-bottom:0 !important;}*/ .table-orderguide #grid td {padding-bottom:0 !important;} .note-padding {padding-top: 0 !important;vertical-align:top !important;} td.col-option-header {} /* the cart styles for phone / mobile */ @media (max-width: 767px) { .col-xs-12 .col-sm-2 .cart-col img {display:none;} .account-content {padding: 5px;} .text-left {padding-left: 0px !important; } .cart-row .cart-col.text-left {margin-right: -12px;} .account-content .products-order { margin-bottom: 10px; padding: 0px!important;} /*ndim.cart-row .cart-col.text-left {text-align: left;max-width: 44%;}*/ .cart-row .cart-col.text-left {text-align: left;max-width: 50%;} .cart-row {display: inline-block !important;} .pn-cart {margin-bottom:10px !important;} .ct-txt-adust {margin-bottom:15px !important;} .cart-col #buy-product-quantity-box.quantity { padding-bottom: 4px; margin-left: 0 !important; } .breadcrumb-wrapper {padding-top:10px;} #basket-form > div.products-order.shopping-cart > div > div.col-xs-5.col-sm-1.cart-col.cart-col-center { width: 12.5%!important; padding-right: 0px; padding-left: 0px; } #basket-form > div.products-order.shopping-cart > div > div.col-xs-7.col-sm-2.cart-col.cart-col-center { margin-top: 10px; max-width: 100%; padding-left:0; } #basket-form > div.products-order.shopping-cart > div > div.col-xs-12.col-sm-1.cart-col.cart-col-center.exxp { width: 40%!important; padding-right:0; } .cart-small-right {margin-left:30px;} .cart-img-left {margin: 0 auto; margin-top: 0px; text-align: center; vertical-align: middle; margin-top: 50px; } #cart-pop-up-price {display:flex;} .cart-row .cart-image {width: 30%;margin-top: 5px;} } .added {font-size:18px;padding-top:1px;} .components-content-multi-cat-head-dpm-head {margin-top:0px;margin-bottom: 15px;} #page-wrapper > div.container > div.content {padding-bottom:0px!important;} .access {font-size:16px;font-weight:700;} a.sm-link, a.sm-link:hover, a.sm-link:visited, a.sm-link:active {color:#0b1420!important;text-decoration: none;} ul.f-mar {margin-top:15px;} ul.f-mar-2 {margin-top:16px;} div.footer-widget > ul.f-mar-2 > li { margin-bottom:1.6px; } /*div.footer-widget > ul.f-mar-2 > li:nth-child(2) { margin-bottom:1.6px; } div.footer-widget > ul.f-mar-2 > li:nth-child(3) { margin-bottom:1.6px; }*/ div.footer-widget > ul.f-mar-2 > li:nth-child(4) { margin-bottom:1.3px; } .cat-amount {font-size: 19px;font-weight: 700;line-height: 26px;text-decoration:none;} .min-price {color:#000!important;font-size: 19px;font-weight: 700;line-height: 26px;text-decoration:none!important;} .min-price:hover {color:#000!important;font-size: 19px;font-weight: 700;line-height: 26px;text-decoration:none!important;} .cat-sp1 {margin-bottom:15px;} div.html-content-item > div.container-desc > div.row > div.spacing-desc-above-readmore {margin-top:0px;} #page-wrapper > div.container > div > div > div > div > div > div > div.html-content-item > div.position-of-readmore {padding-top: 32px;} div.position-of-readmore-applications {padding-top: 15px;} .spacing-desc-above-readmore-large-digit { margin-top: 0px; margin-left: 2px; margin-bottom: 0px; line-height: 20px; } .position-of-readmore-accessories { margin-top: 8px; margin-left: 2px; margin-bottom: 0px; line-height: 20px; } .position-of-readmore-accessories-items { margin-top: 20px; margin-left: 2px; margin-bottom: 0px; line-height: 20px; } .position-of-readmore-accessories-items-2 { margin-top: 0px; margin-left: 2px; margin-bottom: 0px; line-height: 20px; } .position-of-readmore-accessories-items-3 { margin-top: 0px; margin-left: 2px; margin-bottom: 5px; line-height: 20px; } .bottom-spacer{margin-bottom:20px;} .mar-fix #detailsPane {margin-bottom:70px;} .mar-fix #descPane {margin-bottom:45px;} .mar-fix #Mechanical {margin-bottom:45px;} .mar-fix #moreItemsPane {margin-top:45px; margin-bottom:45px;} .mar-fix2 #descPane { margin-bottom: 45px;} .position-of-readmore-qls { margin-top: 0px; margin-left: 2px; margin-bottom: 0px; line-height: 20px; } /*.position-of-readmore-cables { margin-top: 0px; margin-left: 2px; margin-bottom: 0px; line-height: 20px; }*/ .navbar-fixed-top + .breadcrumb-wrapper { padding-top: 120px; } .acct-mar1 {margin-top:20px} .default-style, .products-header, .account-content, .sidebar .widget, article.product-item, .pagination-wrapper, .login-form-wrapper, .error-wrapper, #scrollspy-nav .affix, .components-content { background-color: #FFFFFF; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1); } .widget-billing-address .actions-area {margin-top:10px;} @media print { .widget-billing-address .widget-body, .widget-basket-summary .widget-body {min-height:200px;} .position-of-readmore-applications {display:none !important;} } .able-grid-head div {padding: 8px 15px;} .checkbox > label {color: #206BA8;} .base-item-header {padding-top: 0px !important; padding-bottom: 0px !important;} .base-item-radio-btn {margin-top:3px !important;} .moreoutputtext1 {color:#000;} .h2-sample-app-pages {font-size:17px!important;} .applications-cat article.category-item h3 {font-size:16.5px} .resource-bottom-sp {margin-top:5px;}