/* Minification failed. Returning unminified contents. (481,9): run-time error CSS1036: Expected expression, found ';' */ /** ************************************* ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update 8:26 AM Monday, March 17, 2014 TABLE CONTENTS --------------------------- 01. Resets 02. Placeholder 03. Selection 04. JS Animation 05. Commons 06. Bootstrap Rewrite 07. Pure CSS Animations 06. Callouts 07. Headings 08. Paragraphs 09. Drop Caps & Cite 10. Blockquote 11. Progress Bar 12. Buttons 13. Labels 14. Alerts 15. Pagination 16. Parallax [Stellar] 17. Isotope 18. Dividers 19. Forms 20. Count To [number] 21. Tabs 22. Accordion 23. Toggle 24. Featured Box & Featured Icons 25. Image Thumbnail 26. Modal 27. Carousel 28. Breadcrumbs 29. Nav List (aside) 30. Price Table 31. Animation 32. Dropcap 33. Masonry 34. Media Elements 35. Testimonials 36. Background Patterns 37. Summernote HTML Editor 38. Colors --. Printable Div --------------------------- ** ************************************* **/ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline:none !important; } textarea { resize: vertical; } select { border: 2px solid #E5E7E9; border-radius: 6px; height: 46px; padding: 12px; outline: none; } input[type="radio"], input[type="checkbox"] { display:inline-block; cursor:pointer; width:15px; height:15px; border:0; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a, a:focus, a:hover, a:active { outline: 0; cursor:pointer; } /** 02. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 03. Selection *************************************************** **/ ::selection { color:#000; background:#ccc; text-shadow:none; } ::-moz-selection { color:#000; background:#ccc; text-shadow:none; } /** 04. JS Animation *************************************************** **/ .animate_from_bottom { opacity: 0; bottom: -50px; padding-left: 0px; position: relative; } .animate_from_left { opacity: 0; left: -80px; padding-right: 0px; position: relative; } .animate_from_right { opacity: 0; right: -80px; padding-left: 0px; position: relative; } .animate_fade_in { opacity: 0; right: 0px; position: relative; padding-left: 0px; } /** 05. Commons **************************************************************** **/ p, ol li, ul li { color: #7e8998; } pre { color: #666; padding: 16px; font-size: 12px; line-height: 16px; padding-bottom: 15px; font-family: 'Open Sans', sans-serif; background: url('data:image/png;base64,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') repeat; border:#ccc 2px solid; box-shadow:#ccc 0 0 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .fsize11 { font-size:11px !important; line-height:15px !important; } .fsize12 { font-size:12px !important; line-height:16px !important; } .fsize13 { font-size:13px !important; line-height:17px !important; } .fsize14 { font-size:14px !important; line-height:18px !important; } .fsize15 { font-size:15px !important; line-height:19px !important; } .fsize16 { font-size:16px !important; line-height:20px !important; } .fsize17 { font-size:17px !important; line-height:23px !important; } .fsize18 { font-size:18px !important; line-height:24px !important; } .fsize19 { font-size:19px !important; line-height:25px !important; } .fsize20 { font-size:20px !important; line-height:26px !important; } .fsize26 { font-size:26px !important; line-height:30px !important; } .fsize30 { font-size:30px !important; line-height:36px !important; } .fsize40 { font-size:40px !important; line-height:46px !important; } .font300 { font-weight:300 !important; } .font400 { font-weight:400 !important; } .font600 { font-weight:600 !important; } .font700 { font-weight:700 !important; } .padding3 { padding:3px 0 !important; } .padding6 { padding:6px 0 !important; } .padding8 { padding:8px 0 !important; } .padding10 { padding:10px 0 !important; } .padding20 { padding:20px 0 !important; } .padding30 { padding:30px 0 !important; } .padding40 { padding:40px 0 !important; } .padding50 { padding:50px 0 !important; } .padding60 { padding:50px 0 !important; } .padding70 { padding:70px 0 !important; } .padding80 { padding:80px 0 !important; } .padding90 { padding:90px 0 !important; } .padding100 { padding:100px 0 !important; } .margin-top10 { margin-top:10px; } .margin-top20 { margin-top:20px; } .margin-top30 { margin-top:30px; } .margin-top40 { margin-top:40px; } .margin-top50 { margin-top:50px; } .margin-top60 { margin-top:60px; } .margin-top80 { margin-top:80px; } .margin-top100 { margin-top:100px; } .margin-top130 { margin-top:130px; } .margin-top150 { margin-top:150px; } .margin-top180 { margin-top:180px; } .margin-top200 { margin-top:200px; } .margin-bottom10 { margin-bottom:10px; } .margin-bottom20 { margin-bottom:20px; } .margin-bottom30 { margin-bottom:30px; } .margin-bottom40 { margin-bottom:40px; } .margin-bottom50 { margin-bottom:50px; } .margin-bottom60 { margin-bottom:60px; } .margin-bottom80 { margin-bottom:80px; } .margin-bottom100 { margin-bottom:100px; } .margin-bottom130 { margin-bottom:130px; } .margin-bottom150 { margin-bottom:150px; } .margin-bottom180 { margin-bottom:180px; } .margin-bottom200 { margin-bottom:200px; } .radius3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .radius6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .radius8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .fixed { position:fixed !important; } .relative { position:relative !important; } .nopadding { padding:0 !important; } .nopadding-left { padding-left:0 !important; } .nopadding-right { padding-right:0 !important; } .nopadding-top { padding-top:0 !important; } .nopadding-bottom { padding-bottom:0 !important; } .nomargin { margin:0 !important; } .nomargin-left { margin-left:0 !important; } .nomargin-right { margin-right:0 !important; } .nomargin-top { margin-top:0 !important; } .nomargin-bottom { margin-bottom:0 !important; } .noborder { border:0 !important; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .absolute { position:absolute !important; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .no-text-transform { text-transform:none !important; } .italic { font-style:italic; } .pointer { cursor:pointer; } .block { display:block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; } .halfwidth { width:50% !important; } .container { position:relative; } i.fa { text-decoration:none !important;} .justify { text-align:justify; } .btn i.fa { padding-right:10px; } .btn-margin-top { margin-top:30px; } .text-underline { text-decoration:underline; } .nowrap { white-space: nowrap !important; } .wrap { white-space: normal !important; } .transparent { background:transparent !important;} .color-white { color:#fff !important; } .hover-scale { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .hover-scale:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } form .input-group-btn .btn i.fa { padding-right:0; } .label a, .label a:hover, a.label, a.label:hover { color:#fff; } /* social icons */ a.social { display:inline-block; width:36px; height:36px; line-height:38px; font-size:20px; text-align:center; background:rgba(0,0,0,0.3); color:#fff; margin:10px 1px; text-decoration:none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a.social.fa-twitter:hover { background:#41b7d8!important; color:#fff!important; } a.social.fa-facebook:hover { background:#3b5997!important; color:#fff!important; } a.social.fa-google-plus:hover { background:#d64937!important; color:#fff!important; } a.social.fa-linkedin:hover { background:#0073b2!important; color:#fff!important; } a.social.fa-vimeo-square:hover { background:#388fc5!important; color:#fff!important; } a.social.fa-youtube-square:hover { background:#A40F09!important; color:#fff!important; } a.social.fa-flickr:hover { background:#ff0084!important; color:#fff!important; } a.social.fa-pinterest:hover { background:#cb2027!important; color:#fff!important; } a.social.fa-skype:hover { background:#00aff0!important; color:#fff!important; } a.social.fa-rss:hover { background:#e0812a!important; color:#fff!important; } a.social.default:hover { background:#37353A!important; color:#fff!important; } a.social.rounded { width:35px; height:35px; line-height:37px; } /* signin in with... */ .btn-facebook, .btn-twitter, .btn-google-plus { font-size:14px !important; height:40px; line-height:40px; display:inline-block; text-decoration:none !important; margin-bottom:3px; } .btn-facebook i.fa, .btn-twitter i.fa, .btn-google-plus i.fa { font-size:23px; float:left; height:40px; line-height:40px; padding:0; margin:0 10px 0 0; width:40px; text-align:center; position:relative; border-right:rgba(255,255,255,0.2) 1px solid; } .btn-facebook { background:#3b5997; color:#fff!important; } .btn-twitter { background:#41b7d8; color:#fff!important; } .btn-google-plus { background:#d64937; color:#fff!important; } .btn-facebook:hover { background:#37548e; } .btn-twitter:hover { background:#33b0d5; } .btn-google-plus:hover { background:#c43c28; } /* page header */ h2.page-header, h2.page-header a, h3.page-header, h3.page-header a { color:#ccc; } /* overlay */ .overlay { background:rgba(0,0,0, 0.2); position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .overlay.gray { background:rgba(33,33,33,0.9) !important; } /* image rounded */ .rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* paddings , margins */ section.margin { margin:60px 0; } section.margin-top { margin-top:60px; } section.margin-bottom { margin-bottom:60px; } section.paddings { padding:60px 0; } .styleBackground h1, .styleBackground h2, .styleBackground h3, .styleBackground h4, .styleBackground h5, .styleBackground h6, .styleBackground p, .styleBackground .btn { color:#fff; } .cover { margin:60px 0; position:relative; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; width: 100%; padding:110px 0; } /* star rating */ ul.star-rated { margin-bottom:0; } ul.star-rated, ul.list-style-none { clear:both; display:inline-block; margin:; padding:0; list-style:none; } ul.star-rated li { float:left; padding:0 2px; } ul.star-rated.pointer li { cursor:pointer; } /* list icon */ ul.list-icon { margin:0 0 10px 25px; padding:0; } ul.list-icon li { list-style:none; } ul.list-icon li:before { display: inline-block; height: 18px; width: 18px; line-height:18px; font-family: FontAwesome; content: ' '; float: left; margin:3px 0 0 -25px; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } ul.list-icon.circle li:before { color:#fff; background-color:#333; } /* star */ ul.list-icon.star li:before { content:'\f005'; } ul.list-icon.star-o li:before { content:'\f006'; } /* check */ ul.list-icon.check li:before { content:'\f00c'; } ul.list-icon li.check:before { content:'\f00c'; } ul.list-icon.check-square li:before { content:'\f14a'; } ul.list-icon li.check-square:before { content:'\f14a'; } ul.list-icon.check-circle li:before { content:'\f058'; } ul.list-icon li.check-circle:before { content:'\f058'; } /* misc */ ul.list-icon.times li:before { content:'\f00d'; } ul.list-icon li.times:before { content:'\f00d'; } ul.list-icon li.x:before { content:'\f00d'; color:#ccc; } ul.list-icon.ban li:before { content:'\f05e'; } ul.list-icon.dot-circle li:before { content:'\f192'; } ul.list-icon.exclamation-circle li:before { content:'\f06a'; } ul.list-icon.icon-circle li:before { content:'\f05a'; } ul.list-icon.heart-o li:before { content:'\f08a'; } ul.list-icon.heart li:before { content:'\f004'; } ul.list-icon.angle-right li:before { content:'\f105'; } .breaknews-ticker { text-align:left !important; white-space: normal !important; display:block !important; font-size:13px; line-height:20px; } /** 06. Callouts * Not quite alerts, but custom and helpful notes for folks reading the docs. **************************************************************** **/ .bs-callout { clear:both; position:relative; overflow:hidden; background:#ddd; margin:60px 0; padding:36px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bs-callout.whiteBg { background:#fff !important; } .bs-callout h1, .bs-callout h2, .bs-callout h3 { margin:0; text-transform:none; line-height:30px; } .bs-callout.margin-top { margin:60px 0 0 0; } .bs-callout.margin-bottom { margin:0 0 60px 0; } .bs-callout.margin-footer { margin:0 0 -60px 0; } .bs-callout.styleBackground { padding:50px 0; } .bs-callout .btn { margin:0 20px; } /** 07. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { margin:0; color:#333; font-family:'Open Sans'; font-weight:300; letter-spacing:-1px; } h1 { font-size: 3em; line-height: 44px; margin: 0 0 44px 0; } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; } h3 { color: #CCC; font-size: 1.8em; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0 0 32px 0; } h4 { color: #CCC; font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { color: #CCC; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h6 { color: #333; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h1 span.subtitle, h2 span.subtitle, h3 span.subtitle { display:block; font-size:15px; padding:0; margin:-10px 0 0 0; } /** 08. Paragraphs **************************************************************** **/ p { line-height: 22px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; font-weight:200; } /** 09. Drop Caps & Cite **************************************************************** **/ p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.secundary:first-child:first-letter { background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } cite:after { content: '\00A0 \2014'; } cite:before { content: '\2014 \00A0'; } /** 10. Blockquote **************************************************************** **/ blockquote { border-left: 5px solid #CCC; font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0 25px 12px; padding: 0 0 0 25px; position: relative; } blockquote p { margin:0; padding:0; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } /** 11. Progress Bar **************************************************************** **/ .progress { overflow:visible; background:#FAFAFA; height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .progress-bar { position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } span.progress-bar-tooltip { padding: 4px 8px; background-color: #2E363F; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; -o-border-radius: 3px; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } span.progress-bar-tooltip:after { border-color:#2E363F transparent; border-style:solid; border-width:5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; } .progress.progress-striped { height:12px; } /* Circular Bar */ div.circular-bar { margin:10px 0; text-align:center; display:inline-block; height:200px; } div.circular-bar strong { display: block; font-size: 20px; font-weight: 600; line-height: 30px; } div.circular-bar label { display: block; font-size: 16px; font-weight: 300; } div.circular-bar-content { margin-top: -120px; } /** 12. Buttons **************************************************************** **/ .btn, .btn:hover { border: 0; padding: 11px 18px; border:rgba(255,255,255,0) 2px solid; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .btn.notransition { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .btn:active, .btn:focus, .btn.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.disabled { background-color: #999; border: #bbb 2px solid; } .btn-default { background:none !important; border:#ddd 2px solid; padding:8px 18px; } .btn[disabled] { background-color:#999; border:#bbb 2px solid; } .btn-lg,.btn-lg:hover { padding: 12px 32px; } .btn-sm, .btn-sm:hover { padding: 6px 16px; } .btn-xs, .btn-xs:hover { padding: 3px 13px; } /** 13. Labels **************************************************************** **/ .label { font-weight: normal; padding: 0.4em 0.8em 0.5em; display: inline-block; } .label-default { border: 1px solid #CCC; padding: 0.3em 0.7em 0.4em; } /** 14. Alerts **************************************************************** **/ .alert { border: 0; } .alert i.fa { font-size:20px; margin-right:10px; } .alert.alert-success { background-color:#d2ebb8; border-left:#3C763D 3px solid; } .alert.alert-info { background-color:#aae1f5; border-left:#31708F 3px solid; } .alert.alert-warning { background-color:#fce3a3; border-left:#8A6D3B 3px solid; } .alert.alert-danger { background-color:#f8bac0; border-left:#A94442 3px solid; } /** 15. Pagination **************************************************************** **/ .pagination { border:#eee 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pagination > li > a, .pagination > li > span { border: 0; margin-left: 1px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #F5F7F7; } /** 16. Parallax **************************************************************** **/ .parallax { position:relative; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; width: 100%; padding:80px 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; /* filter: alpha(opacity=0); opacity: 0; */ } .parallax.delayed { -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .parallax.parallax-init { opacity:1; filter:alpha(opacity=100); } .parallax.disable { background-size:auto; } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax .btn { color:#fff; text-shadow:#000 1px 1px 1px; } .parallax .btn { text-shadow:none; } /** 17. Isotope Filtering **************************************************************** **/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } ul.isotope-filter { margin-bottom:10px; padding-top:30px; padding-bottom:30px; border-bottom:#ddd 1px dotted; border-top:#ddd 1px dotted; } ul.isotope-filter li.active:before { border: 6px solid transparent; border-bottom-color: #f4f5f7; content: ''; position: absolute; bottom:0; left:50%; margin-left:-6px; z-index:10; } ul.isotope { margin:0; padding:0; list-style:none; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /* Disabling Isotope CSS3 Transitions **/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /** 18. Dividers **************************************************************** **/ hr { border:0; margin:60px 0; border-top:#ddd 1px solid; border-bottom:#fff 1px solid; } hr.half-margins { margin:30px 0; } hr.no-lines { border:transparent 0px solid; } article hr { margin:30px 0; } .divider { border: 0; margin: 60px 0; height: 4px; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; text-align: center; position: relative; clear: both; } .divider.half-margins { margin:30px 0; } .divider .fa { color: #bbb; background: #f4f5f7; /* same as background color */ text-align: center; display: inline-block; height: 50px; line-height: 50px; text-align: center; width: 50px; font-size: 20px; position: absolute; top: -25px; left: 50%; margin: 0 auto 0 -25px; } .divider.white .fa { /* for white background color OR white rounded icon */ background: #fff; color: #333; } li.divider { margin:6px; } /** 19. Forms **************************************************************** **/ .form-group:after { display:block; content:"."; height:0; line-height:0; clear:both; visibility:hidden; } .form-control { height: 46px; padding: 12px; border:#e6e6e6 2px solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .form-control:focus { border-color:#c6c6c6; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } form label { font-weight:300; } /* bootstrap validate icon */ .form-control-feedback { margin-top:8px; } .input-group-btn>button { height: 46px; } /** 20. Count To [number] **************************************************************** **/ div.countTo strong { display: block; font-size: 60px; line-height: 60px; font-weight: 600; } div.countTo label { font-weight: 300; font-size: 22px; line-height: 22px; } /** 21. Tabs **************************************************************** **/ div.tabs { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:60px 0; } div.tabs div.tab-content { border: 0; padding: 17px; background-color: #FFF; -webkit-border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius: 6px; -moz-border-radius-topleft: 0; border-radius: 6px; border-top-left-radius: 0; } div.tabs ul.nav-tabs { margin: 0; border: 0; } div.tabs ul.nav-tabs li.active a { border: 0; color: #333; background: #fff; padding-top:15px; } div.tabs ul.nav-tabs a { color: #666; margin-right: 1px; padding: 15px 25px; background: #f9f9f9; border:0 !important; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } div.tabs ul.nav-tabs a i.fa { padding-right:6px; } /** 22. Accordion **************************************************************** **/ .panel-group { padding: 3px; background: #fff; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .panel { border: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel-default > .panel-heading { background: #F5F7F7; padding: 11px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .panel-heading .fa { display: inline-block; font-size: 14px; font-style: normal; font-weight: normal; height: 25px; margin-right: 2px; padding: 5px; position: relative; text-align: right; top: -1px; width: 25px; } .panel-title a { text-decoration:none; display:block; color:#333; } .panel-body { padding: 21px; } /** 23. Toggle **************************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background: #fff; cursor: pointer; font-size: 16px; font-weight:normal; padding: 10px 20px; position: relative; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.toggle div.toggle-content { border: 0; display: none; background: #fff; margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: #fff; } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color: #fff; right: 14px; margin-top: -10px; } /** 24. Featured Box & Featured Icons **************************************************************** **/ div.featured-box { padding:23px; background:#fff; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.featured-box.nobg { background:none; } div.featured-box i.fa { padding: 0; color: #fff; margin: 20px 0; font-size: 40px; text-align:center; position: relative; background-color:#333; display: inline-block; width:100px; height:100px; line-height:100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } div.featured-box.nobg i.fa { font-size:30px; margin-top:0; width:70px; height:70px; line-height:70px; } div.featured-box.nobg.border-only i.fa { background:none !important; border:#333 1px solid; } .featured-box-minimal i.fa { color:#fff; padding:0; margin-right:10px; width:35px; height:35px; line-height:35px; font-size:17px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* featured icons - alone */ i.featured-icon { color: #FFF; margin: 25px 0; padding: 0; display: inline-block; font-size: 40px; width: 100px; height: 100px; line-height: 100px; position: relative; background-color:#333; border:#333 1px solid; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } i.featured-icon.half { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } i.featured-icon:after { background: transparent; pointer-events: none; content: ''; display: block; border-radius: 50%; border: 1px solid #333; left: 0; right: 0; width: 100%; height: 100%; margin-top: -100px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } i.featured-icon.half:after { margin-top: -50px; } i.featured-icon:hover:after { filter: alpha(opacity=100); opacity: 1; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } i.featured-icon.half:hover:after { filter: alpha(opacity=100); opacity: 1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } i.featured-icon.empty { background:none !important; color:#333 !important; } i.featured-icon.pull-left { margin-right:20px; } i.featured-icon.pull-right { margin-left:20px; } /** 25. Image Thumbnail **************************************************************** **/ figure { margin-bottom:10px; } .img-thumbnail { position: relative; padding: 0; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-thumbnail:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNrMlT1rwlAUhvMhImhEsRQEoRBag2t1Cjo4OmUpgj9D8D+4CeI/cFPcHR0iDiqdpBALgS46qFSKQhBSmwMNtJrozc2XB8Lh3gTuc8953xPyeDwSepAk+aKlZ8LjoE7WPe159RvCF5CAyX7vN2O1Jp/PhxKJBL3ZbNThcKjgQmCBwOHdbvchmUwG9b3lcnkol8sfl2DIE2EafYMk1kwmExyPx4+RSITe7XaqJEkKx3EhfV0qlWQzEArhgkgaqdfr93DgfD5XWJaVcrmcDBnWsF+r1e7sVAKpIovFgoM2FAqF9783hhaJovgE1WAY5g23EkgV0Q6gjfY1cX5DhmpYsSgWyGQy2UM+LTu0CfJgMPjCcYcl1zSbzXWxWIwKghCfTqfB0Wi053k+nM1mw/C+3W5/OqGJqxqpVqvxRqORMvoYBKrpQ16tVqqTEIYgYNVKpRKNxWL0drtVZVk+tFqtlO4cIxC7EEhzBBzS7/dZMxCKsB9X5whYFoYV2DSdToc6nU7Kjjtsg8AYn81mitPtsDzi7c4JR0a82xBYIG5AWAZxC8ISiJsQyCBuQyCBeAFxFcQriIsgXkKYgngNYQjiB8QZiF8Q/0AChL/RO/uL+hUUcQNxExA/AgwAQCThORpp8DAAAAAASUVORK5CYII=') no-repeat; } .img-thumbnail:hover:after { top:2px; right:2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } /** 26. Modal **************************************************************** **/ .modal-content { overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .modal-header { background-color:#333; } .modal-header button, h4.modal-title { color:#fff !important; opacity:1; } .modal-header button { font-size:30px; } .modal.fade .modal-dialog { z-index:9999; } /** 27. Carousel **************************************************************** **/ .owl-carousel { margin-bottom:20px; } .owl-theme .owl-controls .owl-buttons div { opacity:1; color:#333; filter: Alpha(Opacity=100); background:#fff; border:#eee 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-buttons div:hover { background:#F5F7F7; } .controlls-over .owl-controls { position:absolute; top:50%; left:0; right:0; bottom:0; margin-top:-20px; z-index: 10; } .controlls-over .owl-controls .owl-prev { float:left; } .controlls-over .owl-controls .owl-next { float:right; } .controlls-over .owl-pagination { position:absolute; bottom:0; left:0; right:0; } .owl-theme.controlls-over .owl-controls .owl-page { background:rgba(0,0,0,0.3); } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page span { background:#fff; } /* top text caption */ .owl-carousel .owl-item div { position:relative; } .owl-carousel .owl-caption { padding:10px; position:absolute !important; left:0; top:0; right:0; margin-top:0; max-width:100%; background:rgba(0,0,0,0.3); display:block; color:#fff; } .owl-carousel .owl-caption p { color:#fff; font-size:13px; line-height:20px; padding:0; margin:0; } .owl-carousel .owl-caption h1, .owl-carousel .owl-caption h1 a, .owl-carousel .owl-caption h2, .owl-carousel .owl-caption h2 a, .owl-carousel .owl-caption h3, .owl-carousel .owl-caption h3 a { color:#fff; font-size:21px; line-height:21px; font-weight:bold; margin-bottom:10px; } .owl-carousel .owl-caption a { color:#fff; font-weight:bold; } /** 28. Breadcrumbs **************************************************************** **/ .breadcrumb { font-size:13px; margin: -3px 0 0; padding:0; position: relative; display: inline-block; background:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /** 29. Nav List (aside) **************************************************************** **/ aside ul.nav-list { padding:0; margin:0; } aside h3, aside h4 { font-size:16px; line-height:20px; margin-bottom:20px; } aside h4 { margin-top:60px; } aside ul.nav-list li{ padding:0; border-bottom:#ccc 1px dotted; } aside ul.nav-list li a { padding-left:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } aside ul.nav-list li.active>a, aside ul.nav-list li a:hover { padding-left:10px; } aside ul.nav-list li a i { padding-right:6px; color:#ddd; } /** 30. Price Table **************************************************************** **/ div.price-table { background:#fff; margin:30px 0; text-align:center; padding-bottom:30px; } div.row.pricetable-container { padding:0 15px; } div.price-table h3 { font-size:25px; line-height:25px; padding:30px 0; border-bottom:#E7E7E7 2px solid; text-transform:uppercase; } div.price-table p { color:#666; font-size:36px; padding:30px 0; font-weight:400; } div.price-table p span { display:block; font-size:10px; font-weight:300; text-transform:uppercase; } div.price-table ul { margin:0; padding:0; } div.price-table ul li { list-style:none; font-size:12px; border-bottom:#ddd 1px dashed; padding:8px; text-transform:uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color:#fff; } div.price-table.popular { background:#676767; } div.price-table .btn { color:#fff; margin-top:30px; } /* mega price table */ div.mega-price-table { margin-top:60px; } div.mega-price-table .btn .caret.pull-right { margin-top:8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); height:75px; } div.mega-price-table .pricing-title { background-color:transparent !important; padding:15px 0 0 0; margin:0; height:160px; } div.mega-price-table .pricing-title h3 { font-size:50px; line-height:50px; } div.mega-price-table .pricing-head h3 { margin-bottom:3px; display:block; color:#fff; font-size:30px; padding-top:12px; height:36px; } div.mega-price-table h4 { display:block; text-align:center; font-size:60px; padding:20px 0; margin:0; font-weight:400; color:#666; height:85; background-color:rgba(0,0,0,0.03); } div.mega-price-table .pricing:hover h4 { color:#333; text-align:center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size:34px; } div.mega-price-table .pricing-head small { font-size:12px; display:block; color:rgba(255,255,255,0.7); font-weight:300; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align:center; } div.mega-price-table ul li.alternate { background-color:rgba(0,0,0,0.03); } div.mega-price-table { padding-left:15px; padding-right:15px; } div.mega-price-table div { padding:0; } div.mega-price-table .pricing { margin-left:1px; background: rgba(0,0,0,0.03); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align:left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin-bottom:0; } div.mega-price-table .pricing.popular { background-color:#676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color:#fff !important; } div.mega-price-table .dropdown-menu { width:100%; } div.mega-price-table .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /** 31. Animation **************************************************************** **/ .appear-animation { opacity: 0; } .animation-visible { opacity: 1 !important; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } /** 32. Dropcap **************************************************************** **/ p.dropcap:first-letter { float: left; font-size: 70px; line-height: 60px; padding: 4px 8px 4px 4px; margin-right: 6px; margin-top: 0; display:inline-block; color:#333; } p.dropcap.color:first-letter { color:#fff; background:#333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /** 33. Masonry **************************************************************** **/ .masonry-list { margin: 0; padding: 0; width: 100%; list-style: none; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } /** 34. Media Elements **************************************************************** **/ /* video cover WARNING! JS USED! See: MEDIA ELEMENTS */ .video-wrap { top: 0; overflow: hidden; position: absolute; width: 100%; z-index:0; } .video-wrap .mejs-inner { width:100% !important; height:100% !important; } .video-wrap .mejs-poster { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } /** 35. Testimonials **************************************************************** **/ .testimonial { margin-bottom:20px; } /* carousel style */ .testimonial.white p, .testimonial.white cite { background-color:#fff; } .testimonial cite { background:#ddd; display:inline-block; padding:0 10px 6px 10px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .testimonial p { color:#000; background:#ddd; padding:20px; font-size:14px; margin-bottom:0; font-style:italic; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .cover .testimonial p, .cover .testimonial cite { background:none !important; color:#fff; font-size:24px; } /* single style */ .testimonial.classic p { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .testimonial.male p, .testimonial.female p { padding-left:52px; background-image:url('../images/female.png'); background-repeat:no-repeat; background-position:16px 25px; } .testimonial.male p { background-image:url('../images/male.png'); } /**36. Background Patterns *************************************************** **/ .pattern1 { background:url('../images/patterns/pattern1.png') repeat; } .pattern2 { background:url('../images/patterns/pattern2.png') repeat; } .pattern3 { background:url('../images/patterns/pattern3.png') repeat; } .pattern4 { background:url('../images/patterns/pattern4.png') repeat; } .pattern5 { background:url('../images/patterns/pattern5.png') repeat; } .pattern6 { background:url('../images/patterns/pattern6.png') repeat; } .pattern7 { background:url('../images/patterns/pattern7.png') repeat; } .pattern8 { background:url('../images/patterns/pattern8.png') repeat; } .pattern9 { background:url('../images/patterns/pattern9.png') repeat; } .pattern10 { background:url('../images/patterns/pattern10.png') repeat; } /** 37. Summernote HTML Editor *************************************************** **/ .note-editor { position: relative; border: rgba(0,0,0,0.1) 1px solid; } .note-editor .row-fluid p { display:none; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #87cefa; background-color: white; border: 2px dashed #87cefa; opacity: .95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; border: 2px dashed #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: rgba(0,0,0,0.01); border-bottom: 1px solid #eee; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; background-color:#1F252D; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: ns-resize; border-top: 1px solid #a9a9a9; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: 0; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo,Monaco,monospace,sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-air-editor { outline: 0; } .note-popover .popover { max-width: none; } .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover .arrow { left: 20px; } .note-popover .popover .popover-content,.note-toolbar { padding: 0 5px 5px 5px; margin: 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group { margin: 5px 5px 0 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group>button { margin:0; border: rgba(0,0,0,0.2) 1px solid; background-color:#fff; } .note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px !important; text-align:center; padding:0; } .note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child { margin-right: 5px; } .note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i { visibility: visible; } .note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog>div { display: none; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white; border-bottom: white 1px solid; } .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-dialog .note-help-dialog .note-shortcut th, .note-dialog .note-help-dialog .note-shortcut tr { background:transparent !important; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection>div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } table, .note-editor .note-editable { background-color:#f9f9f9; } /** 38. Colors colors.css v2.0.0 http://clrs.cc SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes *************************************************** **/ /* Backgrounds */ .bg-navy { background-color: #001F3F !important; } .bg-blue { background-color: #0074D9 !important; } .bg-aqua { background-color: #7FDBFF !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-green { background-color: #2ECC40 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-yellow { background-color: #FFDC00 !important; } .bg-orange { background-color: #FF851B !important; } .bg-red { background-color: #FF4136 !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #B10DC9 !important; } .bg-maroon { background-color: #85144B !important; } .bg-white { background-color: #fff !important; } .bg-gray { background-color: #aaa !important; } .bg-silver { background-color: #ddd !important; } .bg-black { background-color: #111 !important; } /* Colors */ .navy { color: #001F3F !important; } .blue { color: #0074D9 !important; } .aqua { color: #7FDBFF !important; } .teal { color: #39CCCC !important; } .olive { color: #3D9970 !important; } .green { color: #2ECC40 !important; } .lime { color: #01FF70 !important; } .yellow { color: #FFDC00 !important; } .orange { color: #FF851B !important; } .red { color: #FF4136 !important; } .fuchsia { color: #F012BE !important; } .purple { color: #B10DC9 !important; } .maroon { color: #85144B !important; } .white { color: #fff !important; } .silver { color: #ddd !important; } .gray { color: #aaa !important; } .black { color: #111 !important; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid !important; } */ .border-navy { border-color: #001F3F !important; } .border-blue { border-color: #0074D9 !important; } .border-aqua { border-color: #7FDBFF !important; } .border-teal { border-color: #39CCCC !important; } .border-olive { border-color: #3D9970 !important; } .border-green { border-color: #2ECC40 !important; } .border-lime { border-color: #01FF70 !important; } .border-yellow { border-color: #FFDC00 !important; } .border-orange { border-color: #FF851B !important; } .border-red { border-color: #FF4136 !important; } .border-fuchsia { border-color: #F012BE !important; } .border-purple { border-color: #B10DC9 !important; } .border-maroon { border-color: #85144B !important; } .border-white { border-color: #fff !important; } .border-gray { border-color: #aaa !important; } .border-silver { border-color: #ddd !important; } .border-black { border-color: #111 !important; } /* Fills for SVG */ .fill-navy { fill: #001F3F !important; } .fill-blue { fill: #0074D9 !important; } .fill-aqua { fill: #7FDBFF !important; } .fill-teal { fill: #39CCCC !important; } .fill-olive { fill: #3D9970 !important; } .fill-green { fill: #2ECC40 !important; } .fill-lime { fill: #01FF70 !important; } .fill-yellow { fill: #FFDC00 !important; } .fill-orange { fill: #FF851B !important; } .fill-red { fill: #FF4136 !important; } .fill-fuchsia { fill: #F012BE !important; } .fill-purple { fill: #B10DC9 !important; } .fill-maroon { fill: #85144B !important; } .fill-white { fill: #fff !important; } .fill-gray { fill: #aaa !important; } .fill-silver { fill: #ddd !important; } .fill-black { fill: #111 !important; } /* Strokes for SVG */ .stroke-navy { stroke: #001F3F !important; } .stroke-blue { stroke: #0074D9 !important; } .stroke-aqua { stroke: #7FDBFF !important; } .stroke-teal { stroke: #39CCCC !important; } .stroke-olive { stroke: #3D9970 !important; } .stroke-green { stroke: #2ECC40 !important; } .stroke-lime { stroke: #01FF70 !important; } .stroke-yellow { stroke: #FFDC00 !important; } .stroke-orange { stroke: #FF851B !important; } .stroke-red { stroke: #FF4136 !important; } .stroke-fuchsia { stroke: #F012BE !important; } .stroke-purple { stroke: #B10DC9 !important; } .stroke-maroon { stroke: #85144B !important; } .stroke-white { stroke: #fff !important; } .stroke-gray { stroke: #aaa !important; } .stroke-silver { stroke: #ddd !important; } .stroke-black { stroke: #111 !important; } /** --. Printable Div If want to dismiss these rules, add to body: class="printable" Or simply delete custom rules! *************************************************** **/ @media print { /* @CUSTOM RULES */ body * { visibility: hidden; margin:0; padding:0; } .printable * { visibility: visible; } /* print resets */ #wrapper { margin:0 !important; padding:20px 0 0 0 !important; } /* display none for all other elements - remove whitespaces */ #topNav, #header_shadow, #footer, #page-title, .btn { display:none; } /* @REQUIRED RULES */ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } } /** ********************************************** ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update 8:23 AM Friday, February 07, 2014 TABLE CONTENTS ------------------------------- 01. Globals 02. Boxed Layout 03. Top Nav 04. Slider 05. Content 06. Special Pages (maintenance, coming soon, etc) 07. Contact 08. Item Box (team, shop, etc) 09. Comments 10. Footer 11. Global Search 12. Quick Shop Cart *************************************************** **/ /** 01. Globals **************************************************************** **/ html { overflow-x: hidden; overflow-y: auto; } html, body { min-height: 100%; } body { color:#2E363F; background-color:#f1f2f7; font-family:'Open Sans', Arial, sans-serif; font-size:14px; line-height:23px; margin:0; padding:0 !important; } #wrapper { padding:81px 0; /* top nav height */ z-index:98; /* under top nav */ position:relative; background-color:rgba(244,245,247,0.9); /* if background image used */ /*background-image:url("../images/logo_bg.png"); background-repeat:no-repeat; background-position:center; background-size:auto;*/ overflow:hidden; min-height:550px; } html.overflow-hidden, body.overflow-hidden { overflow:hidden !important; } section.margin-footer { margin-bottom:-81px; /* see wrapper padding */ } span.global-overlay { background-color:rgba(0,0,0,0.3); position:fixed; top:0; right:0; bottom:0; left:0; z-index:99; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } /** 02. Boxed Layout **************************************************************** **/ body.boxed { background-color:#D7D6D6; } body.boxed #wrapper { background-color:#f4f5f7; } body.boxed #wrapper, body.boxed header, /* IE BUG */ body.boxed footer { margin:auto; max-width:1170px; } /** 03. Top Nav **************************************************************** **/ .Essitylogo{ height:59px; } #header_shadow { background:url('../images/header_shadow.png') no-repeat top center; position:fixed; top:81px; left:0; right:0; height:75px; z-index:99; /* same with header#page-title .container */ } header#topHead { height:40px; line-height:40px; width:100%; position:relative; top: 0; left:0; right:0; /* do not remove - position:fixed added by javascript */ background-color:#fff; z-index:101; border-bottom:#eee 1px solid; } header#topHead form div.checkbox label { padding-left:20px; } header#topHead a.social { text-align:center; margin:1px 0 0 1px; font-size:20px; padding:0; background:transparent; color:#ccc; } header#topHead .nav { margin-right:10px; } header#topHead a { color:#999; font-size:13px; padding-right:10px; } header#topHead .btn-group.open .dropdown-toggle { -webkit-box-shadow:none; box-shadow:none; } header#topHead .dropdown-menu { background-color:#2E363F; } header#topHead .dropdown-menu li a img, header#topHead button.language img, header#topHead button.language { font-size:13px; display:inline-block; margin-right:6px; } header#topHead .dropdown-menu li a { color:#fff; padding:6px 10px; font-size:13px; } header#topHead .dropdown-menu li:hover a { background-color:#1B1F23; } header#topHead .dropdown-menu:after { content: " "; display: block; position: absolute; width: 0; height: 0; right:10px; top: -18px; border:#2E363F 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; } header#topNav.topHead { top:40px; } header#topNav { background:#fff; padding:10px 0; position:fixed; top: 0; left:0; right:0; width:100%; z-index:100; /* always on top */ border-bottom:#F4F5F7 1px solid; box-shadow:#eee 0 0 8px; } header#topNav.hasTopHead { top:40px !important; } header#topNav .nav>li:last-child>a { padding-right:0; } header#topNav div.nav-main-collapse { margin-top:16px; z-index:300; } header#topNav div.nav-main-collapse, header#topNav div.nav-main-collapse.in { overflow-y: visible; } header#topNav div.nav-main-collapse.in { overflow-y: visible; float: none; margin: 0; } header#topNav nav ul.nav-main { margin: -7px 0 8px 0; z-index:300; } header#topNav nav ul.nav-main i.icon-caret-down { background: transparent; border-radius: 100%; color: #ADB0AD; display: inline-block; font-size: 12px; height: 14px; line-height: 15px; position: relative; text-align: center; top: -1px; width: 14px; } header#topNav nav ul.nav-main > li + li { margin-left: -4px; } header#topNav nav ul.nav-main .dropdown-submenu { position: relative; } header#topNav nav ul.nav-main .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } header#topNav nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu { display: block; } header#topNav nav ul.nav-main .dropdown-submenu > a:after { content: " "; display: block; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #CCC; margin-top: 5px; margin-right: -10px; } header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } header#topNav nav ul.nav-main .dropdown-submenu.pull-left { float: none; } header#topNav nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } header#topNav nav ul.nav-main ul.dropdown-menu, header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle, header#topNav nav ul.nav-main li.active a { background-color: transparent; } header#topNav nav ul.nav-main ul.dropdown-menu { top: auto; border: 0; border-radius: 6px; margin: 0 0 0 0; padding: 10px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; } header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { margin-left:-6px !important; margin-top:-10px !important; box-shadow: rgba(0,0,0,0.5) 0 0 6px !important; -moz-box-shadow: rgba(0,0,0,0.5) 0 0 6px !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a { filter: none; } header#topNav nav ul.nav-main ul.dropdown-menu > li > a { position: relative; font-weight: normal; padding: 6px 20px 6px 12px; } header#topNav nav ul.nav-main ul.dropdown-menu li:last-child > a { border-bottom: 0; } header#topNav nav ul.nav-main li a { background: none; font-style: normal; line-height: 20px; color: #9C9C9C; font-weight: 100; position: relative; font-size: 1.1em; } header#topNav nav ul.nav-pills > li > a, header#topNav nav ul.nav-pills > li > a:hover, header#topNav nav ul.nav-pills > li > a:focus, header#topNav nav ul.nav-pills > li.active > a, header#topNav nav ul.nav-pills > li.active > a:hover, header#topNav nav ul.nav-pills > li.active > a:focus { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background: none; } header#topNav nav ul.nav-main li ul a { text-transform: none; font-weight: normal; font-size: 0.9em; } header#topNav nav ul.nav-main li.dropdown:hover > a { padding-bottom: 11px; margin-bottom: -1px; position: relative; } header#topNav nav ul.nav-main li.dropdown:hover > a:after { content: " "; display: block; position: absolute; width: 0; height: 0; left: 40%; bottom: -3px; border-left: 10px solid transparent; border-right: 10px solid transparent; } header#topNav nav ul.nav-main li.dropdown:hover > ul { display: block; z-index:300; } header#topNav li.divider { border:0; border-bottom:#465260 1px solid; border-top:#1B1F23 1px solid; padding:0; } header#topNav li a i.fa { padding-right:6px; } header#topNav li a em { color:#fff; } header#topNav a.logo { color:#333; text-decoration:none; font-size:35px; display:inline-block; height:60px; line-height:50px; font-weight:600; letter-spacing:-2px; } header#topNav button.btn-mobile { color:#fff; display: none; background:#2E363F; padding:6px 10px; margin-top:8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header#topNav button.btn-mobile i { padding:0; margin:0; font-size:21px; } /* force btn default styles to be available on header */ header#topNav a.btn-warning { background-color:#f0ad4e !important; } header#topNav a.btn-info { background-color:#5bc0de !important; } header#topNav a.btn-danger { background-color:#d9534f !important; } /* Top Down Full Width .mega-menu-fullwidth ul.dropdown-menu { position:fixed; left:0; right:0; margin-left:0 !important; margin-right:0 !important; border-radius:0 !important; } */ /* SIGN IN Top Head Drop Down */ #topHead .signin-dd { position:relative; } #topHead .signin-dd .dropdown-menu { padding:5px 10px; } #topHead .signin-dd h2, #topHead .signin-dd h3, #topHead .signin-dd h4, #topHead .signin-dd h5, #topHead .signin-dd h6 { font-size:16px; line-height:23px; display:block; margin-bottom:6px !important; } #topHead .signin-dd h4, #topHead .signin-dd { color:#fff; margin:0; } #topHead .signin-dd p { color:#888; } #topHead .signin-dd input[type="text"], #topHead .signin-dd input[type="password"], #topHead .signin-dd input[type="email"] { margin:0; border:0; padding:8px !important; height:38px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #topHead .signin-dd .input-group input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #topHead .signin-dd p, #topHead .signin-dd form, #topHead .signin-dd form a, #topHead .signin-dd form label { font-size:13px; } #topHead .signin-dd form { width:250px; } #topHead .signin-dd .form-group { margin-bottom:3px !important; } #topHead .signin-dd form .input-group-btn, #topHead .signin-dd form label { margin:0; padding:0; line-height:20px; } #topHead .signin-dd form div.checkbox { line-height:20px; margin:3px 0 0 0; } #topHead .signin-dd form div.checkbox input { /* IE FIX */ float:left; display:inline-block; margin-top:4px; margin-right:6px; } #topHead .signin-dd form div.checkbox label { display:inline-block; } #topHead .signin-dd form .input-group-btn .btn, #topHead .signin-dd form .input-group .btn, #topHead .signin-dd form .form-control { border:0; height:38px; margin-top:0; } #topHead .signin-dd form button, #topHead .signin-dd form button:hover { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } #topHead .signin-dd form button:after { content: " "; display: block; position: absolute; width: 0; height: 0; z-index:100; left: -18px; top: 50%; margin-top:-10px; } #topHead .signin-dd form button:hover:after { margin-left:-1px; /* temporary fix */ } #topHead .dropdown-menu hr { border: 0; padding: 0; margin: 10px 0; border-bottom: #465260 1px solid; border-top: #1B1F23 1px solid; } #topHead .bottom-create-account { text-align:center; margin:0 -10px -5px -10px; } #topHead .bottom-create-account a { background:rgba(0,0,0,0.2); margin-top:6px; padding:6px 0; display:block; text-decoration:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #topHead .bottom-create-account a:hover { background:rgba(0,0,0,0.5); } /** 04. Slider **************************************************************** **/ #slider * { color:#fff; } #slider { color:#fff; background:#E2E6E9; border-bottom:#ddd 1px solid; box-shadow:#ddd 0 0 5px; position:relative; margin-top:-10px !important; margin-bottom:60px !important; } #slider.full-screen { background:#f6f6f6; overflow:hidden; width:100%; margin:0; padding:0; display:block; margin-top:-81px !important; /* see #wrapper padding */ } #slider.nomargin-top { margin-top:0 !important; } #slider .fullscreen-img { background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #slider li { display:none; } .image-caption { text-align:center; position: absolute; left: 50%; top: 50%; margin-top:-30px; /* header height/2 */ display: inline-block; max-width: 900px; z-index:2; color:#fff; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #slider .image-caption .inner { display:block; padding:40px 0; } #slider .image-caption .inner h1, #slider .image-caption .inner h2, #slider .image-caption .inner h3 { color:#fff; font-size:33px; line-height:33px; margin:0 0 1px 0; display:inline-block; padding:6px; text-transform:uppercase; -webkit-text-stroke: 0.2px; } #slider .image-caption .inner h1 { font-size:60px; line-height:60px; font-weight:600; background:rgba(255,255,255,0.3); display:inline-block; } #slider .image-caption .inner p { padding:3px 10px; margin:0 0 1px 0; display:inline-block; background:#fff; color:#333; -webkit-text-stroke: 0.2px; } #slider .image-caption .inner .btn { margin-top:40px; font-size:30px; padding-bottom:15x; font-weight:200; -webkit-text-stroke: 0.2px; } #slider .image-caption img.img-responsive {/* if images used on the slider */ width:100% !important; height:auto !important; position:relative !important; z-index:10 !important; left:auto !important; top:auto !important; } #slider .overlay { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.3); z-index:1; } #slider .overlay.invisible { background:rgba(0,0,0,0); visibility:visible; } /* controlls */ #slider a.next, #slider a.prev { top:50%; color: #fff; font-size: 62px; filter: alpha(opacity=50); opacity:0.5; text-decoration:none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #slider a.next:hover, #slider a.prev:hover { color: #fff; font-size: 70px; filter: alpha(opacity=100); opacity:1; } #slider a.prev { left: 10px } #slider a.prev:after { font-family: FontAwesome; content: '\f104'; } #slider a.next { right: 10px } #slider a.next:after { font-family: FontAwesome; content: '\f105'; } /* half screen height */ #slider.half-screen, #slider.half-screen li { height:600px !important; margin:0; padding:0; } /* custom */ #slider.full-screen, #slider.half-screen { background:#F0F0F0 url('../images/loading.gif') no-repeat center; } #slider .slides-pagination { bottom:60px !important; } #slider.video { background-position:center center; background-repeat:no-repeat; background-size: cover; } #video-volume { bottom: 85px; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 10; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #FFFFFF; cursor: pointer; } /* slider with no image background */ #slider .noimg-slider h1 { font-size:120px !important; line-height:120px !important; background:none !important; font-weight:900 !important; display:block !important; padding:0 !important; } #slider .noimg-slider p { background:none !important; padding:0 !important; font-weight:200; display:block !important; -webkit-text-stroke: 0.2px; } /* bottom button */ .slider-button { display:block; text-align:center; margin-top:-110px; margin-bottom:60px; position:relative; z-index:99; } .bottom-button { border:#F4F5F7 8px solid; width:100px; height:100px; line-height:86px; display:inline-block; position:relative; background:#F4F5F7; text-align:center; padding:0; margin:0; font-size:90px; text-decoration:none !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } /* boxed slider */ body.boxed #slider li { position:relative; } body.boxed #slider .image-caption { left:30%; } /** 05. Content **************************************************************** **/ /* page title */ header#page-title { color:#fff; padding:20px 0; background:#ddd; position:relative; margin-bottom:40px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } header#page-title h1, header#page-title h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; } header#page-title.big { padding:180px 0; } header#page-title.big h1 { color:#fff; font-size: 3em; line-height: 44px; line-height:50px; } header#page-title .container { color:#fff; z-index:99; /* eq #header_shadow */ position:relative; } header#page-title h1 { margin:0; padding:0; color:#fff; } header#page-title.big .breadcrumb { background:rgba(255,255,255,0.8); padding:0 5px; } /* header parallax */ header#page-title.parallax { margin-top:-100px; padding-top:280px; } .no-page-title { margin-top:50px; } /* stick element to footer */ .stick-to-footer { margin-bottom:-81px; /* see #wrapper padding */ } /* image inside article */ a.inner.pull-left, img.inner.pull-left { margin-right:25px; } a.inner.pull-right, img.inner.pull-right { margin-left:25px; } /* 404 */ div.e404 { font-size:1500%; line-height:200px; color:#ddd; } .top-content-search { margin:30px 0 60px 0; width:100%; } /* if no header used */ .top-no-header { position:relative; padding-top:80px; } /* demo only, optional - can be deleted on production */ .white-grid span { background:#fff; line-height: 40px; min-height: 40px; text-align: center; display: block; } .white-row { padding:20px; margin-bottom:20px; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } /* General Page Title */ header.page-title h1, h1.page-title { font-size:40px !important; line-height:40px !important; text-transform:none !important; font-weight:300 !important; margin:0; } h1.page-title, header.page-title { margin-bottom:30px; } /* special row -mostly used by one page */ .special-row .divider i.fa, .special-row { background-color:#e8eaee; } .special-row .divider.white .fa { background: #fff; } /* revolution slider */ .tp-banner-container { overflow:hidden; position:relative; } .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } .tp-caption.roundedimage img { -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } .fullscreenbanner-container, .fullwidthbanner-container { background:#E2E6E9; margin-bottom:60px !important; } .fullscreenbanner-container li, .fullwidthbanner-container li { visibility:hidden; } .tp-bullets { bottom:10px !important; } .tp-caption a.btn, .tp-caption a.btn:hover { color:#fff; text-decoration:none; } .tp-bannershadow { width:100% !important; } .tp-caption h1 { color:#fff; font-size:350%; } .tp-caption h2 { color:#fff; font-size:180%; } /* modal wrapper bugfix */ .modal { padding-top:130px; background:rgba(0,0,0,0.3); } .modal-backdrop { z-index: 1 !important; /* because of #wrapper */ } /* isotope filter */ li.masonry-item, ul.isotope { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.masonry-item.fadeIn, ul.isotope.fadeIn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* loader */ span.js_loader { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,0.1); text-align:center; padding-top:10%; } /* Custom Arrows */ .tp-bannertimer { background:#777 !important; background:rgba(0,0,0,0.1) !important; height:5px !important; } .tparrows:before { font-family: 'revicons'; color: #fff; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 9px; text-align: center; width: 40px; font-size: 20px; } .tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 5px; border-radius: 5px; width: 40px !important; height: 40px !important; } .tparrows:hover { color: #fff; } .tp-leftarrow:before { content: '\e824'; } .tp-rightarrow:before { content: '\e825'; } .tparrows.tp-rightarrow:before { margin-left: 1px; } .tparrows:hover { background: rgba(0, 0, 0, 1) !important; } /* end custom arrows */ /* box-icon line separator */ .featured-box.left-separator { border-left:#e6e6e6 1px solid; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } /* misc */ .alert-minimal { padding:6px 15px; border-radius:0; } .alert.alert-default { background-color: rgba(0,0,0,0.08); border-left: rgba(0,0,0,0.6) 3px solid; } /** 06. Special Pages - maintenance, coming soon, etc **************************************************************** **/ .special-page { position:absolute; z-index:1000; left:0; right:0; top:0; } .special-page .center-box { padding:20px; margin-top:10%; background-color:rgba(255,255,255,0.3); border:rgba(255,255,255,0.1) 10px solid; box-shadow:rgba(0,0,0,0.1) 0 0 20px inset; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .special-page .center-box h1 { color:#fff; text-transform:uppercase; font-weight:300; font-size:60px; line-height:60px; margin:0; } .special-page .center-box h1 .subtitle { color:#fff; font-size:15px; line-height:26px; padding-top:10px; text-transform:none; font-weight:400; } .special-page .center-box h2, .special-page .center-box h3 { color:#fff; font-size:22px; } .special-page .progress-label, .special-page .center-box p { color:#fff; } .special-page .center-box hr { border:0; margin:40px 0; border-bottom:rgba(255,255,255,0.3) 1px solid; } @media only screen and (max-width: 479px) { .special-page .center-box h1 { font-size:30px; line-height:30px; } .special-page .center-box h1 .subtitle { font-weight:300; padding-top:20px; } } /** 07. Contact **************************************************************** **/ #gmap { width:100%; height:400px; display:block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; z-index:1; } #gmap_default { width:100%; height:400px; display:block; } .err { border-color:#ff0000; } /** 08. Item Box (team, shop, etc) **************************************************************** **/ .item-box { background:#fff; overflow:hidden; margin:16px 0; width:100%; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .item-box.fullwidth { max-width:100%; } .item-box figure { width:100%; display:block; margin-bottom:0; overflow:hidden; position:relative; text-align:center; } .item-box.fixed-box figure img { width:100%; height:auto; } .item-box-desc { padding:10px 20px; overflow:hidden; } .item-box-desc p { margin-top:20px; display:block; overflow:hidden; text-overflow:ellipsis; /*white-space: nowrap;*/ } .item-box.fixed-box .item-box-desc p { height:98px; } .item-box-desc h4 { padding:0; margin:0; } .item-box .item-box-desc small { display:block; } .item-box.fixed-box .item-box-desc { height:256px; } .item-box.fixed-box figure { max-height:263px; } .item-box .socials { border-top:#eee 1px solid; text-align:center; display:block; } /* hover */ .item-box .item-hover, .item-box .item-hover .overlay { -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .item-box .item-hover { opacity: 0; filter: alpha(opacity=0); position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; color:#fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .item-box .item-hover, .item-box .item-hover button, .item-box .item-hover a { color:#fff; } .item-box .item-hover .inner { position:absolute; display:block; left:0; right:0; top:50%; margin-top:-30px; z-index:100; } .item-box:hover .item-hover { opacity: 1; filter: alpha(opacity=100); } /** 09. Comments **************************************************************** **/ #comments .comment { margin:40px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #comments a.replyBtn { float:right; font-size:11px; text-transform:uppercase; } #comments span.user-avatar { background:#eee; width:64px; height:64px; float:left; margin-right:10px; } #comments form .col-md-3, #comments form .col-md-4, #comments form .col-md-6, #comments form .col-md-12 { padding:2px; } #comments form label { padding:6px 0 0 4px; } #commentForm { padding:15px; } /** 10. Footer **************************************************************** **/ footer { color:#87919F; font-size:13px; overflow:hidden; } footer a, footer a:hover { color:#fff; } footer ul, footer ul li { list-style:none; margin:0; padding:0; } footer .footer-bar { background:#292f38; display:block; text-transform:uppercase; position:relative; } footer .footer-bar .fa { margin-left:10px; } footer .footer-bar .copyright { display:inline-block; padding:20px 0; } footer .footer-bar .toTop { position:absolute; right:0; padding:20px 0; padding-left:70px; width:50%; display:inline-block; float:right; text-align:center; border-left:#403E44 1px dashed; } footer .footer-bar .toTop:hover { text-decoration:none; } /* footer columns */ footer .footer-content { background:#2E363F; border-top:#403E44 1px dashed; padding:30px 0; display:block; } footer .footer-content h3 { color:#fff !important; font-weight:200; font-size:16px; } footer .column { display:block; height:100%; } /* footer logo */ footer .column.logo { position:relative; background:#AAB3C0; display:block; margin-top:-30px; margin-bottom:-30px; padding-top:50px; padding-bottom:50px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } footer .column.logo h4 { color:#001A5C; font-size:20px; padding:0; margin:0; } /* footer latest posts */ footer .post-item, footer .post-item p, footer .post-item small { padding:0; margin:0; display:block; } footer .post-item { border-top:#403E44 1px dashed; padding-top:10px; margin-top:10px; } footer .post-item:first-child { border-top:0; } footer .post-item small { font-size:11px; } footer .post-item h3 { font-size:13px; line-height:20px; font-weight:normal; padding:0; margin:0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-transform:none; } footer .view-more { display:block; margin-top:20px; font-size:13px; } /* footer contact */ footer address .footer-sprite { margin-bottom:20px; padding-left:30px; background:url('../images/footer_sprite.png') no-repeat 0 0; } footer address .footer-sprite:last-child { margin-bottom:0; } footer p { line-height:18px; } footer p.contact-desc { margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:#403E44 1px dashed; } footer address .footer-sprite.address { background-position:0 0; } footer address .footer-sprite.phone { background-position:0 -138px; line-height:30px; } footer address .footer-sprite.email { background-position:0 -247px; } /** 11. Global Search **************************************************************** **/ header#topNav li.search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; cursor:pointer; background:rgba(0,0,0,0.03); line-height:40px; width:40px; height:40px; text-align:center; font-size:17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } header#topNav li.search:before { content: "\f002"; } header#topNav li.search form { width:300px; padding:10px; height:60px; background-color:#F8F8F8; position:fixed; left:-999px; } header#topNav li.search form button:hover header#topNav li.search form button { width:49px !important;; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } header#topNav li.search form button:after { content: " "; display: block; position: absolute; width: 0; height: 0; z-index:100; left: -18px; top: 50%; margin-top:-10px; } header#topNav li.search form button:hover:after { margin-left:-1px; /* temporary fix */ } header#topNav li.search form button, header#topNav li.search form input { height:40px; border:#F8F8F8 !important; margin-top:0 !important; margin-bottom:0 !important; font-family:'Open Sans', Arial, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header#topNav li.search.open { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } header#topNav li.search.open form { position:relative; left:0; } header#topNav li.search.open:before { content: "\f00d"; } /** 12. Quick Shop Cart **************************************************************** **/ header#topNav li.quick-cart { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; position:relative; cursor:pointer; background:rgba(0,0,0,0.03); line-height:40px; width:40px; height:40px; text-align:center; font-size:17px; margin-left:10px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } header#topNav li.quick-cart:before { content: "\f07a"; } header#topNav li.quick-cart .badge { font-family:'Open Sans'; position:absolute; top:-4px; right:-4px; color:#999; font-size:12px; background-color:#F8F8F8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } header#topNav li.quick-cart .quick-cart-content { font-family:'Open Sans'; width:250px; position:absolute; top:40px; right:0; background-color:#F8F8F8; text-align:left; padding:10px; } header#topNav li.quick-cart .quick-cart-content p { padding:0 0 6px 0; margin:0; font-size:13px; } header#topNav li.quick-cart .quick-cart-content a.item { clear:both; display:block; color:#999; padding:10px 0; font-size:13px; line-height:16px; min-height:60px; text-decoration:none; border-bottom:rgba(0,0,0,0.1) 1px solid; background:rgba(0,0,0,0.03); } header#topNav li.quick-cart .quick-cart-content a.item:hover { background:rgba(0,0,0,0.06); } header#topNav li.quick-cart .quick-cart-content a.item img { margin-right:10px; margin-left:8px; } header#topNav li.quick-cart .quick-cart-content a.item span.title, header#topNav li.quick-cart .quick-cart-content a.item span.price { display:block; font-size:14px; max-height:39px; overflow:hidden; } header#topNav li.quick-cart .cart-footer div.nopadding-right { margin-top:6px; padding-right:6px !important; } header#topNav li.quick-cart .cart-footer div.nopadding-left { margin-top:6px; padding-left:6px !important; } header#topNav li.quick-cart .cart-footer a.btn { color:#fff !important; font-size:13px !important; } header#topNav li.quick-cart.open { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } header#topNav li.quick-cart .quick-cart-content { position:fixed; left:-999px; } header#topNav li.quick-cart.open .quick-cart-content { cursor:default; position:absolute; left:auto; right:0; } header#topNav li.quick-cart.open:before { content: "\f00d"; } /* mobile button */ #btn-mobile-quick-cart { font-size:16px; display:none; border-left: rgba(0,0,0,0.1) 1px solid; padding:0 15px !important; } /** DEMO ONLY **************************************************************** **/ /** feature-icons.html - icon text color - can be removed on production **/ .fa-hover a { text-decoration:none; } .fa-hover i { width:20px; margin-right:10px; } .fa-hover a span { color:#666; } /** *** **/ /** Responsive Rules *************************************************** **/ /* Mega Menu */ @media (min-width: 990px) { nav.mega-menu .nav, nav.mega-menu .dropup, nav.mega-menu .dropdown, nav.mega-menu .collapse { position: static; } header#topNav nav.mega-menu ul.nav-main .mega-menu-content { text-shadow: none; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { color: #87919F; padding: 0; margin: 0 15px; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* two columns */ header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu { min-width:350px; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu { top:4px; min-width:160px; padding:6px 2px; box-shadow:rgba(0,0,0,0.3) 0 0 6px; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu li a { font-weight: normal; text-transform: none; position: relative; padding: 6px 20px; margin:0 -2px; background: none; font-style: normal; line-height: 20px; color: #9C9C9C; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title { display: block; font-size: 1em; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu { list-style: none; padding: 0; margin: 0; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a { display: block; margin: 0 0 0 -8px; padding: 6px 8px; text-transform: none; font-size: 0.9em; font-weight: normal; text-shadow: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover { text-decoration: none; } header#topNav nav.mega-menu .navbar-inner, header#topNav nav.mega-menu .container { position: relative; } header#topNav nav.mega-menu .dropdown-menu { left: auto; } header#topNav nav.mega-menu .dropdown-menu > li { display: block; } header#topNav nav.mega-menu .nav.pull-right .dropdown-menu { right: 0; } header#topNav nav.mega-menu .mega-menu-content { padding: 20px 8px; } header#topNav nav.mega-menu .mega-menu-content:before, header#topNav nav.mega-menu .mega-menu-content:after { display: table; content: ""; line-height: 0; } header#topNav nav.mega-menu .mega-menu-content:after { clear: both; } header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:after, header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:before { display: none; } header#topNav nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { left: 0; right: 0; width: auto; } } /* long menu buttons - fix */ @media only screen and (max-width: 1200px) { header#topNav nav ul.nav-pills > li > a, header#topNav nav ul.nav-pills > li > a:hover { font-size: 14px; padding: 10px 8px; } } /* BOOTSTRAP MOBILE EXTRA FIX Since Atropos v1.3 */ @media only screen and (max-width: 1006px) { #wrapper { padding-top:90px !important; } header#topNav { height:60px !important; } header#topNav div.nav-main-collapse { margin-top:6px; } header#topNav button.btn-mobile { margin-top:0 !important; } header#topNav a.logo { margin-top:-10px !important; } } /* BOOTSTRAP FIX Since Atropos v1.3 */ @media (max-width: 991px) { .container { width:100% !important; } } @media (max-width: 990px) { header#topHead .signin-dd { margin-right:0 !important; border-left:rgba(0,0,0,0.1) 1px solid; padding-left:11px; padding-right:6px; } header#topHead .signin-dd .dropdown-menu { margin-right:-10px; } /* quick cart */ header#topNav li.quick-cart { display:none !important; } #btn-mobile-quick-cart { display:block; } /* Navigation */ header#topNav div.nav-main-collapse, header#topNav div.nav-main-collapse.in { width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; } header#topNav div.nav-main-collapse { float: none; } header#topNav nav.nav-main ul.nav-main { float: none; position: static; margin: 8px 0; overflow-x:hidden; } header#topNav div.nav-main-collapse.collapse { display: none !important; } header#topNav div.nav-main-collapse { top: 8px; position: relative; } header#topNav div.nav-main-collapse.topFix { margin-top:-18px !important; } header#topNav div.nav-main-collapse.in { display: block !important; } header#topNav div.nav-collapse div.container nav.nav-main { float: left; width: 100%; } header#topNav div.nav-main-collapse { background: #2D343E; margin: -8px -15px 0 -15px !important; max-height: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } header#topNav div.nav-main-collapse.topFix { margin-top:-18px !important; } header > div.container { margin-bottom: 0; } header#topNav nav ul.nav-main { margin-right: -10px; } header#topNav div.nav-collapse { background: #2D343E; width: 100%; clear: both; width: 100%; } header#topNav nav.nav-main { padding: 10px 0; clear: both; display: block; float: none; width: 100%; } header#topNav nav.nav-main ul, header#topNav nav.nav-main ul li { padding: 0; margin: 0; } header#topNav nav.nav-main ul li { clear: both; float: none; display: block; border-bottom: 1px solid #383F49; } header#topNav nav ul.nav-main > li + li { margin-left: 0; } header#topNav nav ul.nav-main li a, header#topNav nav ul.nav-main ul.dropdown-menu li > a { padding: 9px 8px; border: 0; border-top: 0; margin: 0; } header#topNav nav.nav-main ul li:last-child, header#topNav nav ul.nav-main ul.dropdown-menu li > a { border-bottom: none; } header#topNav nav ul.nav-main li.dropdown:hover > a { margin-bottom: -2px; } header#topNav nav ul.nav-main li a { color: #FFF; clear: both; float: none; display: block; padding-left: 0; } header#topNav nav ul.nav-main li a i.icon-angle-down { position: absolute; right: 5px; top: 10px; } header#topNav nav.nav-main ul ul { margin-left: 20px !important; } header#topNav nav.nav-main ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; } header#topNav nav ul.nav-main ul.dropdown-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } header#topNav nav.nav-main li.resp-active > ul.dropdown-menu { display: block !important; } header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border: 0; margin: 0 5px; padding-left: 35px; } header#topNav nav ul.nav-main .dropdown-submenu > a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF; } header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: transparent; } header#topNav nav ul.nav-pills > li > a:before, header#topNav nav ul.nav-main li.dropdown:hover > a:after { display: none; } header#topNav nav ul.nav-main i.icon-caret-down { float: right; } header#topNav nav ul.nav-main ul.dropdown-menu, header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle, header#topNav nav ul.nav-main li a, header#topNav nav ul.nav-main li.active a, header#topNav nav ul.nav-main li.dropdown:hover a, header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a, header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover { background: none !important; background-color: transparent !important; color: #FFF !important; } header.center nav ul.nav-main > li { display: block; } header#topNav nav ul.nav-main ul.sub-menu { padding: 0; margin: 0 0 10px 0; } header#topNav nav ul.nav-main ul.sub-menu ul.sub-menu { margin-top: 10px; } header#topNav nav ul.nav-main i.icon-caret-down { color: #ADB0AD !important; } header#topNav button.btn-mobile { display:block; float:right; } header#topNav ul.scroll-menu { position: relative; display: inherit !important; overflow-x: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; top: 0 !important; left: 0 !important; width: 100%; height: auto; max-height: 460px; margin: 0; border-left: none; border-right: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } header#topNav ul.scroll-menu-2x { max-height: 230px; } header#topNav nav.nav-main ul li.search { margin:0; padding:20px 10px 0 0; background-color:transparent !important; display:block; width:100%; } header#topNav li.search:before { display:none !important; } header#topNav li.search form { height:40px; padding:0; width:100% !important; float:none !important; background-color:transparent !important; filter: alpha(opacity=100); opacity:1; } .featured-box.left-separator { border-left:0; } .bs-callout .btn { display:block; max-width:250px; margin:30px auto 0 auto; } footer .column.text-right, footer .column.logo { display:none; } } @media only screen and (max-width: 768px) { /* slider */ .noimg-slider h1 { font-size:80px !important; line-height:80px !important; } /* Ignore Parallax */ .parallax { background-position:0 50% !important; background-size:auto !important; } .item-box { max-width:300px; } /* portfolio filter */ ul.nav-pills>li { margin-top:3px; } ul.nav-pills>li, ul.nav-pills>li>a { display:block; width:100%; float:none; } ul.nav-pills { display:block; float:none; width:100%; } /* Count To */ div.countTo label { margin-bottom:30px; } footer .copyright { text-align:center; display:block; width:100%; } footer .column.logo, footer .column.testimonials { display:none; } footer .footer-bar .toTop { position:relative; padding-left:0; width:100%; border:0; border-top:#403E44 1px dashed; display:block; text-align:center; } } @media only screen and (max-width: 479px) { /* slider */ .noimg-slider h1 { font-size:60px !important; line-height:60px !important; } .slides-navigation a { top:auto !important; bottom:30px !important; } .slides-pagination { bottom:30px !important; } #slider .image-caption .inner h1 { font-size:40px; line-height:40px; } body.boxed #slider .image-caption { left:50% !important; } /* image no float */ a.inner.pull-left, a.inner.pull-right, img.inner.pull-left, img.inner.pull-right { float:none !important; margin:20px 0 !important; } /* tabs */ div.tabs ul.nav-tabs li, div.tabs ul.nav-tabs li a { display:block !important; float:none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .responsive-text-center { text-align:center !important; } /* item box */ .item-box { width:100%; max-width:100%; text-align:center; } .item-box figure { text-align:center; width:100%; max-height:100% !important; } .item-box figure img { margin:auto; height:auto !important; width:auto !important; } /* 404 */ div.e404 { font-size:1150%; text-align:center; } } /** Colors #2E363F = blue #1b1f23 = darker blue #454b56 = brighter blue #1980B6 = darkblue #146794 = darker darkblue #239ee0 = brighter darkblue **************************************************************** **/ /* theme main color [blue] */ h1,h2,h3,h4,h5,h6, .divider.dark .fa, .divider.white .fa, div.tabs ul.nav-tabs li.active a, h4.panel-title a, div.toggle > label, .noimg-slider h1, .noimg-slider p, .list-icon li:before, .styleColor { color:#2E363F; } #slider h2, #slider .image-caption .inner p.dark, div.price-table.popular, .styleBackground { color:#fff; background-color:#2E363F; } /* overlay two colors */ .overlay.color1 { background:rgba(41,47,56,0.8) !important; } .overlay.color2 { background:rgba(25,128,182,0.8) !important; } /* second color [orange] */ a, .styleSecondColor, .list-icon.color li:before, .item-box-desc small, p.dropcap:first-letter, ul.pagination a, ul.pagination a:hover, ul.pagination li.active .fa, ul.star-rated.styleSecondColor li i, .tp-catpion a, .divider.styleColor .fa { color:#1980B6; } #slider .btn.btn-default { color:#1980B6 !important; } a:hover, a:active { color:#146794; } #slider h3, .styleSecondBackground, .list-icon.color.circle li:before, .featured-box-minimal i.fa, .label-primary, div.featured-box i.fa, .progress-bar-primary, ul.pagination li.active a:hover, ul.pagination li.active a, ul.isotope-filter li.active a, ul.isotope-filter li.active a:hover, i.featured-icon, p.dropcap.color:first-letter, .blog-timeline .timeline-item .item-date span, ul.nav-pills li.active a, .modal-header { background-color:#1980B6; } .styleSecondBackground, .styleSecondBackground h1, .styleSecondBackground h2, .styleSecondBackground h3, .styleSecondBackground h4, .styleSecondBackground h5, .styleSecondBackground h6, .styleSecondBackground p { color:#fff; } /* Top Nav */ header#topNav nav ul.nav-main > li:hover > a, header#topNav nav ul.nav-main li.active > a, header#topNav nav ul.nav-main li.active > a:hover, header#topNav nav ul.nav-main li.active > a:focus, header#topNav nav ul.nav-main li.active i.icon-caret-down { color:#2E363F; /* active|hover color */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu, header#topNav nav ul.nav-main ul.dropdown-menu { background-color: #2E363F; /* dropdown background color */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover, header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a { background-color: #1b1f23; /* hover background color */ } header#topNav nav ul.nav-main li.dropdown:hover > a:after { border-bottom:#2E363F 10px solid;/* arrow color */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title { color: #ffffff; /* mega menu subtitle */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a, header#topNav nav ul.nav-main ul.dropdown-menu > li > a { color: #afafaf; /* link color */ } /* top Head */ header#topHead.color { color:#fff; background-color:#1980B6; } header#topHead.color a { color:#fff; } header#page-title { color:#2d2f3c; } header#page-title h1, header#page-title h2 { color:#2d2f3c; } /* Buttons */ .btn-default { border:#1980B6 2px solid; } .btn-default:hover, .btn-default:active, .btn-default:focus { border:#146794 2px solid; } .btn-primary { background-color:#1980B6 !important; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border:rgba(255,255,255,0) 2px solid; background-color:#146794 !important; } /* Toggle */ div.toggle.active > label { color:#fff; background-color:#1980B6; } /* Panels */ .panel-primary .panel-heading { background-color:#1980B6; border-bottom:#1980B6 1px solid; } .panel-body { background-color:#fff; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Featured Box */ div.featured-box i.fa:after { border-color:#1980B6; } div.featured-box.nobg.border-only i.fa { color:#1980B6; border-color:#1980B6; } /* Featured Icons */ i.featured-icon, i.featured-icon:after { border:#1980B6 1px solid; } i.featured-icon.empty { color:#1980B6 !important; } /* Popover */ .popover-title { color:#fff; background-color:#1980B6; } /* testimonials */ .testimonial.color1 p, .testimonial.color1 cite { color:#fff; background-color:#2E363F; } .testimonial.color2 p, .testimonial.color2 cite { color:#fff; background-color:#1980B6; } /* OWL Carousel */ .owl-theme .owl-controls .owl-buttons div { color:#1980B6; } /* slider */ #slider li .noimg-slider h1{ color:#2E363F !important; } #slider li.styleBackground .noimg-slider, #slider li.styleBackground h1, #slider li.styleBackground h2, #slider li.styleBackground p { color:#fff !important; } /* Top Search , Top Login */ #topHead .signin-dd form button, #topHead .signin-dd form button:hover, #topHead .signin-dd form button:active, header#topNav li.search form button, header#topNav li.search form button:hover, header#topNav li.search form button:active { background-color:#1980B6 !important;; } #topHead .signin-dd form button:after, header#topNav li.search form button:after { border: #1980B6 10px solid; /* same with .btn-primary */ border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; } body { padding-top: 50px; padding-bottom: 20px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } /* Set width on the form input elements since they're 100% wide by default */ /*input, select, textarea { max-width: 280px; }*/ #loading { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:1000; } #loadingcontact { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:1000; } #loadingcategory { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:1000; } #loadingcontent { display:table; position:fixed; left:0; top:0; width:100%; height:100%; } #loadingspinner { display: table-cell; vertical-align:middle; width: 100%; text-align: center; font-size:larger; padding-top:80px; } header#topNav nav ul.nav-main li a { color: #2e363f; } .loading { background-image: url("loading.gif"); background-repeat: no-repeat; } .loading:after { content: "Processing Order ..."; text-align: right; padding-left: 5px; }