/*
Template Name: WooShop - Premium Html5 eCommerce Template
Template URI:
Description: Premium bootstrap based html5 e-commerce template
Version:1.0
*/
/* =============================================
--------------- Table of Contents --------------
1. General
2. Helper Classes
3. Elements
---3.1 Buttons
---3.2 Forms
---3.3 Tabs
---3.4 Progress Bars
---3.5 Lists
---3.6 Icons
---3.7 Collapses
---3.8 Labels
---3.9 Grid
---3.10 Tooltips
---3.11 Popover
---3.12 Bootstrap Slider
---3.13 Pagination
---3.14 Alerts
4. Mobile Nav + Header/Menu
5. Content
---5.1 Parallax
---5.2 Breadcrumb
---5.3 Page Headers
6. Homepages
---6.1 Index.html
---6.2 Index2.html
---6.3 Index3.html
---6.4 Index4.html
---6.5 Index5.html
---6.6 Index6.html
---6.7 Index7.html
---6.8 Index8.html
---6.9 Index9.html
---6.10 Index10.html
---6.11 Index11.html
---6.12 Index12.html
---6.13 Index13.html
---6.14 Index14.html
---6.15 Index15.html
---6.16 Index16.html
---6.17 Index17.html
---6.18 Index18.html
---6.19 Index19.html
---6.20 Index20.html
7. Category
8. Checkout
9. Cart
10. Cart2
11. Compare Products
12. Wishlist
13. About Us
14. Login
15. Blog
----15.1 Sidebar
----15.2 Single Post
16. Contact Us
17. Products
----17.1 Product Single
18. Portfolio
----18.1 Portfolio Single
19. Footer
20. Social Icons
21. Owl Carousel
22. 404 Page
23. Coming Soon
24. Newslettter Popup
25. Scroll Top Button
26. Retina Display
-----------------------------------------------
==================== Import =================== */
/* Import Google Fonts - Open Sans + Raleway */
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//fonts.googleapis.com/css?family=Merriweather:300italic,400italic);
@import url(//fonts.googleapis.com/css?family=Dancing+Script);
@import url(//fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,600,300,800);
/* Import BoniMy font */
/* latin */
@font-face {
font-family: 'Fredoka One';
font-style: normal;
font-weight: 400;
src: local('Fredoka One'), local('FredokaOne-Regular'), url(https://fonts.gstatic.com/s/fredokaone/v4/SL0aFUFfkFMMdariYQ3_YY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
font-family: 'Pacifico';
font-style: normal;
font-weight: 400;
src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'BodoniMT';
src: url('../fonts/BodoniMT.eot?#iefix') format('embedded-opentype'), url('../fonts/BodoniMT.woff') format('woff'), url('../fonts/BodoniMT.ttf') format('truetype'), url('../fonts/BodoniMT.svg#BodoniMT') format('svg');
font-weight: normal;
font-style: normal;
}
/* Roboto Font */
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/1DbO0RvWEevroPvEzA5briEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/5z9jpDJQqVE5bmkRqplJfiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/cueeGLWq_s1uoQgOf76TFiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/yTs8gw1HdasCzJ-B_iUwzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/gLfmBATgABwy0zMVv-qqhiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/dzxs_VxZUhdM2mEBkNa8siEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/12mE4jfMSBTmg-81EiS-Yfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nE8xhg-WlD4iG4AP-V7QxYA.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nN_eC2PfU-cUGGN7U-FIfKc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nLvM2QJLsjx6Keu1D2MYodo.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nNd5cRMOq5PeG3VabknWPxo.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nLpX8dGXLalyu5OokvgDQcs.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPVFL0ofnRu5Y2lP-UpEUGU.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nDW5FUgIgejJvrHuLWqrSMw.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPDoBG10JtAX-GAwn6iwU1Y.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nGhQuge17febRYSUkWKdLWA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBtmDLrZTTOm3p1EhiGCXc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nEV356qNqHCUb41pS3zqMSE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* Roboto Font */
/* latin */
@font-face {
font-family: 'Pacifico';
font-style: normal;
font-weight: 400;
src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* =============================================
------------------- 1.General ---------------
==============================================*/
/* fix outlines on focus */
*:focus {
outline: none;
}
html {
height: 100%;
}
body {
font-family: 'Roboto', sans-serif;
color: #808080;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fafafa;
overflow-x: hidden;
}
body.no-scroll {
overflow-y: hidden;
}
body.fheight {
height: 100%;
}
#wrapper {
width: 100%;
background-color: #ffffff;
position: relative;
overflow: hidden;
}
.index12 #wrapper {
background-color: #fafafa;
}
.custom-wrapper {
background-color: #fff;
padding-top: 10px;
}
#wrapper.boxed, #wrapper.boxed-long {
width: 100%;
margin: 0;
}
.tp-caption.rev-title {
color: #3f589d;
}
::selection {
background-color: #EF5E78;
color: #fff;
}
::-moz-selection {
background-color: #EF5E78;
color: #fff;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: inherit;
font-weight: 600;
line-height: 1;
color: #2e2e2e;
margin-top: 0;
}
h1, .h1 {
font-size: 30px;
margin-bottom: 20px;
}
h2, .h2 {
font-size: 24px;
margin-bottom: 20px;
}
h3, .h3 {
font-size: 20px;
margin-bottom: 15px;
}
h4, .h4 {
font-size: 16px;
margin-bottom: 15px;
}
h5, .h5 {
font-size: 14px;
margin-bottom: 15px;
}
h6, .h6 {
font-size: 13px;
margin-bottom: 10px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
color: inherit;
}
ul, ol {
list-style-type: none;
padding: 0;
margin: 0;
}
p {
margin: 0 0 20px;
}
.lead {
font-size: 16px;
font-weight: 400;
}
a {
-webkit-transition: color .35s;
transition: color .35s;
color: #3f589d;
}
a:active, a:hover, a:focus {
text-decoration: none;
color: #EF5E78;
}
a:active, a:focus, input, select, textarea {
outline: none;
}
iframe {
border: none;
}
img.pull-right {
margin-left: 20px;
margin-bottom: 20px;
}
img.pull-left {
margin-right: 20px;
margin-bottom: 20px;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #ebebeb;
}
blockquote {
position: relative;
padding: 8px 0 8px 25px;
margin: 30px 0;
font-size: 16px;
border-left: 2px solid #3f589d;
}
blockquote.blockquote-reverse {
padding: 8px 25px 8px 0;
margin: 30px 0;
border-left: none;
border-right: 2px solid #3f589d;
}
blockquote p {
margin-bottom: 15px;
}
blockquote cite {
font-size: 16px;
font-weight: 700;
}
blockquote:after {
content: '';
display: block;
position: absolute;
left: 1px;
top: 0;
width: 2px;
height: 100%;
background: #3f589d;
}
blockquote.blockquote-reverse:after {
left: auto;
right: 1px;
}
.blockquote-icon {
padding-left: 50px;
padding-top: 25px;
border-left: none;
}
.blockquote-icon:after, .blockquote-reverse.blockquote-icon:after {
display: none;
}
.blockquote-icon.blockquote-reverse {
padding-left: 0;
padding-top: 25px;
padding-right: 50px;
border-right: none;
}
.blockquote-icon:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
/*text-rendering: auto;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: '\f10d';
position: absolute;
left: 5px;
top: 5px;
color: #3f589d;
font-size: 3rem;
z-index: 0;
}
.blockquote-icon.blockquote-reverse:before {
left: auto;
right: 5px;
content: '\f10e';
}
.highlight {
padding: 0 0.3em;
background: #ebebeb;
}
.highlight.reverse {
color: #fff;
background: #262626;
}
.highlight.first-color {
color: #fff;
background: #3f589d;
}
.highlight.second-color {
color: #fff;
background: #d62020;
}
.highlight.third-color {
color: #fff;
background: #3f589d;
}
.first-color {
color: #3f589d;
}
.second-color {
color: #d62020;
}
.third-color {
color: #3f589d;
}
.dropcap, .dropcap-bg {
font-size: 3.8em;
line-height: 1;
padding-right: 0.2em;
float: left;
text-transform: uppercase;
color: #262626;
}
.dropcap.first-color {
color: #3f589d;
}
.dropcap.second-color {
color: #d62020;
}
.dropcap.third-color {
color: #3f589d;
}
.dropcap-bg {
padding: 0.03em 0.06em;
color: #fff;
margin-right: 0.15em;
background: #262626;
}
.dropcap-bg.first-color {
background: #3f589d;
}
.dropcap-bg.second-color {
background: #d62020;
}
.dropcap-bg.third-color {
background: #3f589d;
}
/* =============================================
----------------- 2.Helper Classes -------------
==============================================*/
.sm-separator {
margin: 0 5px;
}
.separator {
margin: 0 10px;
}
.lg-separator {
margin: 0 20px;
}
.xss-margin, .xs-margin, .sm-margin, .md-margin, .lg-margin, .xlg-margin, .md-margin2x, .lg-margin2x, .xlg-margin2x, .md-margin3x, .lg-margin3x, .xlg-margin3x {
min-height: 1px;
}
.xss-margin {
margin-bottom: 5px;
}
.xs-margin {
margin-bottom: 10px;
}
.xs-margin.half {
margin-bottom: 15px;
}
.sm-margin {
margin-bottom: 20px;
}
.sm-margin.half {
margin-bottom: 25px;
}
.md-margin {
margin-bottom: 30px;
}
.md-margin.half {
margin-bottom: 35px;
}
.lg-margin {
margin-bottom: 40px;
}
.lg-margin.half {
margin-bottom: 45px;
}
.xlg-margin {
margin-bottom: 50px;
}
.xlg-margin.half {
margin-bottom: 55px;
}
.md-margin2x {
margin-bottom: 60px;
}
.md-margin2x.quarter {
margin-bottom: 65px;
}
.md-margin2x.half {
margin-bottom: 70px;
}
.lg-margin2x {
margin-bottom: 80px;
}
.xlg-margin2x {
margin-bottom: 100px;
}
.xlg-margin2x.half {
margin-bottom: 110px;
}
.md-margin3x {
margin-bottom: 90px;
}
.lg-margin3x {
margin-bottom: 120px;
}
.xlg-margin3x {
margin-bottom: 150px;
}
.clear-margin {
margin: 0;
}
/* =============================================
------------------ 3. Elements ---------------
==============================================*/
/* --------------------------------------
3.1 Buttons ------------------------ */
.btn.min-width {
min-width: 200px;
text-align: center;
}
.btn.min-width-md {
min-width: 180px;
text-align: center;
}
.btn.min-width-sm {
min-width: 150px;
text-align: center;
}
.btn.min-width-xs {
min-width: 130px;
text-align: center;
}
.btn {
padding: 11.5px 25px;
font-size: 14px;
font-weight: 700;
transition: color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
-webkit-transition: color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
border-radius: 0;
text-transform: uppercase;
}
.btn-lg, .btn-group-lg > .btn {
padding: 14.5px 35px;
font-size: 16px;
line-height: 1.5;
border-radius: 0;
}
.btn-md {
padding: 10.5px 15px;
font-size: 12px;
border-radius: 0;
letter-spacing: 0.5px;
}
.btn-sm, .btn-group-sm > .btn {
padding: 7.5px 15px;
font-size: 12px;
border-radius: 0;
letter-spacing: 0.5px;
}
.btn-xs, .btn-group-xs > .btn {
padding: 4px 10px;
font-size: 10px;
line-height: 1.5;
border-radius: 0;
}
.btn.btn-border {
border-width: 1px;
background-color: transparent;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none;
}
.btn-custom {
color: #fff;
background-color: #3f589d;
border-color: #3f589d;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active, .open > .dropdown-toggle.btn-custom {
color: #fff;
background-color: #262626;
border-color: #262626;
}
.btn-custom2 {
color: #fff;
background-color: #262626;
border-color: #262626;
float: left;
}
.btn-custom2:hover, .btn-custom2:focus, .btn-custom2.focus, .btn-custom2:active, .btn-custom2.active, .open > .dropdown-toggle.btn-custom2 {
color: #fff;
background-color: #3f589d;
border-color: #3f589d;
}
.btn-custom3 {
color: #333333;
background-color: #f2f2f2;
border-color: #f2f2f2;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.btn-custom3:hover, .btn-custom3:focus, .btn-custom3.focus, .btn-custom3:active, .btn-custom3.active, .open > .dropdown-toggle.btn-custom3 {
color: #fff;
background-color: #262626;
border-color: #262626;
}
.btn-custom4 {
color: #333232;
background-color: #f0f0f0;
border-color: #f0f0f0;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.btn-custom4:hover, .btn-custom4:focus, .btn-custom4.focus, .btn-custom4:active, .btn-custom4.active, .open > .dropdown-toggle.btn-custom4 {
color: #fff;
background-color: #3f589d;
border-color: #3f589d;
}
.btn-custom5 {
color: #fff;
background-color: #e11414;
border-color: #e11414;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.btn-custom5:hover, .btn-custom5:focus, .btn-custom5.focus, .btn-custom5:active, .btn-custom5.active, .open > .dropdown-toggle.btn-custom5 {
color: #fff;
background-color: #262626;
border-color: #262626;
}
.btn-white {
color: #171717;
background-color: #fff;
border-color: #fff;
}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
color: #fff;
background-color: #3f589d;
border-color: #3f589d;
}
.btn-dark {
color: #dadada;
background-color: #333;
border-color: #333;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
color: #f0f0f0;
background-color: #1a1a1a;
border-color: #1a1a1a;
}
.btn.btn-border.btn-default {
color: #2e2e2e;
border-color: #e0e0e0;
}
.btn.btn-border.btn-default:hover, .btn.btn-border.btn-default:focus {
color: #fff;
border-color: #3f589d;
background-color: #3f589d;
}
.btn.btn-border.btn-primary {
color: #337ab7;
}
.btn.btn-border.btn-primary:hover, .btn.btn-border.btn-primary:focus {
color: #fff;
border-color: #204d74;
background-color: #286090;
}
.btn.btn-border.btn-success {
color: #4caf50;
}
.btn.btn-border.btn-success:hover, .btn.btn-border.btn-success:focus {
color: #fff;
border-color: #327334;
background-color: #3d8b40;
}
.btn.btn-border.btn-warning {
color: #ffc107;
}
.btn.btn-border.btn-warning:hover, .btn.btn-border.btn-warning:focus {
color: #fff;
border-color: #af8300;
background-color: #d39e00;
}
.btn.btn-border.btn-danger {
color: #ea1c0d;
}
.btn.btn-border.btn-danger:hover, .btn.btn-border.btn-danger:focus {
color: #fff;
border-color: #c8180b;
background-color: #ea1c0d;
}
.btn.btn-border.btn-info {
color: #2196f3;
}
.btn.btn-border.btn-info:hover, .btn.btn-border.btn-info:focus {
color: #fff;
border-color: #0a68b4;
background-color: #0c7cd5;
}
.btn.btn-border.btn-custom {
color: #3f589d;
}
.btn.btn-border.btn-custom:hover, .btn.btn-border.btn-custom:focus {
color: #fff;
border-color: #3f589d;
background-color: #3f589d;
}
.btn.btn-border.btn-custom2 {
color: #262626;
}
.btn.btn-border.btn-custom2:hover, .btn.btn-border.btn-custom2:focus {
color: #fff;
border-color: #262626;
background-color: #262626;
}
.btn.btn-border.btn-custom3 {
color: #ef5350;
}
.btn.btn-border.btn-custom3:hover, .btn.btn-border.btn-custom3:focus {
color: #fff;
border-color: #e53935;
background-color: #ef5350;
}
.btn.btn-border.btn-white {
color: #fff;
border-color: white;
}
.btn.btn-border.btn-white.dark {
color: #303030;
border-color: #cccccc;
}
.btn.btn-border.btn-white:hover, .btn.btn-border.btn-white:focus, .btn.btn-border.btn-white.dark:hover, .btn.btn-border.btn-white.dark:focus {
color: #fff;
border-color: #3f589d;
background-color: #3f589d;
}
/* --------------------------------------
3.2 Forms ------------------------ */
.form-control {
height: 45px;
padding: 9px 20px;
box-shadow: none;
border-radius: 0;
-webkit-box-shadow: none;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
border: 1px solid #e5e5e5;
color: #808080;
font-weight: 400;
font-size: 13px;
line-height: 25px;
}
.form-control:focus {
border-color: #b1b1b1;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control::-moz-placeholder {
color: #808080;
}
.form-control:-ms-input-placeholder {
color: #808080;
}
.form-control::-webkit-input-placeholder {
color: #808080;
}
.required-field {
color: #3f589d;
font-size: 12px;
line-height: 0.4;
font-weight: 600;
vertical-align: middle;
}
.form-group, .form-control, .input-group, .normal-selectbox, .large-selectbox {
margin-bottom: 19px;
}
.form-group {
line-height: 0;
}
.form-group .input-group {
margin-bottom: 0;
}
label.control-label, label.input-desc {
font-size: 13px;
font-weight: 600;
line-height: 1;
color: #313131;
text-transform: capitalize;
margin-bottom: 7px;
}
.input-sm, .form-group-sm .form-control, .form-group-sm .form-control-static {
height: 35px;
padding: 9px 15px;
font-size: 10px;
line-height: 1.5;
border-radius: 0;
}
select.input-sm, select.form-group-sm .form-control {
height: 35px;
line-height: 35px;
}
.input-lg, .form-group-lg .form-control, .form-group-lg .form-control-static {
height: 55px;
padding: 14.5px 25px;
border-radius: 0;
}
.input-lg {
font-size: 16px;
line-height: 1.5;
}
select.input-lg, select.form-group-lg .form-control {
height: 55px;
line-height: 55px;
}
.form-control-feedback {
width: 45px;
height: 45px;
line-height: 45px;
}
.input-lg + .form-control-feedback {
width: 55px;
height: 55px;
line-height: 55px;
}
.input-sm + .form-control-feedback {
width: 35px;
height: 35px;
line-height: 35px;
}
/* input groups*/
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
height: 55px;
padding: 14.5px 25px;
font-size: 16px;
line-height: 1.5;
border-radius: 0;
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
height: 55px;
line-height: 55px;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
height: 35px;
padding: 9px 15px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
.input-group-sm > .input-group-addon {
padding: 7px 15px;
}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
height: 35px;
line-height: 35px;
}
.input-group-btn > .btn + .btn {
padding: 11.5px;
}
.input-group-lg > .input-group-btn > .btn + .btn {
padding: 14.5px;
}
.input-group-sm > .input-group-btn > .btn + .btn {
padding: 9px;
}
/* input group addons */
.input-group-addon {
padding: 9px 20px;
font-size: 13px;
line-height: 24px;
color: #313131;
background-color: transparent;
border: 1px solid #eaeaea;
font-weight: 600;
border-radius: 0;
}
.input-group-addon.input-sm {
padding: 9px 15px;
font-size: 10px;
line-height: 1.5;
}
.input-group-addon.input-lg {
padding: 9.5px 18px;
font-size: 16px;
}
/* Textarea Input Group */
textarea.form-control {
padding-top: 12px;
}
.textarea-container {
position: relative;
width: 100%;
padding-top: 49px;
}
.textarea-container .input-group-addon {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 12px 16px;
z-index: 90;
border-radius: 0;
text-align: left;
}
.textarea-container .input-group-addon:first-child {
border-right: 1px solid #e6e6e6;
}
/* Checkboxed and Radios */
input[type="radio"], input[type="checkbox"] {
margin-top: 6px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin-left: -22px;
}
.radio label, .checkbox label, .radio-inline, .checkbox-inline {
padding-left: 22px;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
margin-left: 15px;
}
/* Custom checkbox and raiod */
.radio label.custom-radio-wrapper, .checkbox label.custom-checkbox-wrapper {
padding-left: 0;
}
.radio-inline.custom-radio-wrapper, .checkbox-inline.custom-checkbox-wrapper {
padding-left: 0;
}
.radio-inline.custom-radio-wrapper+.radio-inline.custom-radio-wrapper, .checkbox-inline.custom-checkbox-wrapper+.checkbox-inline.custom-checkbox-wrapper {
margin-left: 30px;
}
.custom-checkbox-container, .custom-radio-container {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #e6e6e6;
position: relative;
margin-right: 8px;
border-radius: 0;
}
.custom-radio-container.bigger {
width: 15px;
height: 15px;
border-color: #e0e0e0;
}
.input-group-addon .custom-checkbox-container, .input-group-addon .custom-radio-container {
margin-right: 0;
}
.custom-radio-container {
border-radius: 50px;
}
.custom-checkbox-container input[type="checkbox"], .custom-radio-container input[type="radio"] {
display: block;
opacity: 0;
filter: alpha(opacity=0);
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.custom-checkbox-container .custom-checkbox-icon {
position: absolute;
z-index: 9;
width: 10px;
height: 10px;
left: 50%;
top: 50%;
margin-top: -5px;
margin-left: -5px;
color: #333232;
opacity: 0;
filter: alpha(opacity=0);
border-radius: 0;
font: 15px/1 FontAwesome;
}
.custom-checkbox-container .custom-checkbox-icon:before {
content: "\f00c";
position: absolute;
top: -3px;
left: 0;
}
.disabled .custom-checkbox-container, .disabled .custom-radio-container {
opacity: 0.44;
background-color: #eaeaea;
}
.disabled .custom-checkbox-container .custom-checkbox-icon {
background-image: none;
}
.custom-radio-container .custom-radio-icon {
position: absolute;
z-index: 9;
display: block;
opacity: 0;
filter: alpha(opacity=0);
width: 8px;
height: 8px;
left: 50%;
top: 50%;
margin-top: -4px;
margin-left: -4px;
background-color: #3f589d;
border-color: #3f589d;
border-radius: 50%;
}
.disabled .custom-radio-container .custom-radio-icon {
background-color: transparent;
}
.custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon, .custom-radio-container input[type="radio"]:checked + .custom-radio-icon {
opacity: 1;
filter: alpha(opacity=100);
}
.disabled .custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon {
background-color: transparent;
}
.custom-checkbox-wrapper *, .custom-radio-wrapper * {
vertical-align: middle;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #f1f1f1;
}
/*
* Bootstrap TouchSpin - v3.0.1
* A mobile and touch friendly input spinner component for Bootstrap 3.
* http://www.virtuosoft.eu/code/bootstrap-touchspin/
*
* Made by István Ujj-Mészáros
* Under Apache License v2.0 License
*/
.bootstrap-touchspin .input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.bootstrap-touchspin .form-control {
height: 35px;
padding: 4px 5px;
font-size: 12px;
color: #4c4c4c;
text-align: center;
border-color: #d1d1d1;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px 12px 8.5px;
margin-left: -1px;
position: relative;
background-image: none;
text-indent: 0;
font-weight: lighter;
color: #4d4d4d;
}
.bootstrap-touchspin .btn.btn-default {
border-color: #d1d1d1;
}
.bootstrap-touchspin .btn.btn-default:hover, .bootstrap-touchspin .btn.btn-default:focus {
border-color: #fafafa;
border-color: #d1d1d1;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
margin-top: -2px;
}
.bootstrap-touchspin-up.btn, .bootstrap-touchspin-down.btn {
padding: 6.5px 12px;
min-width: 37px;
text-align: center;
text-indent: -9999px;
background-image: url('../images/touchspin.png');
background-repeat: no-repeat;
}
.bootstrap-touchspin-up.btn {
background-position: 1px 0;
}
.bootstrap-touchspin-down.btn {
margin-right: -1px ;
background-position: -32px 0;
}
.bootstrap-touchspin .input-group-btn-vertical i {
position: absolute;
top: 5px;
left: 50%;
margin-left: -4.5px;
font-size: 9px;
font-weight: normal;
}
.form-datetime .input-group-addon, .form-date .input-group-addon, .form-time .input-group-addon {
cursor: pointer;
}
/* -------------------------------------------
3.3 Tabs ( see: elements-tabs.html ) --------- */
.nav-tabs, .nav-pills {
margin-bottom: 0;
border-bottom: none;
box-shadow: 0 1px rgba(0, 0, 0, 0.25);
}
.nav-tabs {
border: none;
}
.nav-tabs.nav-tabs-inverse > li {
margin-bottom: 0;
margin-top: -1px;
}
.product-details-tab .nav-tabs > li{
background-color: #1a1a1a;
}
.product-details-tab .nav-tabs > li > a{
color: #ffffff;
}
.product-details-tab .tab-content{
padding: 15px;
border: 1px solid #C0C0C0;
width: 100%;
float: left;
}
.nav-tabs > li > a, .nav-pills > li > a {
padding: 12.5px 21px;
margin-right: 0;
font-size: 13px;
font-weight: 600;
color: #262626;
text-transform: uppercase;
border-radius: 0;
transition: all 0.3s ease-in-out, color 0.04s;
-webkit-transition: all 0.3s ease-in-out, color 0.04s;
text-align: center;
}
.nav-tabs > li + li > a {
margin-right: 0;
}
.nav-pills > li > a > i, .nav-tabs > li > a > i {
margin-right: 10px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
border-color: #2e2e2e;
background-color: #2e2e2e;
color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #fff;
border: 1px solid #3f589d;
background-color: #3f589d;
}
.nav-tabs.nav-tabs-inverse > li.active > a, .nav-tabs.nav-tabs-inverse > li.active > a:hover, .nav-tabs.nav-tabs-inverse > li.active > a:focus {
border-top-color: #3f589d;
border-bottom-color: #3f589d;
}
.tab-content {
padding: 30px;/*border:1px solid #e6e6e6;*/
}
.tab-content p:last-child {
margin-bottom: 0;
}
.nav-justified {
margin-bottom: -1px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
border-color: #3f589d;
}
.nav-lava {
border-bottom: 1px solid #B1B1B1;
margin-bottom: 27px;
}
.nav-lava > li {
float: left;
margin-right: 10px;
}
.nav-lava.text-center {
font-size: 0;
}
.nav-lava.text-center > li {
float: none;
display: inline-block;
}
.nav-lava > li > a {
color: #a1a1a1;
font-weight: 500;
font-size: 17px;
line-height: 24px;
padding: 10px 2px;
margin-right: 0;
}
.nav-lava.nav-mini > li > a {
font-weight: 400;
text-transform: uppercase;
}
.nav-lava.nav-lava-sm > li > a {
font-size: 16px;
line-height: 24px;
}
.nav-lava.nav-lava-xs > li > a {
font-size: 16px;
line-height: 22px;
}
.nav-lava > li.active > a {
font-weight: 600;
}
.nav-lava.nav-mini > li.active > a {
font-weight: 500;
}
.nav-lava > li.active > a, .nav-lava > li > a:hover, .nav-lava > li > a:focus {
background-color: transparent;
color: #2e2e2e;
}
.nav-lava .lavalamp-object {
background-color: #3f589d;
height: 3px ;
top: auto ;
bottom: -2px;
}
.nav-lava.dark .lavalamp-object {
background-color: #a6a6a6;
}
.nav-lava.nav-mini .lavalamp-object {
background-color: #c3c3c3;
}
.nav-lava + .tab-content {
border: none;
padding: 0;
}
/* -------------------------------------------------
3.4 Progress Bars ( see: elements-progressbars.html ) */
.progress {
margin-bottom: 20px;
background-color: #ebebeb;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
overflow: visible;
}
.progress-bar {
text-align: right;
padding-right: 15px;
box-shadow: none;
-webkit-box-shadow: none;
position: relative;
}
.progress.progress-sm {
height: 10px;
}
.progress.progress-sm .progress-bar {
font-size: 7px;
line-height: 10px;
padding-right: 8px;
}
.progress.progress-xs {
height: 4px;
}
.progress.progress-xs .progress-bar {
font-size: 0;
line-height: 5px;
}
.progress.progress-lg {
height: 30px;
}
.progress.progress-lg .progress-bar {
font-size: 15px;
line-height: 30px;
padding-right: 20px;
}
.progress-bar-dark, .progress-bar-dark .progress-tooltip {
background-color: #262626;
}
.progress-bar-gray, .progress-bar-gray .progress-tooltip {
color: #505050;
background-color: #d7d7d7;
}
.progress-bar-custom, .progress-bar-custom .progress-tooltip {
background-color: #3f589d;
}
.progress-bar-custom2, .progress-bar-custom2 .progress-tooltip {
background-color: #EF5E78;
}
.progress-bar-custom3, .progress-bar-custom3 .progress-tooltip {
background-color: #f5c10c;
}
.progress-text, .progress-tooltip {
display: none;
font-weight: 700;
}
.progress-tooltip {
position: absolute;
right: -5px;
bottom: 100%;
padding: 2px 8px;
color: #fff;
font-size: 12px;
line-height: 1.4;
margin-bottom: 7px;
border-radius: 4px;
}
.progress-tooltip:after {
content: '';
width: 0;
height: 0;
position: absolute;
left: 50%;
margin-left: -6px;
top: 100%;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #3f589d transparent transparent transparent;
}
.progress-bar-dark .progress-tooltip:after {
border-top-color: #505050;
}
.progress-bar-gray .progress-tooltip:after {
border-top-color: #d7d7d7;
}
.progress-bar-custom .progress-tooltip:after {
border-top-color: #3f589d;
}
.progress-bar-custom2 .progress-tooltip:after {
border-top-color: #EF5E78;
}
.progress-bar-custom3 .progress-tooltip:after {
border-top-color: #f5c10c;
}
.progress-title {
font-weight: 700;
margin-bottom: 8px;
font-size: 14px;
}
.circle-progress-container {
text-align: center;
margin-bottom: 50px;
}
.circle-progress-container .progress-title {
margin-bottom: 20px;
}
.circle-progress-container .circle-progress + .progress-title {
margin-top: 20px;
}
.circle-progress {
margin-bottom: 15px;
}
.knob {
font-family: inherit;
}
/* --------------------------------------------
3.5 Lists ( see: elements-lists.html ) */
/* Predefined List style types */
.list-style {
padding-left: 20px;
}
.list-style.list-disc {
list-style-type: disc;
}
.list-style.list-circle {
list-style-type: circle;
}
.list-style.list-square {
list-style-type: square;
}
.list-style.list-decimal {
list-style-type: decimal;
}
.list-style.list-lower-alpha {
list-style-type: lower-alpha;
}
.list-style.list-upper-alpha {
list-style-type: upper-alpha;
}
.list-style.list-lower-roman {
list-style-type: lower-roman;
}
.list-style.list-upper-roman {
list-style-type: upper-roman;
}
.fa-ul > li {
margin-bottom: 10px;
}
.list-group {
margin-bottom: 20px;
}
.list-group-item:first-child, .list-group-item:last-child {
border-radius: 0;
}
.list-group-item {
padding: 10px 15px;
}
a.list-group-item {
color: #505050;
}
a.list-group-item .list-group-item-heading {
color: #303030;
margin-bottom: 10px;
}
a.list-group-item:hover, a.list-group-item:focus {
background-color: #f4f4f4;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
background-color: #3f589d;
border-color: #3f589d;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #fff;
}
/* --------------------------------------------
3.6 Icons ( see: elements-icons.html ) */
.icon-show-container {
padding: 10px;
background-color: #f1f1f1;
text-align: center;
margin-bottom: 20px;
transition: all 0.4s ease;
transition: all 0.4s ease;
}
.icon-show-container:hover {
background-color: #e1e1e1;
}
/* --------------------------------------------
3.7 Collapses ( see: elements-collapses.html ) */
.panel-group .panel {
border-radius: 0;
}
.panel {
margin-bottom: 0;
background-color: transparent;
border-left: none;
border-right: none;
border-bottom: none;
box-shadow: none;
-webkit-box-shadow: none;
}
.panel:last-child {
border-bottom: 1px solid transparent;
}
.panel-body {
padding: 20px;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.panel-heading {
padding: 0;
position: relative;
transition: background 0.45s ease;
-webkit-transition: background 0.45s ease;
border-radius: 0;
}
.panel-heading a {
display: block;
padding: 0;
color: #262626;
}
.panel-title {
text-transform: uppercase;
font-size: 14px;
line-height: 40px;
font-weight: 500;
}
.panel-title a {
background-color: #3f589d;
padding: 0 10px;
color: #fff;
}
#content .panel-title a:hover {
color: #fff;
}
.panel-title .collapsed {
background-color: transparent;
padding: 0 10px;
color: #262626;
}
#content .panel-title .collapsed:hover {
color: #3f589d;
}
.panel-heading .label {
margin-left: 10px;
}
.panel-icon {
position: absolute;
right: 8px;
top: 50%;
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
/*text-rendering: auto;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size: 13px;
line-height: 1;
margin-top: -6.5px;
color: #262626;
}
.panel-title a .panel-icon {
color: #fff;
}
.panel-title .collapsed .panel-icon {
color: #262626;
}
.panel-heading a:hover, .panel-icon:hover {
color: #3f589d;
}
.panel-icon:before {
content: '\f106';
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
.collapsed .panel-icon:before {
content: '\f107';
}
.panel-group .panel + .panel {
margin: 0;
}
/* Default Color */
.panel-default, .panel.panel-default:last-child {
border-color: #ebebeb;
}
.panel-default > .panel-heading {
color: #262626;
background-color: transparent;
border-color: #ebebeb;
}
.panel-default > .panel-heading:hover {
background-color: transparent;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebebeb;
}
/* --------------------------------------------
3.8 Labels */
.label {
display: inline-block;
padding: 4.5px 11px;
color: #fff;
text-align: center;
border-radius: 0;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
}
.label-popular {
background-color: #d14242;
}
.label-new {
background-color: #aac840;
}
/* --------------------------------------------
3.9 Grid ( see: elements-grids.html ) */
.row-showcase div[class^="col"], .row-showcase div[class*=' col'] {
background-color: #f8f8f8;
padding-top: 30px;
padding-bottom: 30px;
border: 1px solid #fff;
text-align: center;
transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
}
.row-showcase div[class^="col"]:hover, .row-showcase div[class*=' col']:hover {
background-color: #f1f1f1;
}
/* --------------------------------------------
3.10 Tooltips (see: elements-more.html) ----- */
.tooltip {
z-index: 900;
font-size: 13px;
}
.tooltip.in {
filter: alpha(opacity=94);
opacity: .94;
}
.tooltip.top {
padding: 8px 0;
}
.tooltip.right {
padding: 0 8px;
}
.tooltip.bottom {
padding: 8px 0;
}
.tooltip.left {
padding: 0 8px;
}
.tooltip-inner {
padding: 5px 11px;
color: #fff;
border-radius: 3px;
white-space: nowrap;
background-color: #3f589d;
}
.tooltip.top .tooltip-arrow {
margin-left: -7px;
border-width: 0 14px 14px 0;
border-right-color: #3f589d;
}
.tooltip.right .tooltip-arrow {
margin-top: -9.5px;
border-width: 0 0 14px 14px;
border-bottom-color: #3f589d;
}
.tooltip.left .tooltip-arrow {
margin-top: -9.5px;
border-width: 14px 0 0 14px;
border-left-color: #3f589d;
}
.tooltip.bottom .tooltip-arrow {
margin-left: -7px;
border-width: 0 0 14px 14px;
border-bottom-color: #3f589d;
}
/* --------------------------------------------
3.11 Popover (see: elements-more.html) ----- */
.popover {
box-shadow: none;
-webkit-box-shadow: none;
z-index: 900;
border: 1px solid #3f589d;
background-color: #fff;
border-radius: 0;
padding: 0;
font-family: inherit;
min-width: 270px;
}
.popover-title {
padding: 10px 14px 9px;
margin: 0;
color: #fff;
background-color: #3f589d;
border-bottom: 1px solid #3f589d;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
font-size: 14px;
font-weight: 600;
}
.popover-content {
padding: 9px 14px;
}
.popover.top > .arrow {
border-top-color: #3f589d;
}
.popover.top > .arrow:after {
border-top-color: #fff;
}
.popover.right > .arrow {
border-right-color: #3f589d;
}
.popover.right > .arrow:after {
border-right-color: #fff;
}
.popover.bottom > .arrow {
border-bottom-color: #3f589d;
}
.popover.bottom > .arrow:after {
border-bottom-color: #3f589d;
}
.popover.left > .arrow {
border-left-color: #3f589d;
}
.popover.left > .arrow:after {
border-left-color: #fff;
}
/* ----------------------------------------------
3.12 Bootstrap slider (see: elements-more.html) */
.carousel-inner > .item {
padding: 0;
margin: 0;
}
.carousel-inner > .item a {
display: block;
}
.carousel-control {
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 36px;
color: #fff;
border-radius: 50%;
text-align: center;
text-shadow: none;
filter: alpha(opacity=100);
opacity: 1;
border: 2px solid #fff;
transition: background 0.35s ease, border 0.35s ease;
-webkit-transition: background 0.35s ease, border 0.35s ease;
}
.carousel-control.left {
left: 20px;
background-image: none;
}
.carousel-control.right {
right: 20px;
left: auto;
background-image: none;
}
.carousel-control:hover, .carousel-control:focus {
filter: alpha(opacity=100);
opacity: 1;
background-color: #3f589d;
border-color: #3f589d;
}
.carousel-caption {
font-size: 16px;
text-shadow: none;
}
.carousel-indicators li {
margin: 0 4px;
}
/* --------------------------------------------------
3.13 Pagination (Bootstrap Pagination Overwrite)--- */
.pagination-container {
padding: 10px 15px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
line-height: 0;
background-color: #fff;
}
.pagination-container .pagination-info {
font-size: 13px;
line-height: 30px;
font-weight: 400;
color: #808080;
}
.pagination {
margin: 0;
border-radius: 0;
float: right;
}
.pagination > li > a, .pagination > li > span {
padding: 5px 11px;
color: #666666;
background-color: #ffffff;
border: 1px solid #e3e3e3;
margin-left: 4px;
border-radius: 0;
transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
min-width: 30px;
font-size: 12px;
line-height: 18px;
text-align: center;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-radius: 0;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
color: #666666;
background-color: #f3f3f3;
border-color: #e1e1e1;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
color: #ffffff;
background-color: #3f589d;
border-color: #3f589d;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color: #777777;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
/* ----------------------------------------------
3.14 Alerts (see: elements-alerts.html) --- */
.alert {
padding: 23px 15px 23px 98px;
margin-bottom: 25px;
border: 2px solid transparent;
border-radius: 0;
position: relative;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert > p + p {
margin-top: 5px;
}
.alert-icon {
display: block;
height: 100%;
width: 70px;
line-height: 70px;
font-size: 24px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
color: #fff;
text-align: center;
}
.alert-icon i {
position: absolute;
top: 50%;
margin-top: -12px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.alert-dismissable, .alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: 4px;
right: -11px;
color: #808080;
}
.close {
font-size: 12px;
text-shadow: none;
color: #808080;
opacity: 1;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.close:hover, .close:focus {
color: #2e2e2e;
opacity: 1;
}
.alert-success {
background-color: #fff;
border-color: #8cbc09;
color: #2e2e2e;
}
.alert-success .alert-icon {
background-color: #8cbc09;
}
.alert-success .alert-link {
color: #2e2e2e;
}
.alert-success .alert-link:hover, .alert-success .alert-link:focus {
color: #8cbc09;
}
.alert-info {
background-color: #fff;
border-color: #03b4ea;
color: #2e2e2e;
}
.alert-info .alert-icon {
background-color: #03b4ea;
}
.alert-info .alert-link {
color: #2e2e2e;
}
.alert-info .alert-link:hover, .alert-info .alert-link:focus {
color: #03b4ea;
}
.alert-warning {
background-color: #fff;
border-color: #e7b60a;
color: #2e2e2e;
}
.alert-warning .alert-icon {
background-color: #e7b60a;
}
.alert-warning .alert-link {
color: #2e2e2e;
}
.alert-warning .alert-link:hover, .alert-warning .alert-link:focus {
color: #e7b60a;
}
.alert-danger {
background-color: #fff;
border-color: #bc0909;
color: #2e2e2e;
}
.alert-danger .alert-icon {
background-color: #bc0909;
}
.alert-danger .alert-link {
color: #2e2e2e;
}
.alert-danger .alert-link:hover, .alert-danger .alert-link:focus {
color: #bc0909;
}
/* Confirm Box */
.confirm-box.fixed {
position: fixed;
right: 30px;
top: 30px;
z-index: 999;
}
.confirm-box-wrapper {
position: relative;
width: 400px;
padding: 34px 25px 29px 25px;
border: 1px solid #ebebeb;
background-color: #fff;
}
.confirm-box .close {
position: absolute;
top: 21px;
right: 21px;
}
.confirm-box figure {
float: left;
background-color: #f2f2f2;
}
.confirm-box figure > a {
display: block;
}
.confirm-box .confirm-content {
margin-left: 105px;
}
.confirm-box h4 {
font-size: 16px;
font-weight: 500;
}
.confirm-box h4 > a {
color: #2e2e2e;
}
.confirm-box h4 > a:hover {
color: #3f589d;
}
.confirm-box p {
font-size: 13px;
line-height: 1.5;
color: #808080;
margin-bottom: 16px;
}
.confirm-box .confirm-action {
font-size: 0;
}
.confirm-box .btn.btn-sm {
font-size: 11px;
padding: 6px 16px;
min-width: 100px;
text-align: center;
letter-spacing: 0.6px;
}
.confirm-box .btn.btn-sm + .btn.btn-sm {
margin-left: 8px;
}
/* =============================================
--------- 4.Mobile Nav + Header/Menu ---------
==============================================*/
#mobile-menu {
position: fixed;
left: -285px;
top: 0;
bottom: 0;
background-color: #262626;
width: 285px;
z-index: 1600;
color: #fff;
transition: all 0.45s;
-webkit-transition: all 0.45s;
visibility: hidden;
}
#mobile-menu.opened {
left: 0;
visibility: visible;
}
#mobile-menu-wrapper {
position: relative;
}
#mobile-menu a {
color: #fff;
}
#mobile-menu-overlay {
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0, 0.4);
z-index: 1550;
cursor: pointer;
transition: all 0.75s ease;
-webkit-transition: all 0.75s ease;
opacity: 0;
visibility: hidden;
}
#mobile-menu.opened + #mobile-menu-overlay {
opacity: 1;
visibility: visible;
}
#mobile-menu header {
font-size: 20px;
line-height: 48px;
font-weight: 700;
text-transform: uppercase;
padding: 13px 25px;
position: relative;
}
#mobile-menu-close {
position: absolute;
display: block;
width: 50px;
height: 50px;
top: 10px;
right: 2px;
background-image: url('../images/mobile-menu-close.png');
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
}
#mobile-menu-close:hover, #mobile-menu-close:focus {
background-position: -50px 0;
}
/* Mobile Menu */
.mobile-menu li a {
display: block;
font-size: 14px;
font-weight: 500;
}
.mobile-menu > li > a {
font-weight: 500;
padding-left: 23px;
line-height: 54px;
background-color: transparent;
border-top: 1px solid rgba(235, 235, 235, 0.07);
}
.mobile-menu li a > i {
color: #858585;
margin-right: 10px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.mobile-menu li.open > a > i {
color: #858585;
margin-right: 10px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.mobile-menu ul {
display: none;
padding: 10px 0;
background: #3a3a3a;
}
.mobile-menu ul ul {
margin: 8px 0;
padding: 8px 0;
background-color: #4a4a4a;
}
.mobile-menu ul ul ul {
background-color: #555;
}
.mobile-menu li li a {
padding-left: 41px;
line-height: 34px;
}
.mobile-menu li li li a {
padding-left: 55px;
}
#mobile-menu .mobile-menu li li a {
color: #b7b7b7;
}
#mobile-menu .mobile-menu li li a:hover, #mobile-menu .mobile-menu li li a:focus, #mobile-menu a:hover, #mobile-menu a:focus {
color: #3f589d;
}
.mobile-menu li a:hover {
background-color: rgba(0,0,0, 0.2);
}
#mobile-menu footer {
padding-bottom: 20px;
text-align: center;
}
#mobile-menu .social-icons {
display: table;
width: 100%;
}
#mobile-menu .social-icon {
display: table-cell;
border: 1px solid rgba(235, 235, 235, 0.07);
border-left: none;
text-align: center;
font-size: 17px;
line-height: 49px;
min-width: 48px;
}
#mobile-menu .social-icon:last-child {
border-right: none;
}
#mobile-menu .social-icon:hover {
background-color: rgba(0,0,0, 0.2);
color: #3f589d;
}
#mobile-menu .copyright {
color: #fff;
font-weight: 400;
margin-top: 23px;
}
#mobile-menu .copyright a {
color: #3f589d;
}
#mobile-menu .copyright a:hover, #mobile-menu .copyright a:focus {
color: #9a9a9a;
}
/* Bootstrap dropdown overwrite */
.dropdown-menu {
min-width: 160px;
padding: 6px 0;
margin: 0;
font-size: 13px;
font-weight: 400;
border: 1px solid #ebebeb;
border-radius: 0;
-webkit-box-shadow: 0 4px 9px rgba(0, 0, 0, .15);
box-shadow: 0 4px 9px rgba(0, 0, 0, .15);
display: block;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.dropdown-menu .divider {
background-color: #ebebeb;
}
.dropdown-menu > li > a {
padding: 5px 20px;
font-weight: 400;
color: #2e2e2e;
transition: color 0.02s ease;
-webkit-transition: color 0.02s ease;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #fff;
text-decoration: none;
background-color: #3f589d;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #337ab7;
}
.open > .dropdown-menu {
opacity: 1;
visibility: visible;
}
/* Header */
#header {
position: relative;
background-color: #ffffff;
border-bottom: 1px solid #ededed;
}
#header.header1 {
border-bottom-color: #ebebeb;
}
#header.header2 {
margin-bottom: 28px;
}
#header.header3 {
margin-bottom: 24px;
border-bottom-color: #f0f0f0;
}
#header.header4 {
margin-bottom: 24px;
}
#header.header5 {
border-bottom: none;
}
#header.header6 {
border-bottom-color: #ebebeb;
margin-bottom: 32px;
}
#header.header7 {
border-bottom-color: #eeeeee;
}
.home #header.header7 {
margin-bottom: 0px;/*Cambiar aqui*/
}
#header.header8 {
border-bottom-color: #ededed;
margin-bottom: 26px;
}
#header.header9 {
border-bottom-color: #ebebeb;
margin-bottom: 33px;
}
#header.header-absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 1030;
border-bottom: none;
}
#header .nav-left {
float: left;
}
#header .nav-right {
float: right;
}
#header.header1 .nav-center {
margin: 46px 0;
}
.nav-logo {
margin: 41px 0;
}
.nav-logo.text-center .logo {
display: inline-block;
}
.logo {
margin-bottom: 0;
display: inline-block;
float: left;
padding-right: 41px;
}
.logo > a {
display: block;
/*font-family: 'Fredoka One', cursive;*/
font-family: 'Pacifico', cursive;
font-weight: 100;
letter-spacing: 0px;
}
.logo img {
display: block;
max-width: 100%;
height: auto;
}
.logo > span {
display: none;
}
.nav-text-big {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #000;
letter-spacing: 2.35px;
display: none;
position: relative;
top: 50%;
}
.header-row {
font-size: 0;
}
#header.header1 .header-row {
border-bottom: 1px solid #ebebeb;
padding: 22px 0 17px 14px;
}
#header.header1 .header-row:last-child {
border-bottom: none;
padding: 17px 0 24px;
}
.header-row {
font-size: 0;
}
#header .dropdown-wrapper, #header .dropdown {
display: inline-block;
}
#header .dropdown-toggle, #header .header-link, #header .nav-text {
color: #747474;
font-size: 13px;
font-weight: 400;
display: inline-block;
position: relative;
text-align: center;
padding-top: 12px;
}
#header #header-top .nav-left .header-link {
line-height: 30px;
}
#header .header-link:after {
margin-top: -7.5px;
}
#header.header-absolute .dropdown-toggle, #header.header-absolute .header-link, #header.header-absolute .nav-text {
padding: 0 5.5px;
}
#header.header-absolute .dropdown-toggle, #header.header-absolute .header-link, #header.header-absolute .nav-text, .header-absolute .cart-dropdown .dropdown-toggle > i {
color: #fff;
}
#header .header-link a {
cursor: pointer;
}
.nav-text > span:last-child {
font-weight: 600;
}
.nav-text i {
margin-right: 7px;
}
#header .header-row .dropdown:first-child .dropdown-toggle, #header .nav-text:first-child {
padding-left: 0 ;
}
#header .header-row .dropdown.last .dropdown-toggle, #header .header-row .dropdown:last-child .dropdown-toggle, #header .nav-text:last-child {
padding-right: 0;
}
#header .nav-right .header-row .last, #header .nav-right .header-row a.last {
padding-right: 0 ;
}
#header .dropdown-toggle:after, #header .header-link:after, #header .nav-text:after {
content: '';
display: inline-block;
width: 1px;
height: 15px;
position: absolute;
top: 50%;
right: 0;
background-color: #e6e6e6;
}
#header.header-absolute .dropdown-toggle:after, #header.header-absolute .header-link:after, #header.header-absolute .nav-text:after, #header .header-row .dropdown.last .dropdown-toggle:after, #header .header-row .dropdown:last-child .dropdown-toggle:after, #header .header-row .header-link:last-child:after, #header .nav-text:last-child:after, #header #header-top .header-row .header-link.last:after {
display: none;
}
#header #header-top .nav-right .header-link:hover, #header #header-top .header-link:focus, #header #header-top .dropdown:hover >.dropdown-toggle, #header #header-top .open > .dropdown-toggle {
color: #3f589d;
}
#header #header-top.custom .header-link:hover, #header #header-top.custom .header-link:focus, #header #header-top.custom .dropdown:hover >.dropdown-toggle, #header #header-top.custom .open > .dropdown-toggle {
color: #f68e8e;
}
#header #header-top .header-link .user_account_popup {
position: absolute;
z-index: 10000;
right: 0;
min-width: 250px;
background-color: #F7F7F7;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
overflow: hidden;
display: none;
transition: all 0.3s ease;
transform: translateY(50px);
}
#header #header-top .header-link:hover .user_account_popup {
display: block;
transition: all 0.3s ease;
transform: translateY(0px);
animation: add_to_cart_list_animation 0.3s;
}
#header #header-top #user_account_popup_link {
display: block;
color: #A7A7A7;
padding-bottom: 2px;
}
#header #header-top #user_account_popup_link:hover {
color: #3f589d;
}
#header #header-top .user_account_popup .user_acc_header {
background-color: #3f589d;
padding: 15px;
}
#header #header-top .user_account_popup .user_acc_header img {
width: 63px;
height: 63px;
border-radius: 100%;
box-shadow: 2px 2px 7px -1px rgba(0, 0, 0, 0.23);
}
#header #header-top .user_account_popup .user_acc_header h3 {
color: #fff;
margin-top: 10px;
margin-bottom: 0;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
}
#header #header-top .user_account_popup .content_body {
padding: 15px;
width: 100%;
float: left;
}
#header #header-top .user_account_popup .content_body form input[type=text], #header #header-top .user_account_popup .content_body form input[type=email], #header #header-top .user_account_popup .content_body form input[type=password] {
width: 100%;
height: 25px;
margin-bottom: 10px;
padding: 0 10px;
color: #38383E;
line-height: 25px;
}
#header #header-top .user_account_popup .content_body form a, #header #header-top .user_account_popup .content_body form input[type=button], #header #header-top .user_account_popup .content_body form input[type=submit] {
width: auto;
height: 30px;
line-height: 30px;
padding: 0 20px;
}
#header #header-top .user_account_popup .user_acc_footer {
background-color: #F1F1F1;
padding: 8px 0;
width: 100%;
float: left;
}
#header #header-top .user_account_popup .user_acc_footer p {
margin-bottom: 0;
color: #A7A7A7;
}
@-webkit-keyframes reg_open_animation {
0% {
-webkit-transition:all 0.3s ease;
transform:translateY(100%);
}
100% {
-webkit-transition:all 0.3s ease;
transform:translateY(0%);
}
}
@-moz-keyframes reg_open_animation {
0% {
-moz-transition:all 0.3s ease;
transform:translateY(100%);
}
100% {
-moz-transition:all 0.3s ease;
transform:translateY(0%);
}
}
@-ms-keyframes reg_open_animation {
0% {
-ms-transition:all 0.3s ease;
transform:translateY(100%);
}
100% {
-ms-transition:all 0.3s ease;
transform:translateY(0%);
}
}
@keyframes reg_open_animation {
0% {
transition:all 0.3s ease;
transform:translateY(100%);
}
100% {
transition:all 0.3s ease;
transform:translateY(0%);
}
}
#header #header-top .user_account_popup .register_account {
display: none;
position: absolute;
z-index: 999;
background-color: #fff;
bottom: 0;
}
#header #header-top .user_account_popup.reg_open .register_account {
display: block;
top: 0;
-webkit-animation: reg_open_animation 0.3s;
-moz-animation: reg_open_animation 0.3s;
-ms-animation: reg_open_animation 0.3s;
-o-animation: reg_open_animation 0.3s;
animation: reg_open_animation 0.3s;
}
#header #header-top .user_account_popup.reg_close .register_account {
display: block;
top: 100%;
}
#header #header-top .user_account_popup .register_account .user_acc_header h3 {
margin-top: 0;
}
.search-dropdown {
position: static;
}
.search-dropdown .dropdown-menu {
padding: 17px 19px;
top: 40px;
left: 15px;
right: 15px;
}
#header .search-dropdown.dropdown .dropdown-menu {
min-width: 0;
}
.header-simple-search {
width: 100%;
position: relative;
margin: 30px 0 30px;
}
.main_search_dropdown {
position: absolute;
width: 100%;
float: left;
z-index: 999;
background-color: #fff;
padding: 20px;
display: none;
box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.3);
}
.main_search_dropdown li a {
display: block;
padding: 5px 0;
color: #38383E;
font-weight: 400;
position: relative;
}
.main_search_dropdown li a:after {
content: "";
width: 0px;
height: 1px;
background-color: #CCCCCC;
position: absolute;
left: 0;
bottom: 2px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.main_search_dropdown li:hover a:after {
width: 50px;
transition: all 0.3s;
}
.main_search_dropdown_overlay {
position: fixed;
top: 150px;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(236, 236, 236, 0.70);
z-index: 99;
cursor: url("../images/close.png") 24 24, move;
display: none;
}
#header .nav-logo {
width: 15%;
float: left;
}
#header .header-search-container {
width: 65.4%;
float: left;
}
#header .add_to_cart_wrapper {
width: 14%;
float: right;
position: relative;
}
#header .add_to_cart_wrapper .add_to_cart_list {
position: absolute;
right: 0;
top: 100%;
width: 300px;
background-color: #F7F7F7;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
z-index: 9999;
display: none;
}
@keyframes add_to_cart_list_animation {
0% {
transform:translateY(-10px);
}
100% {
transform:none;
}
}
#header .add_to_cart_wrapper .cart_btn:focus + .add_to_cart_list {
display: block;
animation: add_to_cart_list_animation 0.3s;
}
#header .add_to_cart_wrapper .add_to_cart_list:before {
content: "";
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 18px solid #F7F7F7;
position: absolute;
top: -18px;
right: 10px;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li {
display: block;
clear: both;
padding: 10px;
position: relative;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li:hover {
background-color: #fff;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li .image {
width: 55px;
height: 55px;
float: left;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li .detail {
display: table;
padding-left: 10px;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li .detail h3 {
font-size: 13px;
margin-bottom: 5px;
font-weight: 300;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li .detail span {
color: #545454;
font-size: 15px;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li .close {
width: 20px;
height: 20px;
text-align: center;
border: 1px solid #ccc;
border-radius: 100%;
line-height: 20px;
font-size: 9px;
position: absolute;
right: 5px;
top: 50%;
margin-top: -10px;
display: none;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li .close:hover {
background-color: #ECECEC;
}
#header .add_to_cart_wrapper .add_to_cart_list ul li:hover .close {
display: block;
}
#header .add_to_cart_wrapper .add_to_cart_list .view_cart a {
background-color: #5A5858;
display: block;
text-align: center;
color: #fff;
padding: 8px;
}
#header .add_to_cart_wrapper .add_to_cart_list .view_cart a:hover {
background-color: #3f589d;
}
.header-search-container .input-group {
margin-bottom: 0;
}
.header-search-container .input-group-addon {
margin-left: -1px;
}
.header-search-container .form-control {
color: #878787;
font-weight: 300;
border-color: #e8e8e8;
}
.header-search-container.header-simple-search .form-group {
margin-bottom: 0;
}
.header-simple-search .form-control {
color: #919191;
height: 40px;
padding: 6.5px 44px 6.5px 14px;
margin-bottom: 0;
padding-left: 30px;
font-family: 'Roboto';
border-radius: 3px 0 0 3px;
font-size: 14px;
}
.header-simple-search {
position: relative;
}
.header-simple-search:before {
content: "\f002";
position: absolute;
top: 1px;
left: 1px;
width: 30px;
height: 38px;
padding: 11px 0;
line-height: 38px;
text-align: center;
background-color: #fff;
color: #6B6B6B;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 16px;
/*text-rendering: auto;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header-search-container.header-simple-search .btn {
padding: 2.5px 30px;
height: 40px;
font-size: 13px;
color: #919191;
background-color: #3f589d;
position: absolute;
right: 0;
top: 0%;
color: #fff;
border-left: 1px solid #e8e8e8;
border-radius: 0 3px 3px 0;
}
#header .cart_btn {
padding: 2.5px 30px;
height: 40px;
font-size: 13px;
background-color: #3f589d;
color: #fff;
border-left: 1px solid #e8e8e8;
border-radius: 3px;
display: inline-block;
margin: 30px 0 30px;
line-height: 34px;
text-align: center;
float: right;
font-weight: 700;
text-transform: uppercase;
}
#header .cart_btn > i {
margin-right: 10px;
}
#header .cart_btn > span {
width: 15px;
height: 15px;
line-height: 15px;
background-color: #fff;
color: #3f589d;
border-radius: 100%;
display: inline-block;
margin-left: 2px;
font-size: 11px;
}
.header-search-container.header-simple-search .btn:hover, .header-search-container.header-simple-search .btn:focus {
color: #fff;
}
.header1 .header-search-container .form-control {
font-size: 13px;
padding: 6.5px 22px;
height: 40px;
font-weight: 500;
border-color: #ebebeb;
color: #2e2e2e;
}
.header-search-container .form-control:focus {
border-color: #dadada;
}
.header-search-container .form-control::-moz-placeholder {
color:#878787;
}
.header-search-container .form-control:-ms-input-placeholder {
color:#878787;
}
.header-search-container .form-control::-webkit-input-placeholder {
color:#878787;
}
.header-search-container .form-control::placeholder {
color:#878787;
}
.header .header-search-container .form-control::-moz-placeholder {
color:#2e2e2e;
}
.header .header-search-container .form-control:-ms-input-placeholder {
color:#2e2e2e;
}
.header .header-search-container .form-control::-webkit-input-placeholder {
color:#2e2e2e;
}
.header .header-search-container .form-control::placeholder {
color:#2e2e2e;
}
.header-search-container .input-group-addon {
padding: 0;
border-left: none;
font-weight: 500;
position: relative;
border-color: #e8e8e8;
}
.header1 .header-search-container .input-group-addon {
line-height: 37px;
border-color: #ebebeb;
}
.header-search-container select {
border: none;
height: 42px;
line-height: 42px;
padding: 0 31px 0 14px;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 12px;
font-weight: 400;
color: #999999;
}
/* fix for ie 10+ */
.header-search-container select::-ms-expand {
display: none;
}
.header1 .header-search-container select {
height: 38px;
line-height: 38px;
font-size: 13px;
font-weight: 500;
}
.header-search-container .input-group-addon:before {
content: "\f107";
position: absolute;
right: 14px;
top: 50%;
margin-top: -6.5px;
font-size: 13px;
line-height: 1;
color: #999999;
font-family: 'FontAwesome', Verdana;
}
.header1 .header-search-container .input-group-addon:before {
color: #2e2e2e;
}
.header-search-container .btn {
padding: 11.5px 15px;
}
.header1 .header-search-container .btn {
padding: 10px 12.5px;
font-size: 13px;
background-color: transparent;
border-color: #ebebeb;
color: #2e2e2e;
}
.header1 .header-search-container .btn:hover {
background-color: #3f589d;
border-color: #3f589d;
color: #fff;
}
.search-dropdown .dropdown-toggle > i {
margin-right: 4px;
}
.header-link i {
display: block;
}
.dropdown .dropdown-toggle .fa-caret-down {
color: #c0c0c0;
margin-left: 5px;
transition: all 0.52s ease;
-webkit-transition: all 0.52s ease;
}
#header-top.custom .dropdown .dropdown-toggle .fa-caret-down {
color: #eb5d5d;
}
.dropdown.open .dropdown-toggle .fa-caret-down {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}
#header .dropdown .dropdown-menu {
min-width: 100%;
}
#header .dropdown.language-dropdown .dropdown-menu {
margin-top: 13px;
}
.language-dropdown img {
margin-right: 0;
margin-top: -2px;
}
.cart-text-price {
font-size: 18px;
line-height: 1;
font-family: 'Open Sans', Verdana, sans-serif;
color: #000;
font-weight: 700;
}
#header-top.custom .cart-dropdown .dropdown-toggle > i, #header-top.custom .cart-text-price {
color: #fff;
}
.cart-dropdown .dropdown-menu {
width: 300px;
padding: 16px 24px 12px 24px;
font-size: 13px;
font-weight: 500;
color: #2e2e2e;
line-height: 28px;
}
.search-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu {
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transform: translateY(35px);
-webkit-transform: translateY(35px);
-ms-transform: translateY(35px);
}
.search-dropdown.open > .dropdown-menu, .cart-dropdown:hover .dropdown-menu, .cart-dropdown.open > .dropdown-menu {
transform: translateY(14px);
-webkit-transform: translateY(14px);
-ms-transform: translateY(14px);
opacity: 1;
visibility: visible;
}
/* fix for hover -- added because of distance */
.cart-dropdown .dropdown-menu:before {
content: '';
display: block;
width: 100%;
height: 15px;
position: absolute;
top: -15px;
left: 0;
right: 0;
z-index: 100;
}
.search-dropdown .dropdown-menu:after, .cart-dropdown .dropdown-menu:after {
content: '';
display: block;
position: absolute;
width: 32px;
height: 15px;
top: -15px;
left: 18px;
z-index: 200;
background-image: url('../images/dropdown-arrow.png');
background-repeat: no-repeat;
}
.search-dropdown .dropdown-menu.pull-right:after, .cart-dropdown .dropdown-menu.pull-right:after {
left: auto;
right: 18px;
}
.cart-dropdown .dropdown-toggle > i {
margin-right: 7px;
color: #999999;
}
.cart-dropdown .dropdown-toggle:hover > i, .cart-dropdown:hover .dropdown-toggle > i, .cart-dropdown.open .dropdown-toggle > i {
color: #3f589d;
}
.cart-dropdown .product {
padding: 18px 0 20px;
border-bottom: 1px solid #ebebeb;
text-align: left;
margin-bottom: 0;
overflow: visible;
}
.product_hover {
height: 180px;
}
.cart-dropdown figure {
float: left;
}
.cart-dropdown img {
display: block;
max-width: 100%;
height: auto;
}
.cart-dropdown .product-meta {
margin-left: 84px;
}
.cart-dropdown .product-title {
font-size: 14px;
margin-bottom: 5px;
padding-right: 5px;
}
.cart-dropdown .product-quantity {
font-size: 13px;
line-height: 20px;
color: #808080;
font-weight: 400;
color: #808080;
}
.cart-dropdown .dropdown-subtotal {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #878787;
}
.cart-total {
margin: 18px 0 20px;
text-align: right;
}
.cart-dropdown .dropdown-total {
font-size: 18px;
line-height: 22px;
font-weight: 700;
color: #e11414;
}
.cart-dropdown .dropdown-total > span {
font-weight: 600;
color: #343434;
}
.cart-dropdown .cart-action {
margin-bottom: 16px;
}
.cart-dropdown .cart-action .btn {
padding: 9px 10px;
min-width: 120px;
text-align: center;
font-size: 12px;
line-height: 20px;
}
.cart-dropdown .cart-action .btn + .btn {
float: right;
}
.cart-dropdown .remove-btn {
position: absolute;
right: -3px;
top: 23px;
font-size: 12px;
color: #808080;
}
.cart-dropdown .remove-btn:hover {
color: #3f589d;
}
.header-text {
display: none;
}
#mobile-menu-btn {
display: inline-block;
position: relative;
color: #2f2f2f;
font-size: 24px;
margin: 0 20px 0;
line-height: 1;
background-image: none;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
vertical-align: middle;
}
.header1 #mobile-menu-btn {
line-height: 1.5;
}
#mobile-menu-btn:hover, #mobile-menu-btn.opened {
color: #3f589d;
}
/* header2 - Header3 - Header4*/
#header-top {
position: relative;
border-bottom: 1px solid #ededed;
}
#header-top.dark, #header-top.custom {
border-bottom: none;
}
#header-top.dark {
background-color: #1a1a1a;
}
.header7 #header-top.dark {
background-color: #2e2e2e;
}
#header-top.custom {
background-color: #d62020;
}
#header.header3 #header-top {
border-bottom-color: #f0f0f0;
}
#header #header-top .dropdown-toggle:after, #header #header-top .header-link:after, #header #header-top .nav-text:after {
background-color: #d0d0d0;
}
#header #header-top.dark .dropdown-toggle:after, #header #header-top.dark .header-link:after, #header #header-top.dark .nav-text:after {
background-color: rgba(96,96,96, 0.5);
}
#header.header7 #header-top.dark .dropdown-toggle:after, #header.header7 #header-top.dark .header-link:after, #header.header7 #header-top.dark .nav-text:after {
background-color: rgba(96,96,96, 0.6);
}
#header #header-top.custom .dropdown-toggle:after, #header #header-top.custom .header-link:after, #header #header-top.custom .nav-text:after {
background-color: rgba(255,255,255, 0.3);
}
#header #header-top.dark, #header #header-top.dark .dropdown-toggle, #header #header-top.dark .header-link, #header #header-top.dark .nav-text, #header #header-top.custom, #header #header-top.custom .dropdown-toggle, #header #header-top.custom .header-link, #header #header-top.custom .nav-text {
color: #A7A7A7;
}
#header #header-top.dark .nav-text .header-text, #header #header-top.dark .nav-text i {
color: #8c8c8c;
}
#header #header-top.custom .nav-text .header-text, #header #header-top.custom .nav-text i {
color: #f68e8e;
}
#header-top.dark .dropdown .dropdown-toggle .fa-caret-down {
color: #6c6c6c;
}
#header-top.dark .cart-text-price {
color: #fff;
}
#header #header-top.dark .cart-dropdown .dropdown-toggle {
background-color: #262626;
color: #8c8c8c;
padding: 0 16px ;
}
#header #header-top.custom .cart-dropdown .dropdown-toggle {
background-color: #3f589d;
color: #f68e8e;
padding: 0 16px;
}
#header #header-top.custom .cart-dropdown:hover .dropdown-toggle, #header #header-top.custom .cart-dropdown .dropdown-toggle:hover, #header #header-top.custom .cart-dropdown.open > .dropdown-toggle, #header-top.custom .cart-dropdown .dropdown-toggle:hover > i, #header-top.custom .cart-dropdown:hover .dropdown-toggle > i, #header-top.custom .cart-dropdown.open .dropdown-toggle > i {
background-color: #262626;
color: #fff;
}
#header.header7 #header-top.dark .cart-dropdown .dropdown-toggle {
background-color: #383838;
color: #9c9c9c;
}
#header.header7 #header-top.dark .cart-dropdown .dropdown-toggle > i {
color: #fff;
}
#header #header-top.dark .cart-dropdown:hover .dropdown-toggle, #header #header-top.dark .cart-dropdown .dropdown-toggle:hover, #header #header-top.dark .cart-dropdown.open .dropdown-toggle, #header-top.dark .cart-dropdown .dropdown-toggle:hover > i, #header-top.dark .cart-dropdown:hover .dropdown-toggle > i, #header-top.dark .cart-dropdown.open .dropdown-toggle > i {
background-color: #3f589d;
color: #fff;
}
.header2 #header-inner .header-row *, .header3 #header-inner .header-row *, .header4 #header-inner .header-row * {
vertical-align: middle;
}
#header #header-top .nav-left, #header #header-top .nav-right {
margin: 0;
}
#header #header-top label {
margin: 0 5px 0 0;
font-size: 13px;
margin-left: 21px;
}
#header-top .social-icon {
line-height: 54px;
margin: 0 7.5px 0;
color: #bababa;
}
#header-top .social-icon:last-child {
margin-right: 0;
}
#header-top .social-icon:hover {
color: #3d3d3d;
}
.header2 .nav-right #mobile-menu-btn, .header3 .nav-right #mobile-menu-btn, .header4 .nav-right #mobile-menu-btn, .header5 .nav-right #mobile-menu-btn {
margin-right: 0;
}
#header #header-top label, #header #header-top .dropdown-toggle, #header #header-top .header-link, #header #header-top .nav-text, #header #header-top .social-icon {
line-height: 41px;
}
#header #header-top .currency-dropdown .dropdown-menu {
min-width: 100px;
}
#header.header2 #header-inner .dropdown-toggle, #header.header2 #header-inner .header-link, #header.header2 #header-inner .nav-text, #header.header3 #header-inner .dropdown-toggle, #header.header3 #header-inner .header-link, #header.header3 #header-inner .nav-text, #header.header4 #header-inner .dropdown-toggle, #header.header4 #header-inner .header-link, #header.header4 #header-inner .nav-text {
padding: 0 15px;
}
.header2 .nav-logo, .header3 .nav-logo, .header4 .nav-logo {
margin: 26px 0 26px;
}
.header2 #header-inner .nav-center, .header3 #header-inner .nav-center, .header4 #header-inner .nav-center {
display: none;
}
.header2 #header-inner .nav-right, .header3 #header-inner .nav-right, .header4 #header-inner .nav-right {
margin: 36px 0 36px;
}
.header2 .cart-text-price, .header3 .cart-text-price, .header4 .cart-text-price {
margin-bottom: 1px;
}
/* Header 5 */
.header5 #header-top .cart-text-price {
font-weight: 500;
}
.header5 .nav-logo, .header5 #menu-container {
border-bottom: 1px solid #ebebeb;
}
.header5 .nav-logo {
width: auto;
margin: 0;
padding: 27px 0 19px;
}
.header5 #header-top #mobile-menu-btn {
position: absolute;
top: 100%;
margin: 37.5px 0 0;
right: 0;
padding: 0;
}
/* Header6 */
#header-top .container {
position: relative;
}
.header6 #menu-container {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
#header.header6 .nav-logo {
width: auto;
margin: 28px 0 18px;
}
.header6 #header-top #mobile-menu-btn {
position: absolute;
top: 100%;
margin: 38px 0 0;
right: 15px;
padding: 0;
}
/* Header7 */
.header7 #menu-container {
/* border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee; */
/* border-top: 1px solid #434343; */
background: #38383e;
box-shadow: 0 8px 8px #2C2C2C inset;
-webkit-box-shadow: 0 8px 8px #2C2C2C inset;
-moz-box-shadow: 0 8px 8px #2C2C2C inset;
-webkit-transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-ms-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
}
.header_bottom {
background-color: #fff;
}
@-webkit-keyframes header_bottom_animation {
0% {
-webkit-transform:translateY(-20px);
}
100% {
-webkit-transform:none;
}
}
@-moz-keyframes header_bottom_animation {
0% {
-moz-transform:translateY(-20px);
}
100% {
-moz-transform:none;
}
}
@-ms-keyframes header_bottom_animation {
0% {
-ms-transform:translateY(-20px);
}
100% {
-ms-transform:none;
}
}
@keyframes header_bottom_animation {
0% {
transform:translateY(-20px);
}
100% {
transform:none;
}
}
.header_bottom.fixed {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0;
-webkit-animation: header_bottom_animation 0.3s;
-moz-animation: header_bottom_animation 0.3s;
-ms-animation: header_bottom_animation 0.3s;
-o-animation: header_bottom_animation 0.3s;
animation: header_bottom_animation 0.3s;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#header.header7 .header_bottom.fixed .nav-logo .logo {
margin: 10px 0 10px;
}
.header_bottom.fixed .header-simple-search {
margin: 20px 0 20px;
}
#header .header_bottom.fixed .cart_btn {
margin: 20px 0 20px;
}
.header_bottom.fixed .main_search_dropdown_overlay {
top: 80px;
}
#header.header7 .nav-logo {
width: auto;
margin: 0;
}
#header.header7 .nav-logo .logo {
margin: 20px 0 20px;
}
.header7 #header-top #mobile-menu-btn {
position: absolute;
top: 100%;
margin: 39px 0 0;
right: 15px;
padding: 0;
}
/* Header8 */
#header.header8 .nav-logo {
margin: 27px 0 26px;
}
.header8 #menu-container {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.header8 #header-top #mobile-menu-btn {
position: absolute;
top: 100%;
margin: 38px 0 0;
right: 15px;
padding: 0;
}
.header-box {
display: none;
margin: 34px 70px 34px 0;
}
.header-box:last-child {
margin-right: 90px;
}
.header-box-icon {
float: left;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
font-size: 16px;
color: #b4b4b4;
background-color: #f5f5f5;
}
.header-box-icon.round {
border-radius: 50px;
width: 44px;
height: 44px
}
.header-box-icon.border.round {
line-height: 40px;
}
.header-box-icon.border {
border: 2px solid #f5f5f5;
line-height: 41px;
background-color: transparent;
}
.header-box-content {
margin-left: 60px;
}
.header-box-content h6 {
font-size: 16px;
line-height: 18px;
color: #404040;
font-weight: 600;
margin: 6px 0 1px;
}
.header-box-content p {
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #747474;
font-weight: 400;
}
/* Header absolute*/
#header.header-absolute {
padding: 36px 0 24px;
}
.header-absolute .container {
position: relative;
}
#header.header-absolute #mobile-menu-btn {
font-size: 20px;
color: #fff;
margin: -10px 0 0 10px;
}
.header-absolute .nav-logo {
margin: 0;
}
.header-absolute .nav-right + .nav-right {
margin-right: 15px;
}
.header-absolute .header-row {
margin: 11.5px 0;
}
.header-absolute .search-dropdown .dropdown-menu.pull-right:after, .header-absolute .cart-dropdown .dropdown-menu.pull-right:after {
right: 6px;
}
.header-absolute .menu > li + li {
margin-left: 40px;
}
/* Header9 */
.header9 .container {
position: relative;
}
.header9 .menu {
position: static;
}
.header9 .nav-logo {
margin: 30px 0 20px;
}
.header9 .header-row {
margin: 43px 0;
}
.header9 .menu > li > a {
padding: 40px 0;
}
.header9 .nav-right + .nav-right {
margin-right: 40px;
}
#header .dropdown-toggle, #header .header-link, #header .nav-text {
padding-left: 19px;
padding-right: 19px;
}
#header.header9 .dropdown-toggle:after, #header.header9 .header-link:after, #header .nav-text:after {
display: none;
}
.header9 .cart-dropdown .dropdown-toggle > i {
margin-right: 0;
}
.header9 .menu > li + li {
margin-left: 44px;
}
.header9 #mobile-menu-btn {
margin-top: -10px;
margin-right: 0;
margin-left: 30px;
}
.header9 .search-dropdown .dropdown-menu.pull-right {
right: -6px;
}
.header9 .cart-dropdown .dropdown-menu.pull-right {
right: -26px;
}
/* Header absolute fullwidth*/
.header-absolute.absolute-fullwidth .nav-center {
float: left;
width: 200px;
}
.header-absolute.absolute-fullwidth .nav-left {
float: left;
width: calc( ( 100% - 200px ) / 2 );
}
#header.header-absolute.absolute-fullwidth .nav-text {
color: #cbcbcb;
}
#header.header-absolute.absolute-fullwidth .nav-text > span:last-child {
color: #fff;
}
#header.header-absolute.absolute-fullwidth label {
font-size: 13px;
line-height: 21px;
font-weight: 700;
color: #cbcbcb;
margin-left: 21px;
}
#header.header-absolute.absolute-fullwidth .dropdown .dropdown-toggle .fa-caret-down {
color: #858585;
}
#header.header-absolute.absolute-fullwidth .nav-left:first-child .dropdown .dropdown-toggle, #header.header-absolute.absolute-fullwidth .nav-text {
padding-left: 20px;
padding-right: 20px;
}
#header.header-absolute.absolute-fullwidth .nav-left:first-child .dropdown .dropdown-toggle:after {
display: block;
background-color: #d0d0d0;
}
#header.header-absolute.absolute-fullwidth .menu > li + li {
margin-left: 8px;
}
#header.header-absolute.absolute-fullwidth .nav-right + .nav-right {
margin-right: 15px;
}
#header.header-absolute.absolute-fullwidth .nav-right .dropdown-toggle, #header.header-absolute.absolute-fullwidth .nav-right .header-link, #header.header-absolute.absolute-fullwidth .nav-right .nav-text {
padding: 0 6px;
}
#header.header-absolute.absolute-fullwidth .nav-left .nav-text .header-text {
display: none;
}
#header.header-absolute.absolute-fullwidth .cart-dropdown .dropdown-toggle {
font-weight: 700;
}
#header.header-absolute.absolute-fullwidth #mobile-menu-btn {
margin-left: 15px;
}
#header.absolute-fullwidth .currency-dropdown .dropdown-menu {
min-width: 100px;
}
/* Header 10*/
#header.header10 {
background-color: #d62020;
margin-bottom: 22px;
border: none;
}
#header.header10 #header-top {
border-color: rgba(219, 219, 219, 0.25);
}
#header.header10 .dropdown-toggle, #header.header10 .header-link, #header.header10 .nav-text, .header10 .dropdown .dropdown-toggle .fa-caret-down, #header.header10 #header-top label, .header10 #header-top .social-icon, .header10 .cart-dropdown .dropdown-toggle > i {
color: #f68e8e;
}
#header.header10 .header-link:hover, #header .header-link:focus, #header.header10 .dropdown:hover >.dropdown-toggle, #header.header10 .open > .dropdown-toggle, .header10 #header-top .social-icon:hover, .header10 .cart-dropdown.open > .dropdown-toggle > i, .header10 .cart-dropdown:hover > .dropdown-toggle > i, .header10 .cart-text-price {
color: #fff;
}
#header.header10 #header-top .dropdown-toggle:after, #header.header10 #header-top .header-link:after, #header.header10 #header-top .nav-text:after {
opacity: 0.25;
}
#header.header10 .dropdown-toggle:after, #header.header10 .header-link:after, #header.header10 .nav-text:after {
background-color: #e5e5e5;
opacity: 0.25;
}
#header.header10 .nav-logo {
margin: 21px 0 26px;
}
#header.header10 #header-inner .header-row {
margin: 35px 0;
}
#header.header10 .nav-center {
margin-left: 8px;
}
#header.header10 .header-box {
margin: 34.5px 0 34.5px 57px;
}
#header.header10 .header-box-icon {
background-color: #3f589d;
border-color: #3f589d;
color: #fff;
}
#header.header10 .header-box-icon.border {
background-color: transparent;
}
#header.header10 #menu-container {
margin-bottom: -32px;
background-color: #3f589d;
}
/* Fix for shake fixed menu animation */
#header.header10 .sticky-wrapper {
margin-bottom: -32px;
}
#header.header10 #menu-container.sticky-menu {
margin-bottom: 0;
}
#header.header10 #menu-container .search-dropdown .dropdown-toggle {
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 23px 20px;
border-left: 1px solid rgba(240, 240, 240, 0.2);
}
#header.header10 #menu-container .search-dropdown .dropdown-toggle:after {
display: none;
}
#header.header10 #menu-container .search-dropdown.open > .dropdown-toggle, #header.header10 #menu-container .search-dropdown:hover > .dropdown-toggle {
color: #f68e8e;
}
.header10 .header-box-content h6 {
color: #fff;
}
.header10 .header-box-content p {
color: #f68e8e;
}
#header.header10 #menu-container .container, #header.header11 #menu-container .container {
position: relative;
}
#header.header10 .menu, #header.header11 .menu {
position: static;
}
#header.header10 .menu > li:first-child {
margin-left: 44px;
}
#header.header10 .menu > li + li {
margin-left: 41px;
}
#header.header10 .menu > li.active > a, #header.header10 .menu > li > a {
color: #fff;
}
#header.header10 .menu > li > a > i {
color: #f68e8e;
}
#header.header10 #mobile-menu-btn {
color: #fff;
margin-right: 0;
margin-top: -13px;
}
/* Header 11*/
#header.header11 {
margin-bottom: 24px;
border: none;
}
#header.header11 #header-top, #header.header11 #header-inner {
border-bottom: 1px solid #f0f0f0;
}
#header.header11 .nav-logo {
margin: 21px 0 26px;
}
#header.header11 #header-inner .header-row {
margin: 35px 0;
}
#header.header11 #header-inner .nav-center {
margin-left: 45px;
}
#header.header11 .header-box {
margin: 32px 0 36px 55px;
}
#header.header11 .header-box-icon {
background-color: #f5f5f5;
color: #b4b4b4;
}
#header.header11 .custom .header-box-icon {
background-color: #d62020;
color: #fff;
}
#header.header11 #menu-container {
background-color: #3f589d;
}
#header.header11 #menu-container .nav-left {
width: 213px;
text-align: left;
text-align: center;
border-right: 1px solid #f68e8e;
}
.menu-cat-top-title, #menu-display-btn {
line-height: 70px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
}
.menu-cat-top-title {
font-size: 16px;
}
#menu-display-btn {
display: block;
font-size: 14px;
padding: 0 18px;
border-left: 1px solid #f68e8e;
min-width: 95px;
}
#menu-display-btn:hover {
color: #f68e8e;
}
#menu-display-btn .fa-times {
display: none;
}
#menu-display-btn.open .fa-navicon {
display: none;
}
#menu-display-btn.open .fa-times {
display: inline-block;
}
#menu-display-btn i {
margin-right: 4px;
}
#header.header11 #menu-container .nav-center {
float: left;
width: calc( 100% - 310px );
}
#header.header11 #menu-container.sticky-menu.fixed .nav-center {
width: calc( 100% - 120px );
}
#header.header11 .header-search-container, #header.header11 .menu {
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
#header.header11 #menu-container .nav-center.open .header-search-container, #header.header11 .menu {
display: none;
opacity: 0;
}
#header.header11 #menu-container .nav-center.open .menu {
opacity: 1;
display: block;
}
#header.header11 .header-search-container .form-control {
color: #919191;
height: 40px;
padding: 6.5px 44px 6.5px 14px;
margin-bottom: 0;
}
#header.header11 .header-search-container .btn {
padding: 9px 12px;
}
#header.header11 .header-search-container select {
line-height: 38px;
height: 38px;
}
#header.header11 .menu > li.active > a, #header.header11 .menu > li > a {
color: #fff;
}
#header.header11 .menu > li > a > i {
color: #f68e8e;
}
#header.header11 #mobile-menu-btn {
margin-right: 0;
margin-top: -13px;
}
#header.header11 .menu {
margin-left: 36px;
}
#header.header11 .header-search-container {
margin: 15px 33px;
}
/* header + fullwidth (see :index6) */
.header2.header-fullwidth #header-inner .nav-center {
width: calc( 100% - 626px );
margin-left: 50px;
}
/* Header12 */
#header.header12 {
border-color: #eee;
}
#header.header12 nav {
border-top: 1px solid #eeeeee;
}
.header12 #header-top.custom .dropdown .dropdown-toggle .fa-caret-down, #header.header12 #header-top.custom .nav-text i {
color: #fff;
}
#header.header12 #mobile-menu-btn {
float: right;
margin-right: 0;
}
#header.header12 .nav-logo {
margin: 30px 0 30px;
}
#header.header12 .menu > li > a {
padding: 10px 0 23px;
}
#header.header12 #header-inner .header-simple-search {
width: 240px;
position: relative;
top: auto;
right: auto;
}
#header.header12 #header-inner .nav-text {
display: block;
margin-right: 35px;
line-height: 40px;
}
#header.header12 #header-inner .nav-text > span {
color: #404040;
}
#header.header12 #header-inner .nav-text i {
color: #b4b4b4;
}
#header.header12 #mobile-menu-btn {
margin-top: 30px;
margin-bottom: 30px;
}
#header.header12 #header-inner .nav-text, #header.header12 #header-inner .header-simple-search {
margin-top: 31px;
margin-bottom: 31px;
}
/* Header13 */
#header.header13 {
border: 1px solid #ededed;
margin-bottom: 27px;
}
#header.header13 .menu {
position: static;
}
#header.header13 #header-top, #header.header13 #header-inner {
position: relative;
}
#header.header13 #header-top {
position: relative;
border-color: #ededed;
background-color: #fff;
}
#header.header13 #header-top .nav-logo {
margin: 13px 29px 9px 0;
}
#header.header13 #header-top .menu > li > a {
padding: 19.5px 0;
}
#header.header13 #header-top label, #header.header13 #header-top .dropdown-toggle, #header.header13 #header-top .header-link, #header.header13 #header-top .nav-text, #header.header13 #header-top .social-icon {
line-height: 42px
}
#header.header13 .department-dropdown .dropdown-toggle {
color: #2f2f2f;
text-transform: uppercase;
font-size: 14px;
line-height: 30px;
font-weight: 700;
padding: 34px 0;
}
#header.header13 .department-dropdown .dropdown-toggle i {
margin-right: 7px;
}
#header.header13 .department-dropdown .dropdown-toggle:after {
display: none;
}
#header.header13 .department-dropdown .dropdown-menu {
border: 1px solid #ebebeb;
min-width: 285px;
padding: 0;
}
#header.header13 .department-dropdown .dropdown-menu:after {
content: '';
position: absolute;
left: 10px;
bottom: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ebebeb transparent;
}
#header.header13 .department-dropdown .dropdown-menu li {
border-bottom: 1px solid #ebebeb;
}
#header.header13 .department-dropdown .dropdown-menu li:last-child {
border-bottom: none;
}
#header.header13 .department-dropdown .dropdown-menu li a {
font-size: 13px;
line-height: 24px;
padding: 13px 26px;
color: #2e2e2e;
}
#header.header13 .department-dropdown .dropdown-menu li a i {
color: #bdbdbd;
margin-right: 10px;
}
#header.header13 .department-dropdown .dropdown-menu li:hover a, #header.header13 .department-dropdown .dropdown-menu li:hover a i {
color: #fff;
}
#header.header13 #header-inner .nav-center {
width: calc(100% - 530px);
margin: 27px 0 26px;
padding: 0 45px 0 70px;
}
#header.header13 #header-inner .header-row {
margin: 37px 0;
}
#header.header13 #header-inner #mobile-menu-btn {
margin: 32.5px 0 35.5px 20px;
}
#menu-container {
background-color: #fff;
display: none;
}
#menu-container .container {
/*position: relative;*/
}
/* Main Menu Styles */
#menu-container.dark {
background-color: #323232;
}
#menu-container.custom {
background-color: #3f589d;
}
.header3 #menu-container {
border-top: 2px solid #f7f7f7;
border-bottom: 2px solid #f7f7f7;
}
.menu {
font-size: 0;
position: relative;
display: none;
}
.header3 .menu, .header2.header-fullwidth .menu {
padding: 0 21px;
}
.header7 .menu, .header8 .menu {
padding-left: 0;
}
.menu li {
position: relative;
}
.header-absolute .menu, #menu-container nav.pull-left .menu {
position: static;
}
.menu li a {
display: block;
font-size: 13px;
line-height: 30px;
font-weight: 500;
position: relative;
}
/* Fix for submenus for centered menu */
#menu-container.text-center .menu li a, #menu-container.text-center .megamenu-col, #menu-container.text-center .megamenu-list {
text-align: left;
}
.menu li a, .menu li a i {
transition: color 0.6s ease;
-webkit-transition: color 0.6s ease;
}
.menu > li {
display: inline-block;
}
.menu > li > a {
font-weight: 700;
line-height: 30px;
padding: 20px 0;
text-transform: uppercase;
text-decoration: none;
}
#menu-container .menu > li > a:hover {
text-decoration: none;
background-color: #fff;
color: #38383E;
}
.header3 .menu > li > a {
padding: 18.5px 0;
}
.header5 .menu > li > a {
padding: 22px 0;
}
.header6 .menu > li > a {
padding: 26.5px 0;
}
.header7 .menu > li > a, .header8 .menu > li > a {
padding: 10px 20px;
}
#menu-container .menu > li.active > a, #menu-container .menu > li > a, .menu > li.active > a, .menu > li > a {
color: #fff;
font-family: 'Roboto', sans-serif;
}
#menu-container .menu > li.active > a, #menu-container .menu > li > a, .menu > li.active > a, .menu > li > a > i {
color: #fff;
}
.header-absolute .menu > li.active > a, .header-absolute .menu > li > a, #menu-container.dark .menu > li.active > a, #menu-container.dark .menu > li > a, #menu-container.custom .menu > li.active > a, #menu-container.custom .menu > li > a {
color: #fff;
}
.menu > li.active > a {
text-decoration: underline;
}
.menu > li + li {
margin-left: 52px;
}
.header7 .menu > li {
margin-left: 0px;
}
.header2 .menu > li + li, .header4 .menu > li + li, .header8 .menu > li + li {
margin-left: 38px;
}
.header5 .menu > li + li, .header6 .menu > li + li, .header11 .menu > li + li, .header12 .menu > li + li, .header13 .menu > li + li {
margin-left: 42px;
}
.menu ul, .menu .megamenu {
position: absolute;
left: 0;
top: 100%;
background-color: #fff;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/* Fix for megamenu within the floated menu (see: index2)*/
#menu-container .container .pull-left .megamenu, .header-absolute .container .megamenu, .header9 .container .megamenu, #header.header10 #menu-container .megamenu, #header.header11 #menu-container .megamenu {
left: 15px;
right: 15px;
width: auto;
}
#menu-container .container .pull-left .megamenu.container-width {
left: 0;
right: 0;
width: 1170px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: right;
background-size: contain;
}
#menu-container .container .pull-left .megamenu.container-width .product_hover {
text-align: center;
height: auto;
}
#menu-container .container .pull-left .megamenu.container-width .megamenu-list li a, #menu-container .container .pull-left .megamenu.container-width .megamenu-list li a i {
margin-left: 20px;
color: #2e2e2e;
}
#menu-container .container .pull-left .megamenu.container-width .megamenu-list li:hover a, #menu-container .container .pull-left .megamenu.container-width .megamenu-list li:hover a i {
color: #3f589d;
}
#menu-container .container .pull-left .megamenu.container-width .megamenu-list li:before {
border-left-color: #2e2e2e;
}
#menu-container .container .pull-left .megamenu.container-width .megamenu-list li:hover:before {
border-left-color: #3f589d;
}
.menu ul {
min-width: 220px;
}
.menu ul ul {
left: 100%;
top: -1px;
}
.menu li.pull-right ul, .menu li.reverse ul {
left: auto;
right: 0;
}
.menu li.pull-right ul ul, .menu li.reverse ul ul {
left: auto;
right: 100%;
}
.menu li li {
border-bottom: 1px solid #ebebeb;
}
.menu li li:hover:before {
z-index: 1;
}
.menu li li:hover{
padding-left:20px;
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-webkit-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.menu li li:last-child {
border-bottom: none;
}
.menu li li a {
line-height: 48px;
padding: 0 20px;
color: #2e2e2e;
background-color: #fff;
}
i.fa.fa-angle-right {
/*display: none;*/
}
.menu > li > a > i {
color: #3f589d;
-webkit-transition: color .35s;
transition: color .35s;
font-size: 16px;
}
#menu-container.custom .menu > li > a > i {
color: #f68e8e;
}
#menu-container.dark .menu > li > a > i {
color: #979797;
}
.header-absolute .menu > li > a > i {
color: #6e6e6e;
}
.menu li li a > i {
color: #cacaca;
margin-right: 10px;
display: none;
}
nav .megamenu-container {
position: static;
}
.megamenu {
width: 100%;
}
#menu-container.dark .megamenu, #menu-container.custom .megamenu {
border-top: none ;
}
.megamenu.megamenu-half, #menu-container .container .pull-left .megamenu.megamenu-half, .header-absolute .container .megamenu.megamenu-half, .header9 .container .megamenu.megamenu-half, #header.header10 #menu-container .megamenu.megamenu-half, #header.header11 #menu-container .megamenu.megamenu-half {
width: 600px;
left: 0;
}
.reverse .megamenu.megamenu-half, .header-absolute .container .reverse .megamenu.megamenu-half {
left: auto;
right: 0;
}
.megamenu-wrapper {
padding: 0 145px 0 20px;
background-image: url('../images/megamenubg.png');
background-position: right bottom;
background-repeat: no-repeat;
}
.megamenu .row {
margin-left: 0;
margin-right: 0;
}
.megamenu div[class^="col"], .megamenu div[class*=' col'] {
padding: 30px 20px 30px 30px;
overflow: hidden;
position: relative;
border-right: 1px solid #f2f2f2;
}
.megamenu-col {
float: left;
width: 200px;
padding: 51px 25px 40px 25px;
overflow: hidden;
position: relative;
}
.megamenu div[class^="col"]:last-child, .megamenu div[class*=' col']:last-child {
border-right: none;
}
.megamenu-col-section {
margin-bottom: 45px;
}
.megamenu-col-section:last-child {
margin-bottom: 8px;
}
.megamenu figure {
margin-bottom: 28px;
}
.megamenu figure > a {
position: relative;
}
.megamenu figure > a:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.4);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.megamenu figure > a:hover:after {
opacity: 1;
visibility: visible;
}
.megamenu img {
display: block;
max-width: 100%;
height: auto;
}
.megamenu-title {
font-size: 16px;
line-height: 1.5;
color: #2e2e2e;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 11px;
}
.megamenu-title > span {
position: relative;
}
.menu .megamenu-list {
position: static;
left: auto;
right: auto;
top: auto;
width: auto;
max-width: none;
min-width: 0;
opacity: 1;
visibility: inherit;
border: none;
margin-bottom: 20px;
background-color: transparent;
box-shadow: none;
-webkit-box-shadow: none;
}
.menu .megamenu-col-section .megamenu-list:last-child {
margin-bottom: 0;
}
.menu .megamenu-list li {
border: none;
}
.menu .megamenu-list li:before, .menu li li:before {
content: "";
position: absolute;
border: 4px solid transparent;
border-left-color: #3f589d;
left: 20px;
top: 50%;
margin-top: -4px;
}
.menu li li:before {
}
.menu .megamenu-list li a {
display: inline-block;
font-size: 13px;
line-height: 28px;
padding: 0;
color: #2e2e2e;
font-weight: 500;
background-color: #fff;
margin-left: 0;
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-webkit-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.menu .megamenu-half .megamenu-list li a {
line-height: 27px;
}
.menu .megamenu-list li a > i {
color: #c5c5c5;
}
#menu-container .container .pull-left ul li.open .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list {
position: relative;
top: auto;
left: auto;
width: 100%;
float: left;
opacity: 1;
visibility: visible;
box-shadow: none;
}
#menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list * {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
}
#menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list figure {
width: auto;
}
#menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list li a {
line-height: 20px;
padding: 0;
}
#menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list li a:hover, #menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list li a:hover i {
color: #3f589d;
margin-left: 0px;
}
#menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list li:before {
display: none;
}
#menu-container .container .pull-left .megamenu.megamenu-half .mega_menu_wrapper .widget .products-list .product-title {
margin-top: 0;
}
.megamenu .megamenu-footer {
background-color: #f2f2f2;
font-size: 14px;
line-height: 24px;
padding: 18px 30px;
color: #000000;
font-weight: 400;
}
.megamenu.megamenu-half .megamenu-footer {
padding-left: 36px;
padding-right: 36px;
}
.megamenu .menu-quick-tags > span {
font-weight: 600;
margin-right: 4px;
}
.megamenu .menu-quick-tags a {
color: #575757;
display: inline;
font-size: inherit;
line-height: inherit;
font-weight: 400;
}
.megamenu .menu-quick-tags a:hover {
color: #3f589d;
}
.megamenu-alert {
color: #3f589d;
font-weight: 600;
}
/* Hover */
.menu li.open > ul, .menu li.open > .megamenu {
opacity: 1;
visibility: visible;
}
.menu li li a:hover, .menu li li a:hover i {
color: #3f589d;
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-webkit-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.tip {
display: inline-block;
position: absolute;
font-size: 10px;
line-height: 15px;
padding: 0 5px;
left: 100%;
margin-left: 4px;
bottom: 100%;
margin-bottom: -4px;
color: #fff;
background-color: #2e2e2e;
letter-spacing: 0.25px;
}
.menu > li > a > .tip {
bottom: 50%;
margin-bottom: 12px;
margin-left: -18px;
}
.sticky-menu.fixed .menu > li > a > .tip {
margin-bottom: 8px;
}
.tip:after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 6px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 0;
border-color: #2e2e2e transparent transparent transparent;
}
.tip.tip-new {
background-color: #03b4ea;
}
.tip.tip-new:after {
border-top-color: #03b4ea;
}
.tip.tip-hot {
background-color: #3f589d;
}
.tip.tip-hot:after {
border-top-color: #3f589d;
}
/* Predefined menu + dropdown animations via classes*/
/* add menu to btt-dropdown to left to right appear animation*/
.menu.ltr-dropdown li > ul, .menu.ltr-dropdown li > .megamenu, .dropdown.ltr-dropdown .dropdown-menu {
transform: translateX(-21px);
-webkit-transform: translateX(-21px);
-ms-transform: translateX(-21px);
}
.menu.ltr-dropdown li.open > ul, .menu.ltr-dropdown li.open > .megamenu, .dropdown.ltr-dropdown.open > .dropdown-menu {
transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
}
/* add menu to btt-dropdown to right to left appear animation*/
.menu.rtl-dropdown li > ul, .menu.rtl-dropdown li > .megamenu, .dropdown.rtl-dropdown .dropdown-menu {
/*transform:translateX(21px);
-webkit-transform:translateX(21px);
-ms-transform:translateX(21px);*/
transform: scale(0.98);
}
.menu.rtl-dropdown li.open > ul, .menu.rtl-dropdown li.open > .megamenu, .dropdown.ltr-dropdown.open > .dropdown-menu {
/*transform:translateX(0);
-webkit-transform:translateX(0);
-ms-transform:translateX(0);*/
transform: scale(1);
}
/* add menu to btt-dropdown to top to bottom appear animation*/
.menu.ttb-dropdown li > ul, .menu.ttb-dropdown li > .megamenu, .dropdown.ttb-dropdown .dropdown-menu {
transform: translateY(-21px);
-webkit-transform: translateY(-21px);
-ms-transform: translateY(-21px);
}
.menu.ttb-dropdown li.open > ul, .menu.ttb-dropdown li.open > .megamenu, .dropdown.ttb-dropdown.open > .dropdown-menu {
transform: translateY(15px);
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
}
/* add menu to btt-dropdown to bottom to top appear animation*/
.menu.btt-dropdown li > ul, .menu.btt-dropdown li > .megamenu, .dropdown.btt-dropdown .dropdown-menu {
transform: translateY(21px);
-webkit-transform: translateY(21px);
-ms-transform: translateY(21px);
}
.menu.btt-dropdown li.open > ul, .menu.btt-dropdown li.open > .megamenu, .dropdown.btt-dropdown.open > .dropdown-menu {
transform: translateY(2px);
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
}
/* Sticky Menu */
.boxed .sticky-menu.fixed, .boxed-long .sticky-menu.fixed, .boxed #header.sticky-menu.fixed, .boxed-long #header.sticky-menu.fixed, .boxed #header.header-absolute.sticky-menu.fixed, .boxed-long #header.header-absolute.sticky-menu.fixed {
left: auto;
right: auto;
}
.boxed .sticky-menu.fixed.fullwidth-sticky, .boxed-long .sticky-menu.fixed.fullwidth-sticky, .boxed #header.sticky-menu.fixed.fullwidth-sticky, .boxed-long #header.sticky-menu.fixed.fullwidth-sticky {
left: 0;
right: 0;
}
/* Sticky Menu ----------*/
@-webkit-keyframes stickyMenu {
0% {
opacity:0;
transform:translateY(-100px);
-webkit-transform:translateY(-100px);
-ms-transform:translateY(-100px);
}
100% {
opacity: 1;
transform:translateY(0);
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
}
}
@keyframes stickyMenu {
0% {
opacity:0;
transform:translateY(-100px);
-webkit-transform:translateY(-100px);
-ms-transform:translateY(-100px);
}
100% {
opacity: 1;
transform:translateY(0);
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
}
}
.sticky-menu.fixed, #header.sticky-menu.fixed, #header.header-absolute.sticky-menu.fixed, #header.header13 #header-top.sticky-menu.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1030;
box-shadow: 0 3px 10px rgba(0,0,0, 0.22);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.22);
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: stickyMenu;
animation-name: stickyMenu;
}
#header.header-absolute.sticky-menu.fixed {
padding: 0;
margin: 0;
background-color: #262626;
}
#header.header-absolute.sticky-menu.fixed.absolute-fullwidth .nav-left {
float: left;
width: calc( ( 100% - 140px ) / 2 );
}
#header.header11 #menu-container.sticky-menu.fixed .nav-left {
display: none;
}
#header.header11 #menu-container.sticky-menu.fixed .header-search-container {
margin: 5px 0;
}
#header.header11 #menu-container.sticky-menu.fixed .menu {
margin-left: 0;
}
.sticky-menu.fixed .header-simple-search {
margin: 4px 0;
}
#header.header-absolute.sticky-menu.fixed .nav-logo {
width: 140px;
margin: 9px 0;
}
#header.header10 #menu-container.sticky-menu.fixed .search-dropdown .dropdown-toggle {
padding-top: 13px;
padding-bottom: 13px;
padding-right: 0;
}
#header.header11 #menu-container.sticky-menu.fixed .menu-cat-top-title, #header.header11 #menu-container.sticky-menu.fixed #menu-display-btn {
line-height: 50px;
}
#header.header9.sticky-menu.fixed .header-row {
margin: 18px 0;
}
#header.header9.sticky-menu.fixed .nav-logo {
width: 140px;
margin: 9px 0;
}
#header.header9.sticky-menu.fixed .menu > li > a, #header.header-absolute.sticky-menu.fixed .menu > li > a {
padding: 15px 0;
}
#header.header-absolute.sticky-menu.fixed .header-row {
margin: 18px 0;
}
.header3 #menu-container.sticky-menu.fixed {
border: none;
}
.sticky-menu.fixed .menu > li > a {
transition: padding 0.6s ease;
-webkit-transition: padding 0.6s ease;
padding: 10px 0;
}
.header9.sticky-menu.fixed .menu > li > a {
transition: padding 0.05s ease;
-webkit-transition: padding 0.05s ease;
}
/* Side Menu Style */
.side-menu {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
background-color: #fff;
border: 1px solid #f7f7f7;
padding: 0 15px;
position: relative;
}
.side-menu.side-menu2 {
margin-bottom: 20px;
}
.side-menu .logo {
margin: 20px 0;
}
.side-menu #mobile-menu-btn {
position: absolute;
right: 0;
top: 50%;
margin: -12.5px 0 0;
padding: 0;
}
.side-menu-wrapper, .side-menu-container {
width: 100%;
}
.side-menu.left {
left: 0;
}
.side-menu.right {
right: 0;
}
.side-menu .header-search-container.header-simple-search {
position: relative;
margin-bottom: 26px;
width: 240px;
top: auto;
right: auto;
left: auto;
display: none;
}
.side-menu .smenu {
margin: 0 0 70px;
display: none;
}
.side-menu .cart-link {
display: block;
font-weight: 400;
position: absolute;
top: 50%;
margin-top: -10px;
right: 40px;
}
.side-menu .cart-link, .side-menu .cart-link > i {
font-size: 13px;
color: #868686;
}
.side-menu .cart-link > i {
margin-right: 7px;
}
.side-menu .cart-link:hover, .side-menu .cart-link:hover > i {
color: #3f589d;
}
.side-menu .smenu, .side-menu .smenu li {
float: none;
}
.side-menu .smenu ul {
display: none;
}
.side-menu .menu > li > a, .side-menu .smenu li a {
display: block;
color: #3d3d3d;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
.side-menu .menu > li > a, .side-menu .smenu > li > a {
padding: 13px 0;
}
.side-menu .smenu ul {
padding: 0 0 0 15px;
}
.side-menu .smenu ul ul {
padding: 5px 15px;
border-left: 1px solid transparent;
}
.side-menu .smenu li li a {
padding: 5px 0;
}
.side-menu .smenu ul ul li:first-child > a {
padding-top: 8px;
}
.side-menu .smenu ul ul li:last-child > a {
padding-bottom: 8px;
}
.side-menu .menu i, .side-menu .smenu i {
margin-left: 5px;
font-size: 13px;
color: #a7a7a7;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.side-menu .smenu li.open > a > i {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}
.side-menu .menu > li.open > a > i, .side-menu .menu > li.open > ul li.open > a > i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.side-menu.right .menu > li.open > a > i, .side-menu.right .menu > li.open > ul li.open > a > i {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
#side-menu-footer {
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
background-color: #fff;
padding-top: 15px;
padding-bottom: 15px;
display: none;
}
#side-menu-footer .social-icon {
display: inline-block;
font-size: 18px;
line-height: 1;
margin: 0 7.5px 17px;
color: #bfbfbf;
}
#side-menu-footer .copyright {
font-size: 14px;
font-weight: 400;
letter-spacing: -0.3px;
color: #7f7f7f;
}
#side-menu-footer .copyright a {
font-weight: 600;
}
#side-menu-footer .copyright a:hover {
color: #000;
}
.side-menu .smenu li a:hover, .side-menu.dark .smenu li a:hover, #side-menu-footer .social-icon:hover, #side-menu-footer .copyright a, .side-menu2 #side-menu-footer .copyright a:hover, .side-menu.dark #mobile-menu-btn:hover, .side-menu.dark .header-search-container.header-simple-search .btn:hover, .side-menu.dark .header-search-container.header-simple-search .btn:focus {
color: #3f589d;
}
.side-menu2 #side-menu-footer .social-icon:hover, .side-menu2 #side-menu-footer .copyright a {
color: #000000;
}
.side-menu .smenu li.open > a, .side-menu .smenu li.active > a {
color: #3d3d3d;
text-decoration: underline;
}
.side-menu .menu ul, .side-menu .menu .megamenu {
top: 0;
}
.side-menu .menu li.reverse ul, .side-menu .menu li.reverse .megamenu {
top: auto;
bottom: 0;
}
.side-menu.left .menu ul, .side-menu.left .menu .megamenu {
left: 100%;
}
.side-menu.right .menu ul, .side-menu.right .menu .megamenu {
left: auto;
right: 100%;
}
.side-menu.right .menu li > ul {
text-align: right;
}
.side-menu .menu > li {
float: none;
display: list-item;
}
.side-menu .menu > li > a > span {
position: relative;
}
.side-menu .menu > li > a .tip {
margin-left: -6px;
margin-bottom: 0;
}
.side-menu .menu > li + li {
margin: 0;
}
/* Dark Style side menu*/
.side-menu.dark {
background-color: #2e2e2e;
border-color: #000;
}
.side-menu.dark #mobile-menu-btn {
color: #fff;
}
.side-menu.dark .header-simple-search .form-control {
color: #fff;
background-color: transparent;
border: 2px solid rgba(232, 232, 232, 0.4);
padding-top: 5.5px;
padding-bottom: 5.5px;
}
.side-menu.dark .header-simple-search .form-control::-moz-placeholder {
color: #fff;
}
.side-menu.dark .header-simple-search .form-control:-ms-input-placeholder {
color: #fff;
}
.side-menu.dark .header-simple-search .form-control::-webkit-input-placeholder {
color: #fff;
}
.side-menu.dark .header-simple-search .form-control:focus {
border-color: rgba(255, 255, 255, 0.66);
}
.side-menu.dark .header-search-container.header-simple-search .btn {
border-left-color: rgba(232, 232, 232, 0.4);
color: #fff;
}
.side-menu.dark #side-menu-footer .social-icon {
color: #bcbcbc;
}
.side-menu.dark .cart-link, .side-menu.dark .cart-link > i, .side-menu.dark .smenu i, .side-menu.dark .menu > li > a > i, .side-menu.dark #side-menu-footer .social-icon:hover, .side-menu.dark #side-menu-footer .copyright a:hover, .side-menu.dark #side-menu-footer .copyright {
color: #fff;
}
.side-menu.dark .cart-link:hover, .side-menu.dark .cart-link:hover > i {
color: #bcbcbc;
}
.side-menu.dark .smenu li a, .side-menu.dark .menu > li > a {
color: #fff;
}
.side-menu.dark .cart-text-price {
color: #3f589d;
}
#side-menu-footer .social-icon {
text-align: center;
}
.side-menu.dark #side-menu-footer {
background-color: #2e2e2e;
}
/* =============================================
------------------ 5.Content ---------------
==============================================*/
/* Parallax class will trigger plugin for parallax bg */
/* You can use parallax-fixed class for fixed background parallax */
.parallax, .parallax-fixed {
position: relative;
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
background-position: 0 0;
/* to prevent empy bg area*/
background-repeat: repeat-y;
overflow: hidden;
}
/* vertical center with display table */
.vcenter-container {
display: table;
width: 100%;
height: 100%;
}
.vcenter {
display: table-cell;
vertical-align: middle;
}
/* Breadcrumb */
.breadcrumb {
padding: 32px 0;
margin-bottom: 0;
background-color: transparent;
border-radius: 0;
font-size: 0;
}
.breadcrumb > li {
font-size: 13px;
line-height: 20px;
font-weight: 500;
}
.breadcrumb > li + li:before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
padding: 0 11px;
color: #a7a7a7;
}
.breadcrumb > li > a, .breadcrumb > .active {
color: #696969;
}
.breadcrumb > li > a:hover, .breadcrumb > li > a:focus {
color: #3f589d;
}
/* Page Headers */
.page-header {
padding: 30px 0;
margin: 0;
background-color: #fafafa;
border-bottom: 1px solid #eeeeee;
}
.page-header.larger {
padding: 45px 0;
}
.page-header.largest {
padding: 142px 0 63px;
}
.page-header.largest.parallax.dark {
}
.page-header.parallax.light {
}
.page-header.parallax.blue {
}
.page-header.parallax.larger.dark {
}
.page-header h1 {
font-size: 36px;
font-weight: 400;
color: #312926;
margin-bottom: 4px;
}
.page-header h1.bigger {
font-size: 26px;
line-height: 36px;
text-transform: uppercase;
font-weight: 700;
margin-top: 2px;
margin-bottom: 2px;
}
.page-header.largest h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 0;
}
.page-header .breadcrumb {
padding: 0;
}
.page-header.dark {
background-color: #404040;
border-color: #666666;
}
.page-header.dark h1 {
color: #fff;
}
.page-header.dark .breadcrumb > li + li:before, .page-header.dark .breadcrumb > li > a, .page-header.dark .breadcrumb > .active {
color: #a6a6a6;
}
.page-header.dark .breadcrumb > li > a:hover, .page-header.dark .breadcrumb > li > a:focus, .page-header.largest.dark .breadcrumb > li > a:hover, .page-header.largest.dark .breadcrumb > li > a:focus {
color: #fff;
}
.page-header.largest.dark .breadcrumb > li + li:before, .page-header.largest.dark .breadcrumb > li > a, .page-header.largest.dark .breadcrumb > .active {
color: #c0c0c0;
}
.page-header.blue {
background-color: #3483c0;
border-color: #4f94c8;
}
.page-header.blue h1 {
color: #fff;
}
.page-header.blue .breadcrumb > li + li:before, .page-header.blue .breadcrumb > li > a, .page-header.blue .breadcrumb > .active {
color: #b9dbf5;
}
.page-header.blue .breadcrumb > li > a:hover, .page-header.blue .breadcrumb > li > a:focus {
color: #fff;
}
/* =============================================
--------------- 6.Homepages -------------
==============================================*/
/* --------------- 6.1 Index.html --------------
------------------------------------------- */
.container-fluid.no-padding {
padding: 0;
overflow: hidden;
}
.container-fluid.no-padding div[class^="col"], .container-fluid.no-padding div[class*=' col'] {
padding: 0;
}
.banner-container {
margin-bottom: 50px;
}
.banner-container div[class^="col"], .banner-container div[class*=' col'] {
overflow: hidden;
}
.banner.vcentered {
position: relative;
margin: 0;
}
.banner.vcentered img {
transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
}
.banner-container .banner.vcentered:hover > img {
width: 100%;
max-width: none;
transform: scale(1.15);
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
}
.banner .banner-content {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: 0;
}
.banner.vcentered .banner-content {
color: #fff;
padding: 0 30px;
}
.banner.vcentered .banner-content.wow {
opacity: 0;
}
.ie9 .banner.vcentered .banner-content.wow {
opacity: 1;
}
.banner.vcentered .banner-content h3 {
font: 700 16px/26px 'Montserrat', Verdana;
color: #fff;
text-transform: uppercase;
}
.banner.vcentered .banner-content h3 > span {
display: block;
font-size: 42px;
line-height: 36px;
}
.banner.vcentered p {
font-size: 15px;
line-height: 1.5;
max-width: 450px;
margin: 0 auto 17px;
display: none;
}
.banner.vcentered .btn {
border: 2px solid rgba(255,255,255, 0.2);
}
.banner.vcentered .btn-sm {
padding: 6px 15px;
}
/* ---- */
.big-title {
font-weight: 400;
font-size: 32px;
margin-bottom: 15px;
}
.big-title + p {
color: #929292;
font-size: 15px;
line-height: 25px;
max-width: 670px;
margin: 0 auto;
}
/* -- */
.home-latestblog-carousel.owl-caroseul .entry {
margin-bottom: 80px;
}
.owl-carousel .entry {
padding: 0;
border-bottom: none;
}
.owl-carousel .entry-media {
margin-bottom: 14px;
}
.owl-carousel .entry-title {
font-weight: 600;
font-size: 15px;
line-height: 22px;
margin-bottom: 0;
}
.owl-carousel .entry-meta {
font-weight: 400;
font-size: 13px;
line-height: 22px;
color: #a3a2a2;
}
.title-block {
margin-bottom: 40px;
}
.title-block > p {
font-size: 16px;
}
/* --------------- 6.2 Index2.html --------------
------------------------------------------- */
.banner.banner-classy {
margin-bottom: 20px;
}
.banner-classy .banner-content {
padding: 0 34px;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.banner-classy .banner-content h3 {
font-size: 14px;
line-height: 32px;
color: #fff;
font-weight: 600;
margin-bottom: 4px;
}
.banner-classy .banner-content h3 > span {
display: block;
font: 400 42px/0.8 'BodoniMT', Verdana, sans-serif;
}
.banner-classy .banner-content a {
color: #fff;
font: italic 400 12px/2 'Merriweather', Verdana, sans-serif;
text-decoration: underline;
}
.banner-classy .banner-content a:hover, .banner-classy .banner-content a:focus {
color: #3f589d;
}
.nav-lava-sm + .tab-content .product {
margin-bottom: 50px;
}/*
.banner_wrapper .banner.banner-info {
margin-bottom: 10px;
}
.banner.banner-info {
margin-bottom: 20px;
}
.banner.banner-info.last {
margin-bottom: 38px;
}
.banner-info {
padding: 15px 18px;
text-align: center;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.banner-info.dark {
background-color: #333333;
}
.banner-info.custom {
background-color: #3f589d;
}
.banner-info-wrapper {
padding: 21px 0 21px;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.banner-info-wrapper > i {
display: inline-block;
font-size: 92px;
color: #3f589d;
}
.banner-info-wrapper > i.white {
color:#fff;
}
.banner-info-wrapper:hover > i.white {
color: #3f589d;
}
.banner-info-wrapper > div.detail {
display: inline-block;
text-align: left;
padding-left: 10px;
}*/
.banner-info h4 {
color: #fff;
font-weight: bold;
font-size: 20px;
line-height: 24px;
margin-bottom: 8px;
text-transform: uppercase;
}
.banner-info p {
font-weight: 400;
font-size: 13px;
line-height: 22px;
max-width: 300px;
margin: 0 auto;
}/*
.banner-info.dark p {
color: #999797;
}
.banner-info.custom p {
color: #fff;
}
.banner-info:hover {
background-color: #F1F1F1;
}
.banner-info:hover .banner-info-wrapper {
border-color: #262626;
}
.banner-info:hover h4, .banner-info:hover p {
color: #262626;
}*/
.banner-newsletter.main_popup, .banner_wrapper .banner-newsletter {
border: 10px solid #E4E4E4;
padding: 15px;
text-align: center;
min-height: 340px;
background-color: rgba(255,255,255,0.60);
}
.banner-newsletter.main_popup .banner-info-wrapper {
border: none;
}
.banner_wrapper .banner-newsletter .banner-info-wrapper {
border: 1px solid rgb(228, 228, 228);
padding: 34px;
}
.banner-newsletter.main_popup span, .banner_wrapper .banner-newsletter span {
font-size: 12px;
letter-spacing: 1px;
}
.banner-newsletter.main_popup h4, .banner_wrapper .banner-newsletter h4 {
font-size: 30px;
text-transform: uppercase;
font-weight: 300;
margin-top: 5px;
margin-bottom: 10px;
}
.banner-newsletter.main_popup p, .banner_wrapper .banner-newsletter p {
font-size: 13px;
letter-spacing: 0.7px;
}
.banner-newsletter.main_popup .subscribe_form_wrapper, .banner_wrapper .banner-newsletter .subscribe_form_wrapper {
width: 70%;
margin: 0 auto;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text, .banner_wrapper .banner-newsletter .subscribe_form_wrapper .input_text {
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text i, .banner_wrapper .banner-newsletter .subscribe_form_wrapper .input_text i {
position: absolute;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
left: -40px;
background-color: #3f589d;
color: #fff;
top: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text input, .banner_wrapper .banner-newsletter .subscribe_form_wrapper .input_text input {
width: 100%;
background-color: #fff;
border: 1px solid #E4E4E4;
height: 40px;
padding: 0 10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text input:focus, .banner_wrapper .banner-newsletter .subscribe_form_wrapper .input_text input:focus {
padding-left: 50px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text input:focus + i, .banner_wrapper .banner-newsletter .subscribe_form_wrapper .input_text input:focus + i {
left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-newsletter.main_popup .subscribe_form_wrapper input[type=submit], .banner_wrapper .banner-newsletter .subscribe_form_wrapper input[type=submit] {
margin-top: 20px;
padding: 8px 20px;
font-weight: 400;
letter-spacing: 0.6px;
}
.newsletter_subscribe {
width: 100%;
float: left;
position: relative;
padding: 30px 0;
background-position: center;
}
.newsletter_subscribe:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(89, 84, 80, 0.85);
}
.newsletter_subscribe img {
float: left;
margin-right: 30px;
}
.newsletter_subscribe .title {
float: left;
}
.newsletter_subscribe .title h3 {
color: #fff;
text-transform: uppercase;
font-size: 25px;
margin-bottom: 0;
font-weight: 300;
}
.newsletter_subscribe .title p {
color: #c3c3c2;
line-height: 18px;
margin-bottom: 0;
}
.newsletter_subscribe .subscribe_form_wrapper input[type=email] {
width: 75%;
float: left;
height: 45px;
padding: 0 15px;
border: none;
}
.zoo_banner {
position: relative;
overflow: hidden;
display: block;
color: #ffffff;
margin-bottom:20px;
}
.zoo_banner .image_wrapper {
overflow: hidden;
}
.zoo_banner .image_wrapper img {
width: 100%;
transition: all 0.5s ease;
}
.zoo_banner .overlay {
position: absolute;
top: 10%;
left: 3.5%;
right: 0;
bottom: 0;
text-align: center;
transition: all 0.5s ease;
backface-visibility: hidden;
}
.zoo_banner .overlay .somenew {
padding: 8px 15px;
color: #ffffff;
background-color: #d8442f;
text-transform: uppercase;
font-size: 13px;
border-radius: 2px;
width: 25%;
}
.zoo_banner .overlay .hotdeal {
padding: 8px 15px;
color: #ffffff;
background-color: #d8442f;
text-transform: uppercase;
font-size: 13px;
border-radius: 2px;
width: 20%;
}
.zoo_banner .overlay p {
text-align: left;
font-style: italic;
color: #7f7f7f;
font-size: 16px;
font-weight: 500;
margin: 35px 0 7px 0;
}
.zoo_banner .overlay h1 {
text-align: left;
font-size: 34.91px;
color: #000;
margin: 0;
}
.zoo_banner .overlay h2{
font-size: 52.27px;
text-align: left;
color: #000;
text-transform: uppercase;
}
.zoo_banner .overlay h5 {
text-align: left;
color: #363535;
font-size: 16px;
font-weight: 500;
width: 45%;
margin-top: 20px;
}
/*
.zoo_banner:hover .overlay {
background-color: rgba(241, 109, 133, 0.5);
transition: all 0.5s ease;
}
.zoo_banner:hover .image_wrapper img {
transform: scale(1.2) rotate(5deg);
transition: all 0.5s ease;
}
.zoo_banner:hover .overlay h3:after {
transform: scale(10);
transition: all 0.2s ease;
opacity: 0;
}
*/
.main_popup_wrapper {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
}
.banner-newsletter.main_popup {
position: absolute;
top: 50%;
left: 50%;
background-color: #ECECEC;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
border: none;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.banner-newsletter.main_popup .banner-info-wrapper {
text-align: left;
width: 75%;
padding-left: 30px;
}
.banner-newsletter.main_popup .subscribe_form_wrapper {
float: left;
clear: both;
margin-bottom: 40px;
width: 100%;
}
.banner-newsletter.main_popup .close {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
}
.banner-newsletter.main_popup .close:hover {
opacity: 0.8;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text {
width: 68%;
margin-right: 10px;
}
.banner-newsletter.main_popup .subscribe_form_wrapper input[type=submit] {
margin-top: 0;
padding: 9px 20px;
background-color: #020202;
}
.banner-newsletter.main_popup .subscribe_form_wrapper input[type=submit]:hover {
background-color: #3f589d;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text input {
background-color: transparent;
border: 1px solid #020202;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text input:focus {
padding-left: 10px;
}
.banner-newsletter.main_popup .banner-info-wrapper .checkbox {
margin-top: 30px;
}
.banner-newsletter.main_popup .banner-info-wrapper .custom-checkbox-container {
width: 18px;
height: 18px;
border: 1px solid #262626;
line-height: 20px;
}
.banner-newsletter.main_popup .banner-info-wrapper .custom-checkbox-container .custom-checkbox-icon {
line-height: 20px;
margin-top: -8px;
}
.banner-newsletter.main_popup .banner-info-wrapper .custom-checkbox-container .custom-checkbox-icon:before {
top: -2px;
left: 0px;
}
.title-underblock {
font-size: 18px;
line-height: 24px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 24px;
}
.title-underblock > span {
padding: 0 6px 13px;
display: inline-block;
position: relative;
}
.title-underblock > span:after {
content: '';
position: absolute;
top: 100%;
left: 0;
display: block;
width: 100%;
height: 3px;
margin-top: -1px;
background-color: #3f589d;
}
.product-sale-carousel .product {
margin-bottom: 20px;
}
/* Sidebar - Home sidebar*/
.home-sidebar.sidebar .widget {
margin-bottom: 40px;
background-color: #fff;
}
.widget-category-menu {
border-top: none;
background-color: #fff;
}
.home-sidebar.sidebar .widget .widget-category-menu ul {
border: 1px solid #ebebeb;
}
.home-sidebar.sidebar .widget.widget-menu {
margin-bottom: 22px;
}
.widget-category-menu h3 {
font-size: 13px;
line-height: 51px;
background-color: #3f589d;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 25px;
margin-bottom: 0;
}
.widget-category-menu ul li a {
display: block;
padding-left: 26px;
font-size: 13px;
color: #2e2e2e;
font-weight: 500;
line-height: 49px;
border-bottom: 1px solid #ebebeb;
transition: all 0.32s ease;
-webkit-transition: all 0.32s ease;
}
.widget-category-menu ul li:last-child a {
border-bottom-color: transparent;
}
.widget-category-menu ul li a > i {
color: #3f589d;
margin-right: 10px;
}
.widget-category-menu ul li a:hover {
color: #3f589d;
text-indent: 0;
}
.testimonials-slider.owl-carousel {
overflow: hidden;
}
.testimonials-slider blockquote {
padding: 0;
margin: 0;
border: none;
font-size: 12px;
line-height: 24px;
color: #a3a2a2;
font-weight: 400;
}
.testimonials-slider blockquote:after {
display: none;
}
.testimonials-slider blockquote p {
padding: 26px 32px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0px;
font-style: italic;
}
.testimonials-slider blockquote cite {
font-size: 13px;
color: #aaa9a9;
font-style: normal;
font-weight: 400;
padding: 10px 35px;
width: 100%;
float: left;
}
.testimonials-slider blockquote cite > span {
font-weight: 600;
color: #2e2e2e;
}
.informations-widget {
font-size: 13px;
line-height: 24px;
}
.informations-widget figure {
margin: 0 0 11px;
}
.informations-widget img {
display: block;
width: 100%;
height: auto;
}
.informations-widget p {
font-weight: 400;
color: #a3a2a2;
margin-bottom: 12px;
padding: 0 35px;
}
.informations-widget > a {
font-weight: 600;
color: #2e2e2e;
margin-left: 35px;
}
.informations-widget a:hover, .informations-widget a:focus {
color: #3f589d;
}
/* --------------- 6.3 Index3.html --------------
------------------------------------------- */
.banner.banner-tech {
margin-bottom: 20px;
}
.banner.banner-tech.fixheight {
overflow: hidden;
}
.banner.banner-tech.side {
margin-bottom: 20px;
}
.banner.banner-tech .banner-content {
padding: 0 28px;
}
.banner.banner-tech.side .banner-content {
padding: 0 21px;
}
.banner.banner-tech h3 {
font-size: 14px;
line-height: 18px;
color: #434343;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 2px;
}
.banner.banner-tech.side h3 {
font-size: 16px;
}
.banner.banner-tech h3 > span {
display: block;
font-weight: 700;
font-size: 28px;
line-height: 1;
color: #3f589d;
margin: 2px 0 8px;
letter-spacing: 0;
}
.banner .banner-price {
display: block;
font: 700 32px/1 'Montserrat', Verdana, sans-serif;
margin-bottom: 15px;
color: #3f589d;
text-transform: uppercase;
}
.banner.banner-tech p {
max-width: 160px;
font-size: 13px;
line-height: 22px;
color: #a1a1a1;
font-weight: 500;
margin-bottom: 0;
}
/* --------------- 6.4 Index4.html --------------
------------------------------------------- */
.producents-widget-wrapper > .row {
margin-left: -8px;
margin-right: -8px;
}
.widget-category-menu.category-menu-parted {
border: none;
margin-bottom: 50px;
}
.widget-category-menu.category-menu-parted h3 {
background-color: #f5f5f5;
border: 1px solid #eaeaea;
margin-bottom: 4px;
color: #3e3e3e;
}
.widget-category-menu.category-menu-parted ul li {
margin-bottom: 4px;
}
.widget-category-menu.category-menu-parted ul li a {
padding-left: 27px;
font-size: 13px;
line-height: 46px;
background-color: #fafafa;
border: 1px solid #f5f5f5;
transition: all 0.32s ease;
-webkit-transition: all 0.32s ease;
}
.widget-category-menu.category-menu-parted ul li:last-child a {
border-bottom-color: #f5f5f5;
}
.widget-category-menu.category-menu-parted ul li:hover a, .widget-category-menu.category-menu-parted ul li:focus a {
background-color: #f4f4f4;
border-color: #eaeaea;
}
.producents-widget-wrapper a {
margin: 0 8px 27px;
}
.producents-container a, .producents-widget-wrapper a {
display: block;
float: left;
position: relative;
}
.producents-container img, .producents-widget-wrapper img {
display: block;
max-width: 100%;
height: auto;
}
.producents-container a:after, .producents-widget-wrapper a:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: block;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
background-color: rgba(255, 255, 255, 0.4);
opacity: 0;
}
.producents-container a:hover:after, .producents-widget-wrapper a:hover:after {
opacity: 1;
}
.producents-widget .more-link {
font-size: 13px;
color: #3f589d;
text-decoration: underline;
font-weight: 600;
margin-top: -4px;
}
.producents-widget .more-link:hover, .producents-widget .more-link:focus {
color: #2e2e2e;
}
/* --------------- 6.5 Index5.html --------------
------------------------------------------- */
.special-sidebar.sidebar .widget {
margin-bottom: 26px;
}
.category-box.category-box-vertical.category-box-clean, .special-sidebar.sidebar .widget:last-child {
margin-bottom: 45px;
}
.banner.banner-color {
margin-bottom: 26px;
overflow: hidden;
}
.banner.banner-color .banner-content {
left: 22px;
bottom: 26px;
right: auto;
top: auto;
}
.banner.banner-color .banner-content h4, .banner.banner-color .banner-content h3, .banner.banner-color .banner-content a {
color: #fff;
text-transform: uppercase;
font-family: 'Lato', Verdana, sans-serif;
line-height: 1;
}
.banner.banner-color .banner-content h4 {
font-weight: 400;
font-size: 16px;
margin-bottom: 3px;
}
.banner.banner-color .banner-content h3 {
font-size: 42px;
line-height: 0.9;
font-weight: 900;
margin-bottom: 26px;
}
.banner.banner-color .banner-content h3 > span {
display: block;
}
.banner.banner-color .banner-content a {
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.banner.banner-color .banner-content a:hover, .banner.banner-color .banner-content a:focus {
color: #e1e1e1;
}
.title-underblock.small {
font-size: 16px;
margin-bottom: 37px;
}
.special-sidebar.sidebar .banner.banner-color {
margin-bottom: 0;
}
.category-box.category-box-vertical.category-box-clean {
padding: 0;
border: none;
}
.category-box.category-box-vertical.category-box-clean h3 {
font-size: 16px;
}
.category-box.category-box-vertical.category-box-clean .category-box-content {
padding-top: 19px;
}
.category-box.category-box-vertical.category-box-clean img {
max-width: none;
width: 100%;
}
.category-box-clean .category-list li a:hover {
text-indent: 0;
}
/* --------------- 6.6 Index6.html --------------
------------------------------------------- */
.banner.banner-box {
margin-bottom: 40px;
border: 1px solid #e5e5e5;
padding: 35px 22px 26px 24px;
overflow: hidden;
}
.banner.banner-box img {
display: block;
width: auto;
max-width: 100%;
height: auto;
position: absolute;
bottom: 0;
right: 0;
}
.banner.banner-box h3 {
font-size: 14px;
font-weight: 700;
color: #2f2f2f;
margin-bottom: 17px;
text-transform: uppercase;
}
.banner-category-list li {
border-top: 1px solid #ebebeb;
}
.banner-category-list li > a {
font-size: 13px;
line-height: 48px;
font-weight: 500;
color: #2e2e2e;
}
.banner-category-list li > a > i {
margin-right: 9px;
color: #bdbdbd;
}
.banner-category-list li > a:hover, .banner-category-list li > a:hover > i {
color: #3f589d;
}
.banner.banner-box .banner-content {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
margin-bottom: 40px;
}
.banner.banner-box .banner-content h4 {
font: 400 18px/24px 'Lato', Verdana, sans-serif;
color: #a5a5a5;
text-transform: uppercase;
margin-bottom: 2px;
}
.banner.banner-box .banner-content h2 {
font: 800 40px/42px 'Lato', Verdana, sans-serif;
color: #262626;
text-transform: uppercase;
letter-spacing: -2px;
margin-bottom: 7px;
}
.banner.banner-box .banner-content h2 > span {
display: block;
font-size: inherit;
}
.banner.banner-box .banner-content a {
font: 400 14px/1 'Lato', Verdana, sans-serif;
color: #3f589d;
text-transform: uppercase;
text-decoration: underline;
}
.banner.banner-box .banner-content a:hover, .banner.banner-box .banner-content a:focus {
color: #262626;
}
.product-banner-row {
margin-bottom: 40px;
display: table;
width: 100%;
table-layout: fixed;
overflow: hidden;
}
.product-banner-row .owl-carousel .owl-stage-outer {
overflow: visible;
}
.product-banner-row .banner {
width: 450px;
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 100;
}
.product-banner-row .row-carousel {
display: table-cell;
vertical-align: middle;
width: calc( 100% - 450px );
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.product-banner-row .row-carousel .product-wrap {
padding: 0 39px;
}
.product-banner-row .row-carousel .owl-item:after {
content: '';
display: block;
width: 1px;
background-color: #e5e5e5;
position: absolute;
right: 0;
top: -200px;
bottom: -200px;
}
.product-banner-row .product-top .owl-carousel.product-slider .owl-item:after {
display: none;
}
.product-banner-row .row-carousel .product {
margin-bottom: 0;
}
.banner.banner-color.small h4 {
font-size: 18px;
}
.banner.banner-color.small h3 {
font-size: 48px;
margin-bottom: 39px;
}
.banner.banner-color.small .banner-content {
left: 37px;
bottom: 48px;
}
.producents-container > .row {
margin-left: -14.5px;
margin-right: -14.5px;
}
.producents-container a {
margin: 0 10px 25px;
}
.producents-container {
margin-bottom: 57px;
}
/* --------------- 6.7 Index7.html --------------
------------------------------------------- */
.index7bg {
background-image: url('../images/backgrounds/index7/bg1.jpg');
background-position: center top;
background-repeat: no-repeat;
background-color: #16130f;
}
.row.short-row {
margin-left: -4px;
margin-right: -4px;
overflow: hidden;
}
/* important to make even image's height of banner and slider */
.row.short-row .short-row {
margin-left: -2.5px;
margin-right: -2.5px;
}
.row.short-row div[class^="col"], .row.short-row div[class*=' col'] {
padding-left: 4px;
padding-right: 4px;
}
.banner.banner-long {
border: 2px solid #ebebeb;
margin-bottom: 22px;
}
.banner.banner-long.wow.fadeInRight {
opacity: 0;
}
.ie9 .banner.banner-long.wow.fadeInRight {
opacity: 1;
}
.banner.banner-long .banner-content {
left: 38px;
top: 50px;
}
.banner.banner-long .banner-content h3 {
color: #515151;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 3.5px;
margin-bottom: 0;
}
.banner-long .banner-price {
color: #d62020;
font-size: 48px;
margin-bottom: 11px;
}
.banner.banner-long .banner-content p {
color: #9e9e9e;
font-size: 13px;
line-height: 22px;
font-weight: 500;
max-width: 180px;
margin-bottom: 15px;
}
.product.product-lger .product-title a {
color: #5a5858;
}
.product.product-lger .product-title a:hover, .product.product-lger .product-title a:focus {
color: #3f589d;
}
.category-box.category-box-vertical {
padding: 22px 30px 29px;
margin-bottom: 45px;
}
.category-box.category-box-vertical img {
width: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.category-box.category-box-vertical figure {
position: relative;
}
.category-box.category-box-vertical figure:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.4);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
opacity: 0;
}
.category-box.category-box-vertical:hover figure:after {
opacity: 1;
}
.category-box.category-box-vertical .category-box-content {
padding: 17px 0 0;
}
.category-box.category-box-vertical h3 {
margin-bottom: 10px;
}
/* --------------- 6.8 Index8.html --------------
------------------------------------------- */
.index8bg {
background-image: url('../images/backgrounds/index8/bg1.jpg');
background-repeat: repeat;
}
.carousel-title.border-bottom {
padding-left: 0;
padding-bottom: 16px;
border-bottom: 1px solid #e6e6e6;
text-indent: 0;
}
.carousel-title.border-bottom > a > i {
margin-left: 0;
}
.discount-box-wrapper {
overflow: hidden;
position: relative;
margin: 25px 0;
}
.discount-box-wrapper.no-margin-top {
margin-top: 0;
}
.discount-box {
border: 1px solid #ebebeb;
display: table;
width: 100%;
padding: 31.5px 35px;
}
.discount-box-wrapper.last {
margin-bottom: 45px;
}
.discount-box-cell {
display: table-cell;
font-size: 13px;
line-height: 22px;
font-weight: 400;
color: #a3a2a2;
vertical-align: middle;
}
.discount-box-cell p {
margin: 0;
padding-left: 28px;
border-left: 1px solid #f2f2f2;
}
.discount-cell {
text-align: center;
padding-right: 28px;
}
.discount-box-value {
color: #d62020;
font-weight: 700;
font-size: 48px;
line-height: 1;
display: block;
margin-bottom: 3px;
}
.discount-title {
font-size: 16px;
line-height: 1.5;
color: #2e2e2e;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
/* --------------- 6.9 Index9.html --------------
------------------------------------------- */
#section-id-1 {
background-image: url('../images/backgrounds/index9/bg1.jpg');
}
#section-id-2 {
background-image: url('../images/backgrounds/index9/bg2.jpg');
}
#section-id-3 {
background-image: url('../images/backgrounds/index9/bg3.jpg');
}
#section-id-4 {
background-image: url('../images/backgrounds/index9/bg4.jpg');
}
.section {
text-align: center;
}
.section, .section h2, .section h3 {
color: #fff;
}
.section h2, .section h3 {
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat', Verdana, sans-serif;
}
.section h3 {
font-size: 16px;
line-height: 28px;
margin-bottom: 6px;
}
/* To include header height and center section content relative to that */
.first-section h3 {
margin-top: 54px;
}
.section h2 {
font-size: 48px;
line-height: 42px;
margin-bottom: 10px;
}
.section p {
font-size: 14px;
font-weight: 400;
line-height: 22px;
max-width: 450px;
margin: 0 auto 16px;
}
.section-action {
font-size: 0;
}
.section-action .btn + .btn {
margin-left: 12px;
}
.section-action .btn.min-width-xs {
min-width: 110px;
}
/* ------------ 6.10 Index10.html --------------
------------------------------------------- */
/* --------------- 6.11 Index11.html --------------
------------------------------------------- */
body {
/* --------
important to prevent unwanted spaces between products
helps isotope to calculate widths of products for index11.html
------- */
overflow-y: scroll;
}
#product-container .product {
margin: 0;
width: 100%;
}
/* --------------- 6.12 Index12.html --------------
------------------------------------------- */
.banner.banner-info.banner-info-icon.last {
margin-bottom: 45px;
}
.banner-info.banner-info-icon {
text-align: left;
}
.banner-info-icon .banner-info-wrapper {
display: table;
width: 100%;
}
.banner-info-cell {
display: table-cell;
vertical-align: middle;
}
.banner-icon {
padding-right: 36px;
padding-left: 45px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
overflow: hidden;
}
.banner-icon img {
display: block;
max-width: 100%;
height: auto;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.banner-info-cell + .banner-info-cell {
padding: 0 46px;
}
.from-blog-container figure {
float: left;
margin: 0 20px 10px 0;
}
.banner-info.banner-info-icon h4 {
font-size: 18px;
font-weight: 700;
color: #fafafa;
}
.banner-info.banner-info-icon.dark p {
color: #a3a2a2;
}
.banner-info.banner-info-icon p {
margin-left: 0;
}
.banner-info.banner-info-icon:hover {
background-color: #4a4a4a;
}
.banner-info.banner-info-icon:hover p {
color: #a3a2a2;
}
.banner-info.banner-info-icon:hover .banner-info-wrapper {
border-color: rgba(255, 255, 255, 0.2);
}
.banner-info.banner-info-icon:hover .banner-icon img {
transform: translateX(100px);
-webkit-transform: translateX(100px);
}
.from-blog-container p, .services-container li {
color: #a3a2a2;
font-size: 13px;
line-height: 24px;
margin-bottom: 0;
}
.services-container li > span {
color: #fff;
background-color: #3f589d;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
float: left;
margin-right: 9px;
border-radius: 50px;
}
.services-container.gray li > span {
background-color: #d9d9d9;
}
.services-container li p {
margin-bottom: 12px;
}
.services-container li:last-child p {
margin-bottom: 0;
}
.services-container li:after {
display: table;
content: '';
}
.from-blog-container, .services-container {
margin-bottom: 40px;
}
.latest-reviews.small {
margin-bottom: 20px;
}
/* --------------- 6.13 Index13.html --------------
------------------------------------------- */
.product-col-wrapper .product {
margin-bottom: 47px;
}
.product-col-wrapper .product:last-child {
margin-bottom: 54px;
}
/* --------------- 6.14 Index14.html --------------
------------------------------------------- */
.lookbook-carousel {
margin-bottom: 58px;
}
.owl-carousel.lookbook-carousel:hover, .owl-carousel.lookbook-carousel .owl-grab {
cursor: pointer;
}
.lookbook-carousel .product {
margin-bottom: 0;
position: relative;
}
.lookbook-carousel .product:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.5);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
opacity: 1;
visibility: visible;
}
.lookbook-carousel .center .product:after {
opacity: 0;
visibility: hidden;
}
.lookbook-carousel .product-meta-box .product-price {
color: #3f589d;
}
.lookbook-carousel .product:hover .product-meta-box {
opacity: 0;
transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
visibility: hidden;
}
.lookbook-carousel .center .product .product-meta-box {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
visibility: visible;
}
.lookbook-carousel .product-meta-box {
max-width: 280px;
padding: 22px 30px 20px;
}
/* --------------- 6.15 Index15.html ---------------
------------------------------------------- */
.banner.banner-mini {
margin-bottom: 32px;
}
.banner.banner-mini .banner-content {
padding: 0 34px;
text-transform: uppercase;
}
.banner.banner-mini .banner-content h3 {
font-size: 16px;
line-height: 30px;
color: #dfdfdf;
font-weight: 400;
margin-bottom: 15px;
}
.banner.banner-mini .banner-content h3 > span {
display: block;
font-size: 40px;
line-height: 1;
font-weight: 300;
color: #fff;
}
.banner.banner-mini .banner-content a {
color: #dfdfdf;
font-size: 13px;
font-weight: 700;
line-height: 1.5;
text-decoration: underline;
letter-spacing: 1px;
}
.banner.banner-mini .banner-content a:hover, .banner.banner-mini .banner-content a:focus {
color: #fff;
}
.product-mini .product-title {
text-transform: uppercase;
font-weight: 500;
line-height: 19px;
}
.product-mini .product-ratings .star {
color: #f5c635;
}
.product-mini .product-price {
color: #393939;
font-weight: 400;
}
/* --------------- 6.16 Index16.html ---------------
------------------------------------------- */
.index16bg {
background-image: url('../images/backgrounds/index16/bg1.jpg');
background-size: cover;
-webkit-background-size: cover;
}
.title-border-bottom {
font-size: 20px;
line-height: 24px;
padding-bottom: 17px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 25px;
text-indent: 7px;
}
.company-info img {
display: block;
width: 100%;
height: auto;
}
.latest-reviews {
margin-bottom: 50px;
}
.company-info {
margin-bottom: 40px;
font-size: 13px;
line-height: 22px;
color: #a3a2a2;
font-weight: 400;
}
.company-info p {
margin-bottom: 15px;
}
.company-info a {
font-weight: 600;
color: #2e2e2e;
}
.company-info a:hover, .company-info a:focus {
color: #3f589d;
}
/* ------------- 6.17 Index17.html ------------
------------------------------------------- */
.side-menu.side-menu-large {
background-image: url('../images/sidemenubg.jpg');
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.side-menu.side-menu-large + #content {
padding-top: 30px;
}
.blog-post-carousel-container .title-border-bottom {
margin-bottom: 30px;
}
.title-border-bottom a.pull-right {
font-size: 14px;
}
.banner.banner-vine {
margin-bottom: 25px;
overflow: hidden;
}
.banner.banner-vine .banner-content {
padding-left: 23px;
}
.banner.banner-vine h3 {
color: #3f589d;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 2.5px;
}
.banner.banner-vine h2 {
font: 400 40px/1 'BodoniMT', Verdana, sans-serif;
color: #2e2e2e;
text-transform: uppercase;
margin-bottom: 9px;
letter-spacing: -2.5px;
}
.banner.banner-vine p {
font: italic 300 13px/1.5 'Merriweather', Verdana, sans-serif;
color: #9e9e9e;
margin-bottom: 0;
max-width: 240px;
}
.banner.banner-vine img {
transition: all 0.65s ease;
-webkit-transition: all 0.65s ease;
}
.banner.banner-vine:hover img {
transform: rotate(7deg) scale(1.16);
-webkit-transform: rotate(7deg) scale(1.16);
-ms-transform: rotate(7deg) scale(1.16);
}
.newsletter-box {
border: 5px solid #f7f7f7;
padding: 32px 25px;
margin-bottom: 50px;
margin-top: 0;
}
.newsletter-box-content h3 {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
}
.newsletter-box-content p {
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 22px;
color: #a3a2a2;
}
.newsletter-box-form {
width: 100%;
max-width: 260px;
position: relative;
margin-bottom: 25px;
}
.newsletter-box-form .form-control {
height: 40px;
border-color: #e8e8e8;
padding: 9px 38px 9px 13px;
background-color: transparent;
margin: 0;
color: #919191;
}
.newsletter-box-form .btn {
position: absolute;
top: 50%;
right: 0;
font-size: 13px;
color: #919191;
background-color: transparent;
padding: 2.5px 12px;
margin-top: -12.5px;
border-left: 1px solid #e8e8e8;
}
.newsletter-box-form .btn:hover, .newsletter-box-form .btn:focus {
color: #3f589d;
}
/* --------------- 6.18 Index18.html ---------------
------------------------------------------- */
.big-title.small {
font-size: 32px;
font-weight: 300;
line-height: 44px;
}
.presentation-content {
max-width: 76.67%;
margin-left: auto;
margin-right: auto;
padding: 50px 0;
}
.presentation-content .product {
margin-bottom: 45px;
}
.presentation-content footer {
font-size: 15px;
line-height: 24px;
color: #2e2e2e;
font-weight: 600;
padding-top: 19px;
border-top: 1px solid #ebebeb;
text-align: center;
}
.presentation-content footer a {
color: #2e2e2e;
}
.presentation-content footer a:hover, .presentation-content footer a:focus {
text-decoration: underline;
color: #3f589d;
}
.presentation-content-wrapper {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.presentation-content .category-box.category-box-vertical {
padding: 22px 30px 33px;
margin-bottom: 39px;
}
.presentation-content-wrapper .container-fluid {
padding: 0 10px;
}
.presentation-content-wrapper .row {
margin-left: -10px;
margin-right: -10px;
}
.presentation-content-wrapper .row div[class^="col"], .presentation-content-wrapper .row div[class*=' col'] {
padding-left: 10px;
padding-right: 10px;
}
.presentation-content-wrapper .category-box {
border: 5px solid #f7f7f7;
}
.presentation-content-wrapper .category-list li a:hover {
text-indent: 0;
}
.presentation-image {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
}
#presentation-1 {
background-image: url('../images/backgrounds/index18/bg1.jpg');
}
#presentation-2 {
background-image: url('../images/backgrounds/index18/bg2.jpg');
}
#presentation-3 {
background-image: url('../images/backgrounds/index18/bg3.jpg');
}
/* -------------- 6.19Index19.html ------------
------------------------------------------- */
.banner {
position: relative;
margin: 0 auto 32px;
}
.banner img {
display: block;
width: 100%;
height: auto;
}
.banner.vertical-banner .banner-content {
position: absolute;
top: 50%;
right: 0;
left: 0;
bottom: auto;
margin-top: -26px;
z-index: 100;
}
.banner-content.wow.fadeInUp, .banner-action.wow.fadeInDown {
opacity: 0;
}
.ie9 .banner-content.wow.fadeInUp, .ie9 .banner-action.wow.fadeInDown {
opacity: 1;
}
.banner-content h2 {
font: 700 10px/22px 'Montserrat', Verdana;
color: #fff;
margin-bottom: 0;
}
.banner-content h2 > span {
display: block;
font-size: 30px;
}
.banner-action {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
text-align: center;
}
.banner-action .btn-sm {
padding: 7px 15px;
}
/* Category Box */
.category-box-container {
position: relative;
overflow: hidden;
}
.category-box {
width: 100%;
margin-bottom: 40px;
border: 2px solid #f2f2f2;
}
.category-box {
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.category-box:hover {
border-color: #e0e0e0;
}
.category-box img {
display: block;
width: 100%;
height: auto;
}
.category-box-content {
padding: 32px 20px 27px 30px;
}
.category-box-content h3 {
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 7px;
}
.category-box-content p {
font-weight: 400;
font-size: 13px;
line-height: 22px;
color: #a3a2a2;
margin-bottom: 10px;
}
.category-list li a {
display: block;
font-size: 13px;
line-height: 30px;
font-weight: 600;
color: #2e2e2e;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.category-list.category-list-small li a {
font-weight: 500;
}
.category-list li a > i, .category-list li a:hover, .category-list li a:focus {
color: #3f589d;
}
.category-list li a:hover {
text-indent: 5px;
}
.category-list li a > i {
margin-right: 8px;
}
.label.rotated {
position: absolute;
right: -25px;
top: 6px;
letter-spacing: 1px;
z-index: 3;
}
.label.label-sale, .label.label-hot {
font-size: 12px;
line-height: 24px;
padding: 0 28px;
}
.label.rotated.left {
left: -25px;
right: auto;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.label.label-hot {
background-color: #3f589d;
}
.label.label-sale {
background-color: #ecb803;
}
.label.label-hot.yellow {
background-color: #ecb803;
}
.label.label-hot.blue {
background-color: #03b4ea;
}
.label.rotated {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
/* Partners Carousel */
.partners-container {
border-top: 1px solid #ebebeb;
padding: 47px 0 0;
margin-bottom: 40px;
}
.partners-container.larger {
padding: 40px 0 0;
margin-bottom: 40px;
}
.our-partners a {
display: block;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
position: relative;
text-align: center;
}
.our-partners a:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background-color: rgba(255, 255, 255, 0.6);
opacity: 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.our-partners a:hover:after {
opacity: 1;
}
.our-partners img {
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
}
.our-partners .owl-prev {
left: -30px;
}
.our-partners .owl-next {
right: -30px;
}
/* ------------- 6.20 Index20.html ------------
------------------------------------------- */
#newsletter-section {
background-image: url('../images/backgrounds/index20/bg1.jpg');
text-align: center;
color: #fff;
padding: 87px 0 90px;
margin-bottom: 62px;
}
.newsletter-section-content {
max-width: 540px;
text-align: center;
margin-right: auto;
margin-left: auto;
padding: 0 20px;
}
#newsletter-section h2 {
color: #fff;
font: 700 22px/42px 'Montserrat', Verdana, sans-serif;
display: inline-block;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
text-transform: uppercase;
margin-bottom: 13px;
}
#newsletter-section p {
max-width: 420px;
margin-right: auto;
margin-left: auto;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 28px;
}
#newsletter-section form {
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
#newsletter-section .form-control {
background-color: rgba(255, 255, 255, 0.8);
color: #2e2e2e;
}
#newsletter-section .form-control:focus {
background-color: #fff;
}
#newsletter-section .btn-white {
border: 2px solid #cccccc;
}
#newsletter-section .btn-white:hover, #newsletter-section .btn-white:focus {
border-color: #3f589d;
}
#newsletter-section .input-group-sm > .input-group-btn > .btn {
padding: 8px 15px;
}
#newsletter-section .input-group-addon {
border: none;
padding-right: 5px;
padding-left: 5px;
}
.carousel-title {
margin-bottom: 27px;
text-indent: 9px;
}
.carousel-title > a {
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.carousel-title > a > i {
margin-left: -7px;
}
/* =============================================
----------------- 7.Category -------------
==============================================*/
.filter-row {
margin-bottom: 30px;
padding: 10px 15px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
background-color: #fff;
}
.filter-row-box {
float: left;
padding-right: 8px;
border-right: 1px solid #ebebeb;
margin-right: 16px;
/* fix inline-block auto margin*/
font-size: 0;
margin-bottom: 14px;
}
.filter-row-box.last, .filter-row-box.right {
border-right: none;
padding-right: 0;
margin: 0;
}
.filter-row-box.right {
float: right;
}
.filter-row-label {
margin-right: 9px;
font-size: 14px;
line-height: 30px;
font-weight: 600;
color: #343434;
vertical-align: middle;
}
.filter-row .small-selectbox {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.filter-row .small-selectbox.sort-selectbox {
min-width: 115px;
}
.filter-row .small-selectbox.quantity-selectbox {
min-width: 67px;
margin-right: 9px;
}
.filter-row .sort-arrow {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
background-image: url('../images/sort-arrows.png');
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 5px;
text-indent: -9999px;
}
.filter-row .btn {
border-radius: 0;
padding: 4px 7px;
font-size: 14px;
line-height: 20px;
color: #b5b5b5;
border: 1px solid #ebebeb;
margin-right: 9px;
box-shadow: none;
-webkit-box-shadow: none;
}
.filter-row .btn.active {
padding: 3px 6px;
border-width: 2px;
}
.filter-row .btn:hover, .filter-row .btn:focus, .filter-row .btn.active {
color: #262626;
border-color: #262626;
}
.filter-row .btn.btn-border {
border-width: 1px;
}
/* Category Sidebar */
.sidebar.shop-sidebar .widget {
margin-bottom: 40px;
background-color: #fff;
border-radius: 0 0 3px 3px;
}
.category-widget-box ul {
padding: 10px 15px;
}
.sidebar.shop-sidebar .widget .filter-slider {
padding: 20px 15px;
}
.sidebar.shop-sidebar .widget #price-range {
margin-bottom: 15px;
}
.sidebar .category-widget-box .widget-title.bigger {
margin-bottom: 0;
}
#category-widget a {
display: block;
line-height: 26px;
color: #333232;
}
#category-widget a:hover {
color: #3f589d;
}
#category-widget > li > a {
color: #333232;
line-height: 45px;
position: relative;
border-bottom: 1px solid #e6e6e6;
padding: 0 45px 0 0;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
}
#category-widget > li > ul li a {
position: relative;
}
#category-widget > li > ul li a:before {
content: "";
position: absolute;
border: 4px solid transparent;
border-left-color: #3f589d;
left: -20px;
top: 50%;
margin-top: -4px;
}
#category-widget > li:last-child > a {
border-bottom: none;
}
#category-widget li ul {
display: none;
border-bottom: 1px solid #e6e6e6;
padding: 13px 0 13px 20px;
}
#category-widget > li:last-child.open > ul {
border-top: 1px solid #e6e6e6;
}
#category-widget li.open ul {
display: block;
}
.category-widget-btn {
display: inline-block;
width: 40px;
height: 45px;
text-align: right;
position: absolute;
right: 0;
top: 0;
font: 13px/45px FontAwesome;
}
.category-widget-btn:before {
content: "\f107";
}
.open .category-widget-btn:before {
content: "\f106";
}
.widget .filter-color-container, .widget .filter-size-container {
padding: 10px 15px;
}
.filter-color-container, .filter-size-container {
font-size: 0;
}
.filter-color-container .row, .filter-size-container .row {
margin-left: -6px;
margin-right: -6px;
}
.filter-color-box, .filter-size-box {
display: inline-block;
width: 37px;
height: 37px;
margin: 0 5px 10px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.filter-size-box {
border: 3px solid #d9d9d9;
}
.filter-size-box {
color: #4c4c4c;
text-align: center;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
}
.filter-size-box.active {
border-width: 3px;
line-height: 30px;
}
.filter-size-box.active, .filter-size-box:hover, .filter-size-box:focus {
border-width: 3px;
color: #4c4c4c;
border-color: #262626;
cursor: pointer;
}
.filter-color-box.active {
position: relative;
font: 13px/37px FontAwesome;
text-align: center;
}
.filter-color-box.active:before {
content: "\f00c";
color: #fff;
position: absolute;
margin-left: -6px;
}
.sidebar .filter-group-widget .panel-body {
padding: 35px 20px 25px;
}
/* noUiSlider Styles */
noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
its values is > 50%. */
z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
creates a new context for the origins. */
z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
cursor: inherit;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 2px;
}
.noUi-horizontal .noUi-handle {
width: 8px;
height: 8px;
left: 0;
top: -3px;
}
.noUi-horizontal.noUi-extended {
padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
right: -15px;
}
/* Styling */
.noUi-background {
background: #d9d9d9;
}
.noUi-connect {
background: #3f589d;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-target.noUi-connect {
box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}
/* Handles and cursors;*/
.noUi-dragable {
cursor: w-resize;
}
.noUi-handle {
background: #3f589d;
cursor: e-resize;
}
/* Blocked state */
.noUi-state-blocked.noUi-connect, .noUi-state-blocked .noUi-connect {
background: #4FDACF;
}
/* fix for display:inline-block auto margin for child elements*/
.filter-slider-action {
font-size: 0;
margin-top: 18px;
}
.filter-slider-action .filter-slider-value {
float: left;
line-height: 37px;
font-size: 14px;
font-weight: 400;
color: #4c4c4c;
}
.filter-slider-value > span {
font-weight: 600;
}
.filter-slider-action .btn {
float: right;
font-size: 12px;
padding: 9px 24px;
}
.filter-brands {
display: table;
width: 100%;
padding: 10px 15px;
}
.filter-brands-col {
width: 50%;
display: table-cell;
}
.filter-brands .checkbox {
margin: 0;
}
.filter-brands .checkbox label {
font-size: 14px;
line-height: 30px;
color: #333232;
}
/* =============================================
------------------ 8. Checkout ---------------
==============================================*/
.checkout .panel {
border: none;
}
.checkout .panel-title {
font-size: 16px;
line-height: 68px;
text-transform: capitalize;
position: relative;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.checkout .panel-title a {
padding-left: 57px;
}
.checkout .panel + .panel {
margin-top: -1px;
}
.checkout .step-box {
display: block;
width: 40px;
height: 40px;
background-color: #FFFFFF;
position: absolute;
top: 50%;
margin-top: -20px;
left: 10px;
font-size: 18px;
line-height: 40px;
text-align: center;
border-radius: 100%;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.checkout .collapsed + .step-box {
box-shadow: none;
}
.checkout .panel-body {
padding: 40px 0 37px;
}
.checkout .panel-group p {
line-height: 24px;
margin-bottom: 23px;
}
.checkout h3 {
color: #000000;
margin-bottom: 17px;
}
.checkout .custom-checkbox-container, .checkout .custom-radio-container {
border-color: #e0e0e0;
margin-right: 10px;
margin-top: -1px;
}
.checkout .radio, .checkout .checkbox {
margin-top: 0;
margin-bottom: 9px;
}
.checkout .radio:last-child, .checkout .checkbox:last-child {
margin-top: 0;
margin-bottom: 0;
}
.checkout .radio *, .checkout .checkbox * {
color: #313131;
font-size: 13px;
font-weight: 600;
}
.checkout .panel-group ul.fa-ul {
margin-top: 5px;
margin-bottom: 19px;
}
.checkout .panel-group ul.fa-ul .fa-li {
left: -26px;
}
.checkout .helper-link {
font-size: 12px;
line-height: 45px;
color: #3f589d;
font-weight: 500;
margin-left: 16px;
}
.checkout .helper-link:hover, .checkout .helper-link:focus {
color: #262626;
text-decoration: underline;
}
/* Sidebar */
.sidebar.checkout-sidebar .widget {
margin-bottom: 32px;
}
.sidebar.checkout-sidebar .widget .widget-title {
margin-bottom: 16px;
}
.checkout-widget ul {
margin-bottom: 20px;
}
.checkout-widget ul li {
font-size: 14px;
line-height: 26px;
color: #343434;
font-weight: 600;
}
.checkout-widget p {
font-size: 13px;
line-height: 22px;
}
.banner-discount-widget {
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.banner-discount-widget a {
display: block;
position: relative;
overflow: hidden;
}
.banner-discount-widget a:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transform: rotate(-45deg);
background-color: rgba(255, 255, 255, 0.35);
opacity: 0;
}
.banner-discount-widget a:hover:before {
opacity: 1;
}
/* =============================================
------------------- 9. Cart -----------------
==============================================*/
.cart-table {
margin-bottom: 25px;
}
.cart-table thead > tr, .cart-table tbody > tr, .wishlist-table thead > tr, .wishlist-table tbody > tr {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.cart-table thead > tr > th, .wishlist-table thead > tr > th {
border: none;
font-size: 16px;
line-height: 68px;
color: #343434;
padding: 0;
}
.cart-table thead > tr > th {
text-align: center;
}
.cart-table thead > tr > th:first-child {
text-align: left;
}
.cart-table thead > tr > th:first-child, .wishlist-table thead > tr > th:first-child {
padding: 0 0 0 100px;
}
.cart-table thead > tr > th:last-child, .cart-table tbody > tr > td:last-child {
width: 35px;
}
.cart-table tbody > tr > td {
padding: 32px 0;
vertical-align: middle;
}
.btn.btn-sm.btn-close {
padding: 7.5px 12px;
}
.wishlist-table .product, .cart-table .product {
text-align: left;
border: none;
margin-bottom: 0;
}
.wishlist-table .product-top, .cart-table .product-top {
float: left;
max-width: 81px;
margin-bottom: 0;
}
.wishlist-table .product-cats, .wishlist-table .product-title, .wishlist-table .product-desc-list, .cart-table .product-cats, .cart-table .product-title, .cart-table .product-desc-list {
margin-left: 101px;
}
.cart-table .product-title, .wishlist-table .product-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 8px;
}
.cart-table .product-desc-list li, .wishlist-table .product-desc-list li {
font-size: 13px;
line-height: 24px;
}
.cart-table tbody > tr > td:last-child, .wishlist-table tbody > tr > td:last-child {
padding-right: 0;
padding-left: 0;
text-align: right;
}
.cart-table .price-col, .cart-table .price-total-col {
font-weight: 600;
color: #2e2e2e;
text-align: center;
}
.cart-table .price-col {
width: 130px;
}
.cart-table .quantity-col {
width: 196px;
}
.cart-table .price-total-col {
font-size: 20px;
width: 140px;
}
.cart-table .product-quantity {
margin-right: auto;
margin-left: auto
}
.cart-table .product-quantity .input-group {
margin-bottom: 0;
}
.cart-action-container {
font-size: 0;
text-align: right;
margin-bottom: 25px;
}
.cart-action-container .btn + .btn {
margin-left: 11px;
}
.title-border-tb {
font-size: 16px;
font-weight: 600;
line-height: 61px;
color: #333232;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 22px;
}
.title-border-tb .label {
margin-left: 9px;
margin-top: -1px;
}
.shop-continue-box {
background-color: #fcfcfc;
border: 2px solid #e5e5e5;
padding: 34px 33px 46px;
text-align: right;
}
.shop-continue-box .subtotal-row {
font-size: 15px;
line-height: 30px;
color: #878787;
font-weight: 600;
}
.shop-continue-box .grandtotal-row {
font-size: 22px;
line-height: 30px;
color: #343434;
font-weight: 700;
margin-bottom: 18px;
}
.shop-continue-box .grandtotal-row > span {
font-weight: 600;
}
.shop-continue-box .btn-block {
margin-bottom: 11px;
}
.shop-continue-box .multiple-link {
font-weight: 400;
font-size: 13px;
line-height: 32px;
color: #808080;
}
.shop-continue-box .multiple-link:hover, .shop-continue-box .multiple-link:focus {
color: #3f589d;
}
.wishlist-table .product:hover, .cart-table .product:hover {
box-shadow: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* =============================================
------------------- 10 .Cart2 -----------------
==============================================*/
.title-border-tb.big {
font-size: 18px;
line-height: 66px;
margin-bottom: 38px;
}
.cart-product-list .product {
text-align: left;
padding-bottom: 26px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 32px;
}
.cart-product-list .product-top {
float: left;
max-width: 170px;
margin-bottom: 10px;
}
.cart-product-list .product-meta {
margin-left: 200px;
margin-top: -4px;
}
.cart-product-list .product-quantity {
float: left;
margin-right: 19px;
}
.cart-product-list .product-action .btn + .btn {
margin-left: 18px;
}
.cart-product-list .product-action .btn-sm {
padding-left: 17.5px;
padding-right: 17.5px;
}
.cart-product-list .product-action .btn.btn-custom2 {
border-color: #e0e0e0;
background-color: transparent;
color: #2e2e2e;
}
.cart-product-list .product-action .btn.btn-custom2:hover, .cart-product-list .product-action .btn.btn-custom2:focus {
background-color: #3f589d;
border-color: #3f589d;
color: #fff;
}
.cart-product-list .product-cats {
margin-bottom: 6px;
}
.cart-product-list .product-title {
font-size: 20px;
margin-bottom: 15px;
}
.cart-product-list .product-desc-list {
margin-bottom: 8px;
}
.cart-product-list .product-desc-list li {
font-size: 13px;
line-height: 24px;
}
.cart-product-list .product-old-price {
font-size: 18px;
}
.cart-product-list .product-old-price + .product-price {
margin-left: 10px;
}
.cart-product-list .product-price-container {
margin-bottom: 16px;
}
.cart-product-list label {
font-weight: 600;
color: #313131;
margin-bottom: 7px;
}
.discount-box-container > .row {
margin-left: -10px;
margin-right: -10px;
}
.discount-box-container .col-sm-6 {
padding: 0 10px;
}
.discount-box-container .discount-box-wrapper {
margin-top: 14px;
}
.cart2-total-container {
text-align: center;
font-size: 13px;
line-height: 16px;
color: #666666;
font-weight: 400;
padding-bottom: 21px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 35px;
}
.cart2-total-container p {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
line-height: 22px;
color: #333232;
font-weight: 600;
margin-top: 3px;
}
.cart2-subtotal {
font: 700 40px/1 'Lato', Verdana;
color: #333232;
margin-bottom: 20px;
display: block;
}
.cart2-add-form {
margin-bottom: 32px;
}
.cart2-add-form h4, .cart2-shipping h4 {
margin-bottom: 25px;
}
.cart2-add-form .form-control {
margin-bottom: 10px;
}
.cart2-shipping h4 {
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
/* =============================================
-------------- 11. Compare Products ------------
==============================================*/
.compare-table {
border: 1px solid #e5e5e5;
margin-bottom: 50px;
}
.compare-table th, .compare-table td {
border-right: 1px solid #e5e5e5;
}
.compare-table.table > tbody > tr > td.table-title {
padding: 34px 28px;
font-size: 14px;
font-weight: 600;
color: #313131;
text-transform: capitalize;
vertical-align: middle;
}
.compare-table.table > tbody > tr.description-row > td.table-title {
vertical-align: top;
}
.compare-table.table > tbody > tr > td {
padding: 23px 29px;
}
.compare-table.table > tbody > tr.filter-box-row > td {
padding: 23px 29px 13px;
}
.compare-table.table > tbody > tr.number-row > td {
vertical-align: middle;
}
.compare-table tr:nth-child(2n) {
background-color: #fcfcfc;
}
.compare-table .product {
text-align: left;
margin-bottom: 0;
}
.compare-table .product-top {
margin-bottom: 16px;
}
.compare-table .product-cats, .compare-table .product-ratings {
margin-bottom: 5px;
}
.compare-table .product-title {
margin-bottom: 12px;
}
/* =============================================
----------------- 12. Wishlist ----------------
==============================================*/
.wishlist-table thead > tr > th:nth-child(2), .wishlist-table thead > tr > td:nth-child(2) {
width: 150px;
}
.wishlist-table thead > tr > th:last-child, .wishlist-table tbody > tr > td:last-child {
width: 84px;
}
.wishlist-table tbody > tr > td {
padding: 28px 0 32px;
vertical-align: middle;
}
/* Sidebar */
.side-menu-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
.side-menu-widget ul li a {
font-size: 14px;
line-height: 48px;
color: #343434;
font-weight: 500;
}
.side-menu-widget ul li a:hover, .side-menu-widget ul li a:focus {
color: #3f589d;
}
.side-menu-widget ul {
margin-bottom: 18px;
}
.side-menu-widget p {
font-size: 13px;
line-height: 22px;
}
.no-margin {
margin-bottom: 0;
}
/* =============================================
----------------- 13. About Us -------------
==============================================*/
.about-text h2 {
font-size: 28px;
line-height: 34px;
font-weight: 300;
color: #262626;
margin-bottom: 10px;
}
.about-text p {
margin-bottom: 12px;
}
.about-text .continue-reading {
font-weight: 600;
}
.about-text .continue-reading:hover, .about-text .continue-reading:focus {
color: #262626;
}
.about-image, .about-company, .about-text {
margin-bottom: 40px;
}
.about-company h3 {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #262626;
padding-bottom: 14px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 30px;
}
.about-div {
margin-bottom: 32px;
}
.about-div p {
margin-bottom: 0;
}
.about-div h4 {
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 8px;
}
.about-company h4 i {
color: #d14242;
font-size: 18px;
line-height: 20px;
margin: 0 6px 0 4px;
}
.about-section h2 {
font-size: 32px;
font-weight: 500;
margin-bottom: 16px;
}
.about-section h3 {
font-size: 20px;
line-height: 32px;
color: #262626;
font-weight: 300;
margin-bottom: 25px;
}
.about-section .about-text {
font-size: 13px;
line-height: 22px;
}
.about-section .about-text p:first-child {
color: #2e2e2e;
font-weight: 500;
}
.about-section .about-text p {
margin-bottom: 22px;
font-weight: 400;
}
.zoo_about_team > h1 > span {
font-size: 12px;
font-weight: 500;
color: #3f589d;
}
.zoo_about_team .social {
margin-bottom: 15px;
}
/* =============================================
-------------------- 14. Login ---------------
==============================================*/
.form-wrapper {
padding: 37px;
border: 1px solid #ebebeb;
background-color: #fcfcfc;
margin-bottom: 40px;
}
.form-wrapper.login-box {
background-color: #ECECEC;
border: none;
min-height: 300px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.form-wrapper.login-box form p {
margin-bottom: 0;
}
.register-box p {
margin-bottom: 22px;
}
.form-wrapper.last {
margin-bottom: 30px;
}
/* =============================================
------------------- 15. Blog ----------------
==============================================*/
.entry {
position: relative;
margin-bottom: 55px;
padding-bottom: 65px;
border-bottom: 1px solid #ebebeb;
background-color: #fff;
border-radius: 3px;
overflow: hidden;
}
.entry-list {
padding-bottom: 0;
margin-bottom: 45px;
}
.entry.last {
margin-bottom: 0;
border-bottom: none;
}
.entry-media {
margin-bottom: 42px;
}
.entry-list .entry-media {
margin-bottom: 30px;
}
.entry-media, .entry-media figure {
position: relative;
}
.entry-media a {
display: block;
}
.entry-media img {
display: block;
width: 100%;
height: auto;
}
.entry-title {
font-size: 28px;
line-height: 1.4;
font-weight: 500;
letter-spacing: 0.6px;
margin-bottom: 9px;
}
.entry-title, .entry-title a, .entry-readmore {
color: #2e2e2e;
}
.entry-title a:hover, .entry-readmore:hover {
color: #3f589d;
}
.entry-readmore {
font-weight: 700;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-decoration: underline;
}
.entry-readmore:hover {
text-decoration: underline;
}
.entry-wrapper {
padding: 0 25px;
position: relative;
}
.entry-meta .separator {
margin: 0 8px;
display: none;
}
.entry-date {
position: absolute;
left: 10px;
top: 10px;
display: block;
width: 70px;
text-align: center;
background-color: #f7f7f7;
text-transform: uppercase;
color: #2e2e2e;
z-index: 15;
font-size: 50px;
font-weight: 500;
display: block;
border-radius: 3px;
opacity: 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
}
.entry:hover .entry-date {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
.entry-date > span {
display: block;
background-color: #3f589d;
color: #ffffff;
font-size: 13px;
line-height: 25px;
border-radius: 0 0 3px 3px;
}
.entry-meta {
margin-bottom: 12px;
}
.entry-author {
color: #3f589d;
font-weight: 600;
}
.entry-author:hover {
color: #434343;
}
.entry-cats a {
font-weight: 500;
color: #434343;
}
.entry-cats a:hover {
color: #3f589d;
}
/* Sidebar */
.sidebar .widget {
margin-bottom: 50px;
background-color: #fff;
}
.sidebar .widget .widget-title {
font-size: 15px;
line-height: 51px;
background-color: #3f589d;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 25px;
margin-bottom: 0;
border-radius: 3px 3px 0 0;
}
.sidebar .widget .widget-title.big {
font-size: 20px;
margin-bottom: 28px;
}
.sidebar .widget .widget-title.bigger {
font-size: 15px;
}
.sidebar .widget .links {
/* margin-top:-22px; */
padding: 15px;
}
.sidebar .widget .links li {
border-bottom: 1px solid #f0f0f0;
transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
}
.sidebar .widget .links li:last-child {
border-bottom: none;
}
.sidebar .widget .links li a {
font-size: 13px;
font-weight: 500;
line-height: 47px;
color: #333232;
}
.sidebar .widget .links li a > span {
float: right;
}
.sidebar .widget .links li:hover a {
color: #3f589d;
}
.sidebar .widget .text-widget {
padding: 15px;
}
.sidebar .tagcloud a {
display: block;
float: left;
font-size: 13px;
line-height: 20px;
font-weight: 500;
padding: 6px 14.9px;
background-color: #f2f2f2;
color: #7e7e7e;
margin: 0 5px 5px 0;
transition: background 0.3s ease-in-out, color 0.03s;
-webkit-transition: background 0.3s ease-in-out, color 0.03s;
}
.sidebar .tagcloud a:hover {
color: #fff;
background-color: #3f589d;
}
.sidebar .widget.tagcloud-widget {
margin-bottom: 40px;
}
.sidebar .widget.tagcloud-widget .tagcloud {
padding: 15px;
}
.sidebar .widget .recent-posts-widget {
/* margin-top:-22px; */
padding: 15px;
}
.sidebar .widget .recent-posts-widget .entry {
padding: 0;
border-bottom: 1px solid #e6e6e6;
margin: 0;
margin-bottom: 20px;
}
.sidebar .widget .recent-posts-widget .entry:last-child {
border-bottom: none;
margin-bottom: 0;
}
.sidebar .widget .recent-posts-widget .entry-media {
float: left;
width: 70px;
margin: 0;
}
.sidebar .widget .recent-posts-widget .entry-title, .sidebar .widget .recent-posts-widget .entry-meta {
margin-left: 94px;
}
.sidebar .widget .recent-posts-widget .entry-title {
font-size: 15px;
line-height: 1.5;
margin-bottom: 0;
font-weight: 600;
}
.sidebar .widget .recent-posts-widget .entry-meta {
font-weight: 400;
font-size: 13px;
color: #a3a2a2;
}
/* Timeline */
.blog-timeline {
padding-left: 100px;
position: relative;
}
.blog-timeline:after {
content: '';
display: block;
width: 1px;
height: 100%;
background-color: #ebebeb;
position: absolute;
left: 35px;
top: 0;
}
.blog-timeline .entry-date {
left: -100px;
top: 0;
}
.blog-timeline .entry {
padding-bottom: 45px;
margin-bottom: 50px;
}
#blog-item-container {
margin-bottom: 15px;
}
.entry-grid {
padding-bottom: 0;
margin-bottom: 30px;
border-bottom: none;
}
.entry-grid .entry-media {
margin-bottom: 22px;
}
.entry-grid .entry-date, .entry-list .entry-date {
top: 10px;
width: 45px;
font-size: 24px;
}
.entry-list .entry-date {
top: 10px;
}
.entry-grid .entry-date > span, .entry-list .entry-date > span {
font-size: 10px;
line-height: 17px;
}
.entry-grid .entry-wrapper {
font-size: 85%;
padding: 25px;
padding-top: 0;
}
.entry-list .btn-custom2, .entry-grid .btn-custom2 {
padding: 5px 10px;
line-height: 19px;
font-weight: 500;
}
.entry-list .entry-content p {
margin-bottom: 10px;
}
.entry-list .entry-wrapper {
padding-top: 7px;
margin-bottom: 0;
padding: 15px;
padding-left: 0;
}
.entry-grid .entry-title {
font-size: 20px;
line-height: 24px;
margin-bottom: 17px;
letter-spacing: -0.2px;
}
.entry-list .entry-title {
font-size: 22px;
line-height: 24px;
margin-bottom: 5px;
margin-top: 5px;
letter-spacing: -0.5px;
}
.entry-grid .carousel-control {
width: 36px;
height: 36px;
font-size: 18px;
line-height: 32px;
}
.entry-grid p {
margin-bottom: 15px;
}
.entry-grid .carousel-control.left {
left: 18px;
}
.entry-grid .carousel-control.right {
right: 18px;
}
/* Entry List pages with sidebar make title smaller */
.entry .col-md-6 > .entry-title {
font-size: 18px;
}
/* Single Post*/
.entry.single {
padding-bottom: 50px;
margin-bottom: 40px;
}
.entry.single .entry-media {
margin-bottom: 39px;
}
.entry.single .entry-title {
font-size: 28px;
margin-bottom: 10px;
}
.entry.single img.pull-left {
margin-right: 20px;
margin-bottom: 10px;
}
.entry.single img.pull-right {
margin-left: 20px;
margin-bottom: 10px;
}
.entry-tags {
padding-top: 4px;
}
.entry-tags > span {
color: #262626;
font-weight: 600;
}
.entry-tags a {
color: #808080;
}
.entry-tags a:hover {
color: #3f589d;
}
.comments {
padding-bottom: 49px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 40px;
}
.comments > h3 {
font-size: 20px;
margin-bottom: 34px;
}
.comments-list .media-body {
position: relative;
}
.comments-list .media-heading {
font-size: 17px;
line-height: 34px;
color: #262626;
margin-bottom: 4px;
}
.comments-list .comment-date {
font-size: 13px;
font-weight: 300;
color: #808080;
margin-left: 10px;
}
.comments-list .media-left {
padding: 0;
}
.comments-list .media-body {
padding-left: 40px;
}
.comments-list .media-body p:last-child {
margin-bottom: 0;
}
.comments-list .media-body > ul li {
margin-top: 30px;
}
.comments-list li {
margin-top: 30px;
}
.comment-respond > h3, .review-respond > h3 {
font-size: 20px;
margin-bottom: 29px;
}
.comment-respond .form-group, .review-respond .form-group {
margin-bottom: 29px;
}
@media (min-width: 768px) {
.comments-list .media-left {
display: table-cell;
}
.comment-respond {
margin-bottom: 30px;
}
}
/* =============================================
----------------- 16. Contact Us -------------
==============================================*/
#map {
height: 350px;
margin-bottom: 45px;
}
#map.map2 {
margin: 40px 0;
}
#map.map3 {
height: 450px;
margin: 0 0 20px;
}
#map-container {
position: relative;
}
.map-overlay-box {
position: absolute;
top: 15px;
right: 20px;
bottom: 15px;
background-color: rgba(255, 255, 255, 0.95);
z-index: 100;
padding: 40px 30px 10px;
}
.map-overlay-box .address-box:first-child {
margin-top: 0;
}
.map-info-box {
padding: 15px 10px 10px;
}
.contact-form-container {
margin-bottom: 35px;
}
.regular-title {
font-size: 30px;
font-weight: 400;
color: #3d3d3d;
padding-bottom: 20px;
margin-bottom: 32px;
border-bottom: 1px solid #ebebeb;
}
.regular-title.short {
margin-bottom: 19px;
}
.regular-title.top-margin {
margin-top: 8px;
}
.contact-form-container .form-group {
margin-bottom: 27px;
}
.contact-form-container .form-group.bigger {
margin-bottom: 34px;
}
.contact-form-container .form-group.last {
margin-bottom: 20px;
}
.address-box {
margin-top: 28px;
margin-bottom: 23px;
}
.address-box h3 {
font-weight: 600;
font-size: 13px;
line-height: 1.3;
color: #262626;
text-transform: uppercase;
margin-bottom: 10px;
}
address {
margin-bottom: 0;
line-height: 1.72;
}
@media (min-width: 768px) {
#map {
height: 755px;
margin-bottom: 52px;
}
#map.map2 {
margin: 40px 0 46px;
}
#map.map3 {
height: 970px;
margin: 0 0 20px;
}
.contact-form-container {
margin-bottom: 45px;
}
.map-overlay-box {
top: 45px;
bottom: 45px;
right: 50px;
padding: 55px 80px 30px 45px;
}
}
.share-box {
/*border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;*/
}
.product-details .share-box .social {
display: inline-block;
margin-left: 10px;
}
.share-box .share-label {
font-size: 14px;
line-height: 54px;
}
.share-box .social-icons {
display: inline-block;
float: right;
}
.share-box .social-icon {
font-size: 15px;
line-height: 54px;
color: #808080;
margin: 0 7.5px;
}
.share-box .social-icon:first-child {
margin-left: 0;
}
.share-box .social-icon:last-child {
margin-right: 0;
}
.social {
display: block;
clear: both;
}
.social li {
display: inline-block;
}
.social li a {
display: block;
width: 38px;
height: 38px;
line-height: 35px;
text-align: center;
border: 2px solid #d6d6d6;
margin-right: 10px;
margin-bottom: 0;
color: #adadad;
font-size: 18px;
}
.social li a:hover {
background-color: #111111;
border-color: #111111;
color: #ffffff;
}
/* =============================================
------------------- 17. Products --------------
==============================================*/
.product {
position: relative;
overflow: hidden;
margin-bottom: 60px;
text-align: center;
/*padding:15px;
border:1px solid rgba(0,0,0,0);*/
padding-bottom: 0;
background-color: rgba(255, 255, 255, 0.60);
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
transition: all 250ms;
}
.product-sale-carousel .product, .product-featured-carousel-sm .product {
background-color: transparent;
}
.product:hover {
/*border: 1px solid #d0d0d0;*/
background-color: #ffffff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.product.text-left {
text-align: left;/* min-height: 420px; */
}
.product .product_hover {
width: 100%;
float: left;
padding: 0 15px;
}
.product .product_hover .product-btn {
/*visibility: hidden;*//*Cambiar aqui*/
/*opacity: 0;*//*Cambiar aqui*/
width: 100%;
}
.product:hover .product_hover .product-btn {
visibility: visible;
opacity: 1;
}
.product .product_hover .btn-icon {
width: 50%;
}
.product-top {
position: relative;
margin-bottom: 18px;
overflow: hidden;
}
.product figure {
position: relative;
}
.product figure > a {
display: block;
}
.owl-carousel.product-slider .owl-controls .owl-nav {
position: static;
}
.owl-carousel.product-slider .owl-controls .owl-nav .owl-prev, .owl-carousel.product-slider .owl-controls .owl-nav .owl-next {
position: absolute;
top: 0;
height: 100%;
width: 60px;
background-color: transparent;
border-radius: 0;
}
.owl-carousel.product-slider .owl-controls .owl-nav .owl-prev {
left: 0;
text-indent: -9999px;
cursor: url("../images/cursor-left.png") 12 20, move;
}
.owl-carousel.product-slider .owl-controls .owl-nav .owl-next {
right: 0;
text-indent: 9999px;
cursor: url("../images/cursor-right.png") 12 20, move;
}
.owl-carousel.product-slider .owl-prev:hover, .owl-carousel.product-slider .owl-next:hover {
background-color: rgba(0,0,0, 0.05);
}
.product-image {
display: block;
width: 100%;
height: auto;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.product-title {
font: 600 14px 'Roboto';
margin-bottom: 10px;
}
.product-title a {
color: #2e2e2e;
}
.product-title a:hover, .product-title a:focus {
color: #3f589d;
}
.product-btn {
display: block;
height: 35px;
text-align: center;
line-height: 35px;
background-color: rgba(255, 255, 255, 0.9);
color: #2e2e2e;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.product-btn.btn-icon {
width: 35px;
}
.product-top .product-btn.btn-quickview {
padding: 0 12px;
font-size: 11px;
font-weight: 600;
position: absolute;
top: -50px;
left: auto;
right: 9px;
background-color: #fff;
}
.product-btn.btn-quickview i {
margin-right: 3px;
}
.product-btn.dark {
background-color: rgba(38, 38, 38, 0.9);
color: #fff;
}
.action-group .product-btn.dark {
background-color: rgba(49, 49, 49, 0.95);
color: #fff;
}
.product-btn:hover, .product-btn:focus {
color: #3f589d;
background-color: rgba(255, 255, 255, 1);
}
.product-btn.dark:hover, .product-btn.dark:focus {
color: #fff;
background-color: #3f589d;
}
.product-top .product-btn, .product-top .product-btn.top-left {
position: absolute;
top: 55px;
right: -40px;
z-index: 99;
border-radius: 100%;
}
.product-top .product-btn.top-right {
left: auto;
right: -40px;
top: 9px;
}
.product-top .product-btn.bottom-right {
left: auto;
top: auto;
bottom: 9px;
right: -40px;
}
.product-top .product-btn.bottom-left {
left: -40px;
top: auto;
bottom: 9px;
}
.product-action-container {
position: absolute;
display: table;
width: 100%;
bottom: -35px;
left: 0;
right: 0;
z-index: 100;
text-align: center;
visibility: hidden;
opacity:0;
transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
}
.product-action-container .product-btn {
display: table-cell;
position: static;
font-size: 11px;
}
.product-action-container.action-group-vertical {
width: 35px;
height: 140px;
bottom: 0;
left: -35px;
right: auto;
display: block;
}
.product-action-container.action-group-vertical .product-btn {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.product-action-container.action-group-vertical .product-btn {
display: block;
}
.product-action-container .product-btn.product-add-btn {
font-size: 11px;
font-weight: 600;
width: auto;
background-color: rgba(28, 28, 28, 0.9);
color: #fff;
padding: 0 13px;
}
.product_hover .product-add-btn {
display: inline-block;
font-size: 15px;
font-weight: 600;
width: auto;
background-color: rgba(28, 28, 28, 0.9);
color: #fff;
padding: 0 13px;
}
.product_hover .product-add-btn:hover {
color: #fff;
background-color: #3f589d;
}
.product_hover .btn-icon {
width: 50%;
float: left;
}
.product-action-container.action-group .product-btn.product-add-btn {
background-color: rgba(49, 49, 49, 0.95);
text-align: left;
}
.product-action-container.action-group .product-btn.btn-icon {
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.product-btn.product-add-btn i {
margin-right: 5px;
}
.product-action-container .product-btn.product-add-btn:hover, .product-action-container .product-btn.product-add-btn:focus {
color: #fff;
background-color: #3f589d;
}
.product-cats {
margin-bottom: 2px;
}
.product-cats a {
font-size: 10px;
font-weight: 400;
color: #8b8b8b;
text-transform: uppercase;
}
.product-cats a:hover, .product-cats a:focus {
color: #2e2e2e;
}
.product-ratings {
display: block;
font-size: 0;
margin-bottom: 9px;
}
.product-ratings .star {
display: inline-block;
font-size: 15px;
line-height: 1;
display: inline-block;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
color: #3f589d;
margin-right: 4px;
}
.product-ratings .star:last-child {
margin-right: 0;
}
.product-ratings .star:before {
content: "\f006";
}
.product-ratings .star:hover {
cursor: pointer;
}
.product-ratings .star.active:hover {
cursor: default;
}
.product-ratings .star:hover:before, .product-ratings .star.active:before {
content: "\f005";
}
.product-price-container {
font-size: 0;
margin-bottom: 10px;
font-family: 'Roboto';
}
.product-price {
font-size: 18px;
line-height: 24px;
color: #3f589d;
font-weight: 600;
}
.product-old-price {
text-decoration: line-through;
font-size: 15px;
line-height: 24px;
font-weight: 400;
color: #989898;
}
.product-old-price + .product-price {
margin-left: 8px;
}
.product-box {
position: absolute;
left: 7px;
top: 7px;
color: #fff;
min-width: 40px;
text-align: center;
text-transform: uppercase;
z-index: 80;
padding: 0;
border-radius: 50%;
font-weight: 700;
font-size: 11px;
line-height: 40px;
}
.product-box.new-box {
background-color: #d41b1b;
}
/* classes to place to position sale-new boxes */
.product-box.sale-box {
background-color: #93b92c;
}
.product-box.top-right {
left: auto;
right: 7px;
}
.product-box.bottom-right {
left: auto;
top: auto;
right: 7px;
bottom: 7px;
}
.product-box.bottom-left {
left: 7px;
top: auto;
bottom: 7px;
}
.product-box.outofstock-box {
font-size: 11px;
line-height: 12px;
padding: 20.5px 0;
min-width: 65px;
background-color: rgba(64,64,64, 0.95);
left: 50%;
top: 50%;
margin-top: -32.5px;
margin-left: -32.5px;
}
.outofstock-box > span {
display: block;
}
.product:hover .product-action-container {
bottom: 0;
opacity: 1;
visibility: visible;
}
.product:hover .product-action-container.action-group-vertical {
bottom: 0;
left: 0;
}
.product:hover .product-top .product-btn {
opacity: 1;
visibility: visible;
}
.product .product-top .product-btn:hover {
background-color: #3f589d;
color: #fff;
}
.product:hover .product-top .product-btn, .product:hover .product-top .product-btn.top-left, .product:hover .product-top .product-btn.bottom-left {
left: 7px;
}
.product:hover .product-top .product-btn {
right: 7px;
top: 55px;
left: auto;
}
.product:hover .product-top .product-btn.top-right, .product:hover .product-top .product-btn.bottom-right {
left: auto;
right: 7px;
top: 9px;
}
.product:hover .product-top .product-btn.btn-quickview {
top: 9px;
left: auto;
}
.product-top.no-margin {
margin-bottom: 0;
}
.product-meta-box {
max-width: 250px;
padding: 16px 20px 22px;
position: absolute;
left: 25px;
right: 25px;
bottom: 25px;
z-index: 99;
margin-right: auto;
margin-left: auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background-color: #ffffff;
opacity: 0;
transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
visibility: hidden;
}
.product:hover .product-meta-box {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
visibility: visible;
}
.product-meta-box .product-price {
color: #d88e00;
}
.product-list {
padding: 15px;
margin-bottom: 43px;
background-color: rgba(0, 0, 0, 0.05);
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
transition: all 250ms;
}
.product-list:hover {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
background-color: rgba(0, 0, 0, 0.05);
}
.product-list.last {
border-bottom: none;
}
@media (min-width: 768px) {
.product-list.last .product-top {
margin-bottom: 0;
}
}
.product-list .product-top {
margin-right: 20px;
margin-bottom: 0;
max-width: 200px;
float: left;
width: 100%;
float: left;
}
.product-list.text-right .product-top {
margin-left: 20px;
float: right;
}
.product-list .product-list-content {
text-align: left;
}
.product-list.text-right .product-list-content {
text-align: right;
}
@media (min-width: 768px) {
.product-list .product-top {
margin-right: 0;
}
.product-list.text-right .product-top {
margin-left: 0;
}
.product-list .product-list-content {
margin-left: 237px;
}
.product-list.text-right .product-list-content {
margin-right: 237px;
margin-left: 0;
}
}
.product-list .product-cats {
line-height: 1.5;
}
.product-list .product-title {
font-size: 30px;
margin-bottom: 15px;
font-weight: 300;
}
.product-list-content p {
color: #808080;
font-size: 13px;
line-height: 1.7;
margin-bottom: 12px;
}
.product-list .product-price-container {
margin-bottom: 15px;
margin-top: 10px;
}
.product-list .product-price {
font-size: 30px;
}
.product-list .product-old-price {
font-size: 20px;
}
.product-list .product-ratings {
margin-bottom: 12px;
}
.rating-amount {
font-size: 14px;
line-height: 1;
font-weight: 500;
color: #3f589d;
margin-left: 8px;
vertical-align: top;
display: none;
}
.product-list-content .product-action-container {
position: static;
font-size: 0;
}
.product-list .product-action {
font-size: 0;
}
.product-list .tag {
position: absolute;
top: -10px;
right: -40px;
width: 100px;
height: 40px;
padding-top: 20px;
color: #fff;
background-color: #3f589d;
text-align: center;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
font-size: 12px;
transform: rotate(45deg);
}
.product-list .tag2 {
position: absolute;
top: 20px;
left: 10px;
padding: 1px 5px;
color: #fff;
background-color: #EE3147;
text-align: center;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
font-size: 10px;
z-index: 99;
}
.product-list .tag2:before {
content: "";
position: absolute;
left: 0;
top: 100%;
border-left: 5px solid transparent;
border-top: 5px solid #EE3147;
border-bottom: 5px solid transparent;
}
.list-btn {
display: inline-block;
padding: 10px 18px;
text-transform: uppercase;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
font-size: 24px;
line-height: 20px;
font-weight: 700;
letter-spacing: 1px;
}
.list-btn.list-btn-add {
color: #fff;
background-color: #262626;
}
.list-btn.list-btn-add:hover, .list-btn.list-btn-add:focus {
background-color: #3f589d;
}
.list-btn > i {
margin-right: 5px;
}
.text-right .list-btn > i {
margin-right: 0;
margin-left: 5px;
}
.list-btn.list-btn-wishlist {
padding-left: 14px;
padding-right: 14px;
color: #262626;
font-size: 13px;
}
.list-btn.list-btn-wishlist:hover, .list-btn.list-btn-wishlist:focus {
color: #3f589d;
}
@media (min-width: 768px) {
.rating-amount {
display: inline;
}
.list-btn {
padding: 20px 28px;
}
.list-btn.list-btn-wishlist {
padding-left: 22px;
padding-right: 22px;
}
}
/* Product Singe (product.html) ---------
---------------------------------------*/
.zoomWindowContainer > div {
border: 4px solid #ebebeb;
}
.product-gallery-container {
margin-bottom: 40px;
}
.product-details {
margin-bottom: 60px;
}
@media (min-width: 992px) {
.product-gallery-container {
margin-bottom: 65px;
}
}
.product-gallery-container .product-top {
position: relative;
margin-bottom: 0;
}
.product-gallery-container img {
display: block;
width: 100%;
height: auto;
}
.product-gallery-wrapper {
margin-top: 15px;
}
.product-gallery-container .product-box {
position: absolute;
left: 17px;
top: 17px;
font-size: 16px;
line-height: 70px;
min-width: 70px;
}
.product-gallery-container .product-box.top-right {
left: auto;
right: 17px;
}
.product-gallery-container .product-box.bottom-right {
top: auto;
left: auto;
right: 17px;
bottom: 17px;
}
.product-gallery-container .product-box.bottom-left {
right: auto;
left: 17px;
top: auto;
bottom: 17px;
}
.product-gallery-container .product-box.outofstock-box {
font-size: 16px;
line-height: 20px;
padding: 27.5px 0;
min-width: 95px;
left: 50%;
top: 50%;
margin-top: -47.5px;
margin-left: -47.5px;
}
.product-details .product-title {
font-size: 30px;
line-height: 42px;
color: #3d3d3d;
font-weight: 400;
margin-bottom: 5px;
}
.product-details .product-cats {
margin-bottom: 20px;
}
.product-details .product-cats a {
font-size: 14px;
font-weight: 400;
color: #949494;
text-transform: capitalize;
}
.product-details .product-cats a:hover, .product-details .product-cats a:focus {
color: #3f589d;
}
.product-details .product-ratings-container {
margin-bottom: 24px;
font-size: 0;
}
.product-details .product-ratings {
margin-bottom: 0;
display: inline-block;
margin-right: 14px;
}
.product-details .product-ratings-count {
color: #3f589d;
font-size: 14px;
line-height: 1;
font-weight: 500;
}
.product-details .product-ratings .star {
color: #313131;
}
.product-details p {
margin: 0 0 10px;
}
.product-details .product-price-container {
margin-bottom: 10px;
}
.product-details .product-old-price, .product-details .product-price {
line-height: 60px;
font-family: 'Lato', Verdana;
}
.product-details .product-old-price {
color: #9c9c9c;
font-weight: 400;
font-size: 25px;
}
.product-details .product-price {
font-size: 36px;
font-weight: 700;
color: #262626;
margin-left: 6px;
}
.product-details label.input-desc {
font-size: 14px;
margin-bottom: 8px;
}
.product-details .filter-size-container, .product-details .filter-color-container {
margin-bottom: 12px;
}
.product-quantity-wrapper {
margin-top: -4px;
margin-bottom: 27px;
}
.product-quantity {
max-width: 117px;
}
.product-quantity-wrapper .input-group {
margin-bottom: 0;
}
.product-details .product-action {
margin-bottom: 30px;
}
.product-details .product-tags {
color: #808080;
margin-bottom: 22px;
font-size: 13px;
line-height: 24px;
font-weight: 300;
}
.product-details .product-tags > span {
text-transform: uppercase;
font-weight: 600;
color: #262626;
margin-right: 6px;
}
.product-details .product-tags a {
color: #808080;
}
.product-details .product-tags a:after {
content: '/';
padding: 0 4px;
}
.product-details .product-tags a:last-child:after {
content: '';
padding: 0;
}
.product-details .product-tags a:hover, .product-details .product-tags a:focus {
color: #3f589d;
}
/* sidebar */
.sidebar .widget-banner {
margin-bottom: 15px;
}
.widget-banner {
text-align: center;
background-color: #fafafa;
padding: 7px 25px 14px;
}
.widget-banner img {
display: inline-block;
max-width: 100%;
height: auto;
}
.widget-banner hr {
margin-top: 0;
margin-bottom: 20px;
border-color: #e6e6e6;
}
.widget-banner h5 {
font-size: 12px;
}
.widget-banner h5 a {
color: #3f589d;
}
.widget-banner h5 a:hover {
color: #262626;
}
.widget-products {
padding: 0;
border: 0;
background-color: #fff;
}
.sidebar .widget-products .widget-title {
border-bottom: none;
padding-bottom: 0;
}
.widget-products ul {
padding: 10px 15px;
}
.sidebar .widget-products .products-list .product-title {
font-size: 14px;
line-height: 18px;
font-weight: 500;
margin-top: -3px;
}
.sidebar .widget-products .products-list .product-price, .sidebar .widget-products .products-list .product-old-price {
font-size: 13px;
}
.sidebar .widget-products.widget .products-list li {
padding-bottom: 0;
border-bottom: none;
}
.product-details-tab {
margin-bottom: 35px;
background-color: #fff;
}
@media (min-width: 768px) {
.product-details-tab {
margin-bottom: 50px;
}
}
.product-details-tab h5 {
margin-bottom: 19px;
}
.product-details-tab p, .panel-group p {
line-height: 26px;
margin-bottom: 18px
}
.product-details-tab ul li, .panel-group ul li {
line-height: 30px;
}
.product-details-tab ul.fa-ul, .panel-group ul.fa-ul {
margin-left: 25px;
}
.product-details-tab ul.fa-ul li, .panel-group ul.fa-ul li {
margin-bottom: 0;
}
.product-details-tab ul.fa-ul .fa-li, .panel-group ul.fa-ul .fa-li {
top: 9px;
left: -22px;
font-size: 12px;
color: #a8a8a8;
}
/* =============================================
------------------ 18. Portfolio --------------
==============================================*/
.portfolio-row {
margin: 0;
}
@media (min-width: 480px) {
.max-col-6 .portfolio-item, .max-col-5 .portfolio-item, .max-col-4 .portfolio-item, .max-col-3 .portfolio-item, .max-col-2 .portfolio-item {
width: 100%;
}
.portfolio-row {
margin: 0 -15px;
}
.portfolio-row > #portfolio-item-container {
padding: 0;
}
/* Left Right Margin*/
.portfolio-row > #portfolio-item-container > .portfolio-item {
padding: 0 15px;
}
.portfolio-row > #portfolio-item-container > .portfolio-item.portfolio-simple {
padding: 0 15px;
margin-bottom: 15px;
}
.portfolio-row > #portfolio-item-container > .portfolio-item.portfolio-simple .portfolio-meta {
width: auto;
left: 15px;
right: 15px;
}
}
/* gutter number 1 less than colums so used calc to calculate grid size */
@media (min-width: 768px) {
.max-col-6 .portfolio-item, .max-col-5 .portfolio-item, .max-col-4 .portfolio-item, .max-col-3 .portfolio-item, .max-col-2 .portfolio-item {
width: 50%;
}
.portfolio-row > #portfolio-item-container > .portfolio-item.portfolio-simple {
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.max-col-6 .portfolio-item, .max-col-5 .portfolio-item, .max-col-4 .portfolio-item, .max-col-3 .portfolio-item {
width: 33.3%;
}
}
@media (min-width: 1199px) {
.max-col-6 .portfolio-item, .max-col-5 .portfolio-item, .max-col-4 .portfolio-item {
width: 25%;
}
}
@media (min-width: 1500px) {
.max-col-6 .portfolio-item, .max-col-5 .portfolio-item {
width: 20%;
}
}
@media (min-width: 1900px) {
.max-col-6 .portfolio-item {
width: 16.66%;
}
}
#portfolio-filter {
margin-bottom: 21px;
font-size: 0;
}
#portfolio-filter li {
display: inline;
}
#portfolio-filter li a {
display: inline-block;
color: #666666;
font-weight: 500;
font-size: 12px;
line-height: 20px;
position: relative;
padding: 6.5px 19px;
border: 1px solid #e3e3e3;
margin: 0 8px;
transition: background 0.35s ease-in, border 0.35s ease-in, color 0.2s ease;
-webkit-transition: background 0.35s ease-in, border 0.35s ease-in, color 0.2s ease;
background-color: #fff;
}
#portfolio-filter li a:first-child {
margin-left: 0;
}
#portfolio-filter li:hover > a, #portfolio-filter li.active > a {
color: #fff;
background-color: #3f589d;
border-color: #3f589d;
}
.owl-carousel .portfolio-item {
margin-bottom: 0;
}
@media (min-width: 768px) {
#portfolio-filter {
/* padding-top:32px; */
margin-bottom: 31px;
}
}
.portfolio-item {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.portfolio-item {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.portfolio-item {
margin-bottom: 50px;
}
}
.portfolio-item.portfolio-simple {
margin-bottom: 0;
}
.portfolio-item figure {
transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
margin-bottom: 22px;
}
.portfolio-item figure > a {
display: block;
}
.portfolio-item figure img, .portfolio-media img {
display: block;
width: 100%;
height: auto;
}
.portfolio-title {
font-weight: 500;
font-size: 20px;
line-height: 32px;
margin-bottom: 5px;
}
.portfolio-title a > span {
font-weight: 400;
}
.portfolio-title a {
color: #303030;
}
.portfolio-meta-wrapper {
margin-bottom: 6px;
}
.portfolio-meta-wrapper a {
font-size: 14px;
font-weight: 300;
line-height: 34px;
display: inline-block;
}
.portfolio-tags a {
color: #808080;
}
.portfolio-title a:hover, .portfolio-title a:focus {
color: #3f589d;
}
.portfolio-tags a:hover, .portfolio-tags a:focus, .portfolio-comment-link {
color: #d53737;
}
.portfolio-comment-link {
float: right;
}
.portfolio-comment-link:hover, .portfolio-comment-link:focus {
color: #2e2e2e;
}
.portfolio-item.portfolio-simple figure {
margin-bottom: 0;
}
.portfolio-meta {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
background-color: rgb(241, 109, 133);
text-align: center;
font-size: 0;
opacity: 0;
visibility: hidden;
}
.portfolio-meta .portfolio-title {
margin-bottom: 0;
}
.portfolio-meta .portfolio-tags {
font-size: 12px;
color: #fff;
margin-bottom: 10px;
}
.portfolio-meta .portfolio-tags:before {
content: "\f02c";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
/*text-rendering: auto;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
margin-right: 5px;
}
.portfolio-meta .portfolio-title a {
color: #fff;
transition: color 0.28s ease;
-webkit-transition: color 0.28s ease;
}
.portfolio-meta .portfolio-tags a {
color: #fff;
transition: color 0.4s ease;
-webkit-transition: color 0.4s ease;
}
.portfolio-meta .portfolio-title a:hover, .portfolio-meta .portfolio-title a:focus {
color: #fff;
}
.portfolio-meta .portfolio-tags a:hover, .portfolio-meta .portfolio-tags a:focus {
color: #323232;
}
.portfolio-btn {
display: inline-block;
color: #fff;
width: 45px;
height: 45px;
font-size: 13px;
line-height: 45px;
background-color: rgba(0,0,0, 0.2);
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
margin: 0 3px;
}
.portfolio-btn:hover, .portfolio-btn:focus {
color: #fff;
background-color: rgba(0,0,0, 0.6);
}
/* vertical center content */
.portfolio-simple .portfolio-content {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.portfolio-simple:hover .portfolio-meta {
opacity: 1;
visibility: visible;
}
.portfolio-item .portfolio-item_wrapper {
background-color: #fff;
}
.portfolio-custom figure {
margin-bottom: 24px;
position: relative;
overflow: hidden;
}
.portfolio-custom .portfolio-meta {
top: 100%;
height: auto;
padding: 10px;
opacity: 1;
visibility: visible;
text-align: left;
transition: all 0.5s ease;
}
.portfolio-custom:hover .portfolio-meta {
opacity: 1;
margin-top: -69px;
transition: all 0.5s ease;
}
.portfolio-item figure img {
transition: all 0.3s ease;
}
.portfolio-item:hover figure img {
transition: all 0.3s ease;
-webkit-transition: all 0.5s ease;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
}
.portfolio-custom:hover .portfolio-meta {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
.portfolio-custom .portfolio-meta .portfolio-tags {
margin-bottom: 0;
}
.portfolio-custom .portfolio-content {
padding: 15px;
padding-top: 0;
}
.portfolio-custom .portfolio-content p {
margin-bottom: 17px;
}
.portfolio-custom .portfolio-content .btn-custom2 {
padding: 8px 20px;
line-height: 17px;
font-weight: 500;
}
/* Single */
.portfolio-details {
margin-bottom: 35px;
}
.portfolio-media {
margin-bottom: 45px;
}
.portfolio-media .embed-responsive + .embed-responsive {
margin-top: 30px;
}
.portfolio-details .regular-title {
padding-bottom: 17px;
margin-bottom: 23px;
}
.portfolio-details h3 {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.portfolio-details-list li {
font-size: 14px;
line-height: 60px;
border-top: 1px solid #ebebeb;
}
.portfolio-details-box {
padding: 4px 30px 5px;
border: 10px solid #f5f5f5;
margin: 10px 0 20px;
}
.portfolio-details-box .portfolio-details-list li:first-child {
border-top: none;
}
.portfolio-details-list li span {
color: #2e2e2e;
font-weight: 500;
}
.portfolio-details-list li a {
color: #808080;
}
.portfolio-details-list li a:hover {
color: #3f589d;
}
.portfolio-details-list li .social-icons {
float: right;
}
.portfolio-details-list li .social-icon {
margin-bottom: 0;
}
.portfolio-related-container h3 {
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 32px;
}
.portfolio-related-container {
margin-bottom: 40px;
}
.owl-carousel .portfolio-meta-wrapper + p {
margin-bottom: 0;
}
@media (min-width: 768px) {
.portfolio-details {
margin-bottom: 45px;
}
.portfolio-media {
margin-bottom: 55px;
}
.portfolio-related-container {
margin-bottom: 50px;
}
.portfolio-details-box {
margin: 15px 0 20px;
}
}
@media (min-width: 992px) {
.portfolio-media {
margin-bottom: 70px;
}
.portfolio-related-container {
margin-bottom: 58px;
}
.portfolio-media.fullwidth-media {
margin-bottom: 60px;
}
.portfolio-details-box {
margin-top: -30px;
}
}
/* =============================================
-------------------- 19. Footer -----------------
==============================================*/
#footer {
font-size: 14px;
line-height: 24px;
background-color: #fafafa;
color: #a6a6a6;
}
#footer.footer-dark {
background-color: #1a1a1a;
color: #666666;
}
#footer.footer-light {
background-color: #fff;
}
#footer.footer4 {
border-top: 1px solid #f0f0f0;
}
.footer-minimal {
text-align: center;
padding: 74px 0 79px;
}
.footer-minimal.shorter {
padding: 54px 0 69px;
}
#footer.footer-minimal {
background-color: #f7f7f7;
}
#footer.footer-minimal.dark {
background-color: #262626;
color: #7f7f7f;
}
.footer-minimal .img-responsive {
display: inline-block;
}
#footer.footer-minimal2, #footer.footer-minimal3, #footer.footer-minimal4 {
background-color: #fff;
border-top: 1px solid #ebebeb;
color: #999797;
}
#footer-top {
padding: 35px 0 12px;
background-color: #F5F5F5;
}
#footer #footer-top .widget, .widget-area .widget {
margin-bottom: 45px;
}
.widget-area .widget .widget-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 18px;
}
#footer-top .widget .widget-title {
margin-bottom: 15px;
}
.footer-minimal2 #footer-inner:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
bottom: auto;
display: block;
height: 1px;
margin-top: -5px;
background-color: #ebebeb;
}
@media (min-width: 768px) {
.footer-minimal {
padding: 73px 0 75px;
}
.footer-minimal.shorter {
padding: 44px 0 74px;
}
#footer-top {
padding: 45px 0 20px;
}
.footer-simple #footer-top {
padding: 45px 0 10px;
}
#footer #footer-top .widget {
margin-bottom: 25px;
}
#footer-top .widget .widget-title {
margin-bottom: 15px;
}
.footer-minimal2 #footer-inner:after {
left: 50%;
right: auto;
top: 40px;
bottom: 40px;
display: block;
height: auto;
width: 1px;
}
}
@media (min-width: 992px) {
#footer #footer-top .widget {
margin-bottom: 30px;
}
#footer-top .widget .widget-title {
margin-bottom: 19px;
}
#footer.footer-minimal3 .col-md-4, #footer.footer-minimal4 .col-md-4 {
border-right: 1px solid #ebebeb;
border-bottom: none;
}
#footer.footer-minimal3 .col-md-4:last-child, #footer.footer-minimal4 .col-md-4:last-child {
border-right: none;
}
}
#footer-top .widget .widget-title {
font-size: 18px;
font-weight: 600;
}
.footer-dark #footer-top .widget .widget-title {
color: #343434;
}
.widget .products-list li {
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.widget .products-list li:after {
content: '';
display: table;
clear: both;
}
.widget .products-list figure {
float: left;
width: 55px;
}
.widget .products-list .product-title, .widget .products-list .product-price-container {
margin-left: 80px;
}
@media (min-width: 768px) {
.widget .products-list .product-title, .widget .products-list .product-price-container {
margin-left: 70px;
}
}
@media (min-width: 992px) {
.widget .products-list .product-title, .widget .products-list .product-price-container {
margin-left: 80px;
}
.widget .products-list .product-title {
margin-bottom: 3px;
}
}
.widget .products-list .product-title {
margin-bottom: 3px;
margin-top: 5px;
}
#footer .widget .products-list .product-title a {
color: #5a5858;
}
#footer .widget .products-list .product-title a:hover, #footer .widget .products-list .product-title a:focus {
color: #3f589d;
}
.widget .products-list .product-price {
font-size: 15px;
}
@media (min-width:1280px) {
.footer-bg {
position: relative;
padding-top: 65px;
}
.footer-bg:before {
content: '';
position: absolute;
display: block;
top: 0;
left: -35px;
right: -35px;
bottom: 0;
background-color: #fff;
}
#footer-inner {
padding: 29px 0 0;
}
}
#footer a {
color: #989898;
}
#footer a:hover, #footer a:focus {
color: #3f589d;
}
#footer.footer-dark a {
color: #666666;
}
#footer.footer-dark a:hover, #footer.footer-dark a:focus {
color: #fff;
}
#footer.footer-minimal2 .widget a, #footer.footer-minimal3 .widget a, #footer.footer-minimal4 .widget a {
font-size: 13px;
font-weight: 600;
color: #2e2e2e;
}
#footer.footer-minimal2 a:hover, #footer.footer-minimal2 a:focus, #footer.footer-minimal3 a:hover, #footer.footer-minimal3 a:focus, #footer.footer-minimal4 a:hover, #footer.footer-minimal4 a:focus {
color: #3f589d
}
#footer .widget {
margin-bottom: 45px;
}
#footer.footer-minimal3 .col-md-4 .widget, #footer.footer-minimal4 .col-md-4 .widget {
padding: 40px 0 40px;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
#footer.footer-minimal3 .col-md-4:first-child .widget, #footer.footer-minimal4 .col-md-4:first-child .widget {
padding-top: 0;
}
#footer.footer-minimal3 .col-md-4:last-child .widget, #footer.footer-minimal4 .col-md-4:last-child .widget {
border-bottom: none;
}
#footer.footer-minimal4 .widget {
text-align: center;
}
#footer-inner {
padding: 39px 0 0;
}
.footer2 #footer-inner {
padding: 0;
}
.footer3 #footer-inner {
padding: 0;
}
.footer-simple #footer-inner {
padding: 46px 0 0;
}
.footer-minimal2 #footer-inner {
position: relative;
}
@media (min-width: 768px) {
.footer-simple #footer-inner {
padding: 56px 0 0;
}
.footer2 #footer-inner {
padding: 15px 0 0;
}
.footer3 #footer-inner {
padding: 10px 0 0;
}
.footer-minimal2 #footer-inner {
padding: 52px 0 0;
}
.footer-minimal3 #footer-inner {
padding: 35px 0 0;
}
.footer-minimal2 .widget {
padding: 0 5px 0 20px;
margin-bottom: 55px;
}
#footer.footer-minimal3 .col-md-4 .widget, #footer.footer-minimal4 .col-md-4 .widget {
padding: 35px;
}
}
@media (min-width: 992px) {
#footer-inner {
padding: 49px 0 0;
}
.footer2 #footer-inner {
padding: 30px 0 0;
}
.footer3 #footer-inner {
padding: 38px 0 0;
}
.footer4 #footer-inner {
padding: 68px 0 0;
}
.footer-minimal2 #footer-inner {
padding: 72px 0 0;
}
.footer-minimal3 #footer-inner {
padding: 43px 0 37px;
}
.footer-minimal4 #footer-inner {
padding: 43px 0 38px;
}
.footer-minimal2 .widget {
padding: 0 10px 0 34px;
}
#footer.footer-minimal3 .col-md-4 .widget, #footer.footer-minimal3 .col-md-4:first-child .widget {
padding: 40px 5px 31px 45px;
margin-bottom: 0;
border-bottom: none;
}
#footer.footer-minimal4 .col-md-4 .widget, #footer.footer-minimal4 .col-md-4:first-child .widget {
padding: 37px 5px 34px 45px;
margin-bottom: 0;
border-bottom: none;
}
.footer-simple #footer-inner {
padding: 50px 0 0;
}
#footer .widget {
margin-bottom: 65px;
}
#footer.footer-simple .widget {
margin-bottom: 50px;
}
#footer.footer4 .widget {
margin-bottom: 58px;
}
#footer.footer-minimal2 .widget {
margin-bottom: 81px;
}
}
.widget .widget-title {
font-size: 17px;
line-height: 20px;
font-weight: 500;
margin-bottom: 18px;
color: #343434;
}
.footer-dark .widget .widget-title {
color: #B9B9B9;
font-size: 16px;
font-weight: 500;
}
.footer-dark .widget .widget-title.text-uppercase {
font-size: 15px;
font-weight: 700;
}
.footer-minimal2 .widget .widget-title {
font-weight: 400;
font-size: 24px;
line-height: 1;
margin-bottom: 15px;
color: #2e2e2e;
}
.footer-minimal3 .widget .widget-title {
text-transform: uppercase;
margin-bottom: 14px;
font: 400 24px/1 'BodoniMT', Arial, Verdana;
color: #2e2e2e;
}
.footer-minimal4 .widget .widget-title {
font-weight: 400;
font-size: 20px;
line-height: 24px;
margin-bottom: 15px;
color: #2e2e2e;
text-transform: uppercase;
}
@media (min-width: 768px) {
.widget .widget-title {
margin-bottom: 23px;
}
.footer-simple .widget .widget-title {
margin-bottom: 21px;
}
}
@media (min-width: 992px) {
.widget .widget-title {
margin-bottom: 28px;
}
.footer-simple .widget .widget-title {
margin-bottom: 26px;
}
.describe-widget {
margin-top: -12px;
}
.footer-simple .describe-widget {
margin-top: -5px;
}
.footer4 .describe-widget {
margin-top: 0;
}
}
#footer.footer-minimal2 .widget p, #footer.footer-minimal3 .widget p {
margin-bottom: 14px;
}
#footer.footer-minimal4 .widget p {
margin-bottom: 12px;
}
.footer-logo {
margin-bottom: 22px;
}
.footer-minimal .footer-logo {
margin-bottom: 32px;
}
.footer-simple .footer-logo {
margin-bottom: 9px;
}
.describe-widget p {
margin-bottom: 14px;
}
.footer-simple .describe-widget p {
margin-bottom: 16px;
}
.widget .contact-list li {
margin-bottom: 0;
}
.widget .contact-list li {
font-size: 15px;
line-height: 26px;
}
.widget .hours-list li {
font-size: 14px;
line-height: 24px
}
.hours-widget p {
color: #989898;
margin-bottom: 17px;
}
.widget .hours-list li > span {
color: #3c3c3c;
}
#footer .widget .contact-list li {
font-size: 14px;
}
#footer .widget .contact-list li a {
color: #EF5E78;
}
#footer .widget .contact-list li a:hover, #footer .widget .contact-list li a:focus {
color: #464646;
}
.footer-dark .widget .hours-list li > span, #footer.footer-dark .widget .contact-list li a {
color: #fff;
}
#footer.footer-dark .widget .contact-list li a:hover, #footer.footer-dark .widget .contact-list li a:focus {
color: #3f589d;
}
.widget .links li a {
font-size: 15px;
line-height: 32px;
font-size: 13px;
font-weight: 500;
}
#footer-bottom {
padding: 35px 0;
background-color: transparent;
}
.footer3 #footer-bottom, .footer4 #footer-bottom, .footer-minimal2 #footer-bottom, .footer-minimal3 #footer-bottom, .footer-minimal4 #footer-bottom {
padding: 0;
}
.footer2 #footer-bottom {
padding: 15px 0 25px;
}
.footer-simple #footer-bottom {
padding: 36px 0 28px;
}
.footer-dark #footer-bottom {
background-color: #2e2e2e;
}
.footer2 .footer-bottom-wrapper {
padding: 30px 0 22px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin-bottom: 25px;
}
.footer3 .footer-bottom-wrapper {
padding: 41px 0 39px;
border-top: 1px solid #f0f0f0;
}
.footer4 .footer-bottom-wrapper {
padding: 43px 0 41px;
border-top: 1px solid #f0f0f0;
}
#footer.footer-minimal2 .footer-bottom-wrapper, #footer.footer-minimal3 .footer-bottom-wrapper {
padding: 39px 0;
border-top: 1px solid #f0f0f0;
}
#footer.footer-minimal4 .footer-bottom-wrapper {
padding: 40px 0 46px;
border-top: 1px solid #f0f0f0;
}
@media (max-width: 768px) {
#footer-bottom {
padding: 20px 0 25px;
text-align: center;
}
.footer-minimal .footer-logo {
margin-bottom: 7px;
}
}
@media (min-width: 992px) {
#footer-bottom {
padding: 0 0 25px;
}
.footer-simple #footer-bottom {
padding: 32px 0 28px;
}
.footer2 #footer-bottom {
padding: 5px 0 47px;
}
.footer2 .footer-bottom-wrapper {
padding: 33px 0;
margin-bottom: 35px;
}
}
@media (min-width:1280px) {
#footer-bottom {
padding: 35px 0;
}
}
.copyright {
font-size: 14px;
line-height: 30px;
margin-bottom: 0;
color: #7f7f7f;
}
#footer .copyright a {
color: #3f589d;
font-weight: 600;
}
#footer .copyright a:hover, #footer .copyright a:focus {
color: #464646;
}
#footer.footer-dark .copyright a {
color: #ffffff;
}
#footer.footer-dark .copyright a:hover, #footer.footer-dark .copyright a:focus {
color: #3f589d;
}
#footer.footer-minimal .copyright a {
color: #3f589d;
}
#footer.footer-minimal .copyright a:hover, #footer.footer-minimal .copyright a:focus {
color: #262626;
}
#footer.footer-minimal.dark .copyright a:hover, #footer.footer-minimal.dark .copyright a:focus {
color: #aaa;
}
/* fix for inline-block auto margin */
.footer-menu {
font-size: 0;
}
.footer-menu li {
display: inline-block;
font-size: 14px;
line-height: 28px;
margin: 0;
}
.footer-minimal .footer-menu li {
line-height: 26px;
}
@media (max-width: 768px) {
.footer-minimal .footer-menu {
display: none;
}
}
#footer .footer-menu li a {
color: #464646;
font-weight: 500;
}
#footer .footer-menu li a:hover, #footer .footer-menu li a:focus {
color: #3f589d;
;
}
.footer-menu li:after {
content: '|';
padding: 0 15px;
color: #bdbdbd;
}
.footer-menu li:last-child:after {
content: '';
padding: 0;
}
#footer.footer-dark .footer-menu li a {
color: #aaaaaa;
}
#footer.footer-dark .footer-menu li a:hover, #footer.footer-dark .footer-menu li a:focus {
color: #fff;
;
}
.footer-dark .footer-menu li:after {
color: #666;
}
#footer.footer-minimal .footer-menu li a {
color: #3d3d3d;
}
#footer.footer-minimal .footer-menu li a:hover, #footer.footer-minimal .footer-menu li a:focus {
color: #3f589d;
;
}
#footer.footer-minimal .footer-menu li:after {
color: #dadada;
}
#footer.footer-minimal.dark .footer-menu li a {
color: #fff;
}
#footer.footer-minimal.dark .footer-menu li a:hover, #footer.footer-minimal.dark .footer-menu li a:focus {
color: #aaa;
;
}
#footer.footer-minimal.dark .footer-menu li:after {
color: #4c4c4c;
}
.payment-container {
margin: 0;
}
@media (min-width: 992px) {
.payment-container {
margin: 0;
text-align: right;
}
.footer2 .footer-bottom-wrapper .payment-container {
margin: 0;
}
.footer2 .footer-bottom-wrapper .footer-menu li {
line-height: 34px;
}
}
.payment-container img {
display: inline-block;
max-width: 100%;
height: auto;
}
#footer-bottom .social-icons {
margin: 9.5px 0;
}
#footer-bottom .social-icon {
font-size: 16px;
margin-bottom: 0;
}
/* =============================================
----------------- 20. Social Icons -------------
==============================================*/
.social-icons {
font-size: 0;
}
.social-icon {
display: inline-block;
font-size: 14px;
line-height: 1;
margin: 0 7.5px 15px;
color: #7e7e7e;
}
.social-icon:hover, .social-icon:focus {
color: #3f589d;
}
.social-icon.first {
margin-left: 0;
}
/* =============================================
-------- 21.Owl Carousel - Animate Plugin -----
==============================================*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* Nav Dots*/
.owl-dots {
text-align: center;
}
.owl-dot {
display: inline-block;
width: 14px;
height: 14px;
background-color: #ebebeb;
margin: 0 5px;
border-radius: 50%;
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
}
.owl-dot:hover {
background-color: #c7c7c7;
}
.owl-dot.active {
background-color: #3f589d;
}
/* Owl carousel Controls */
/* To not crush dragging
styled buttons not container for vertical centered navs*/
.owl-nav {
position: static;
bottom: auto;
top: auto;
left: auto;
right: auto;
}
.owl-prev, .owl-next {
position: absolute;
top: 50%;
display: inline-block;
font-size: 30px;
line-height: 36px;
height: 36px;
width: 36px;
margin-top: -18px;
color: #d0d0d0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.owl-prev {
left: 0;
text-align: left;
}
.owl-next {
right: 0;
text-align: right;
}
.owl-prev:hover, .owl-next:hover {
color: #262626;
}
/* Hidden arrow / hover appear animation*/
.nav-animate .owl-prev, .nav-animate .owl-next {
visibility: hidden;
opacity: 0;
height: 100%;
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 50%;
font-size: 26px;
color: #fff;
line-height: 36px;
margin-top: -20px;
vertical-align: middle;
text-align: center;
}
.nav-animate .owl-prev:hover, .nav-animate .owl-next:hover {
color: #262626;
background-color: #fff;
}
.nav-animate .owl-prev {
left: 60px;
}
.nav-animate .owl-next {
right: 60px;
}
.nav-animate:hover .owl-prev, .nav-animate:hover .owl-next {
opacity: 1;
visibility: visible;
}
.nav-animate:hover .owl-prev {
left: 20px;
}
.nav-animate:hover .owl-next {
right: 20px;
}
/* =============================================
----------------- 22. 404 Page ---------------
==============================================*/
.error-content {
text-align: center;
padding: 35px 0 40px;
}
.error-title {
font-size: 150px;
font-weight: 400;
color: #343434;
margin-bottom: 11px;
}
.error-title > span {
display: block;
margin-top: -3px;
font-size: 48px;
font-weight: 300;
}
.error-content p {
font-weight: 400;
}
.error-content p > a {
font-weight: 600;
text-decoration: underline;
color: #3f589d;
}
.error-content p > a:hover, .error-content p > a:focus {
color: #2e2e2e;
text-decoration: underline;
}
@media (min-width: 768px) {
.error-content {
padding: 50px 0 60px;
}
.error-title {
font-size: 150px;
}
.error-title > span {
font-size: 40px;
margin-top: -3px;
}
}
@media (min-width: 768px) {
.error-content {
padding: 80px 0 90px;
}
.error-content .input_text {
position: relative;
display: inline-block;
}
.error-content .input_text:after {
content: "\f002";
position: absolute;
top: 13px;
right: 10px;
font-size: 15px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
/*text-rendering: auto;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.error-content .input_text input {
min-width: 300px;
height: 40px;
padding: 10px;
border: 1px solid
}
}
/* =============================================
---------------- 23. Coming Soon --------------
==============================================*/
#coming-soon {
width: 100%;
height: 100%;
position: relative;
color: #b6b6b6;
text-align: center;
background-color: #f8f8f8;
font-size: 15px;
line-height: 22px;
font-weight: 400;
}
#coming-soon.coming-soonbg {
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
#coming-soon .logo {
position: absolute;
top: 40px;
left: 0;
right: 0;
}
#coming-soon .logo > a {
display: inline-block;
}
#coming-soon-wrapper {
background-color: #fff;
padding: 30px 0 40px;
}
#coming-soon h2 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 48px;
text-transform: uppercase;
color: #2e2e2e;
margin-bottom: 11px;
}
#coming-soon #coming-soon-wrapper h2 {
color: #262626;
}
#coming-soon p {
max-width: 560px;
margin-right: auto;
margin-left: auto;
margin-bottom: 36px;
color: #777777;
font-size: 13px;
letter-spacing: 1px;
}
#coming-soon form {
max-width: 435px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#countdown {
margin-bottom: 25px;
position: fixed;
top: 20px;
right: 20px;
}
#coming-soon-wrapper #countdown {
margin-bottom: 48px;
}
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
direction: rtl;
}
.countdown-row {
width: 100%;
font-size: 0;
}
.countdown-section {
display: inline-block;
position: relative;
padding-right: 0px;
margin-right: 0px;
font-weight: 400;
}
.countdown-section:last-child {
padding-right: 0;
margin-right: 0;
}
.countdown-section:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -30px;
display: block;
height: 60px;
width: 1px;
background-color: rgba(255, 255, 255, 0.3);
}
#coming-soon-wrapper .countdown-section:after {
background-color: #dcdcdc;
}
.countdown-section:last-child:after {
display: none;
}
.countdown-amount {
display: block;
font-size: 30px;
line-height: 70px;
font-weight: 400;
color: #3f589d;
}
#coming-soon #coming-soon-wrapper .countdown-amount {
color: #262626;
}
.countdown-period {
display: block;
position: relative;
font-size: 12px;
line-height: 1;
color: #262626;
}
#coming-soon #coming-soon-wrapper .countdown-period {
color: #c8c8c8;
}
.countdown-descr {
display: block;
width: 100%;
}
#coming-soon .input-desc {
color: #313131;
font-size: 13px;
line-height: 1;
margin-bottom: 9px;
}
#coming-soon .input-group {
margin-bottom: 0;
}
#coming-soon .input-group .form-control {
background-color: rgba(255, 255, 255, 0.08);
border-color: #020202;
color: #020202;
}
#coming-soon .input-group .form-control::-moz-placeholder {
color: #020202;
}
#coming-soon .input-group .form-control:-ms-input-placeholder {
color: #020202;
}
#coming-soon .input-group .form-control::-webkit-input-placeholder {
color: #020202;
}
#coming-soon #coming-soon-wrapper .input-group .form-control {
background-color: transparent;
border-color: #020202;
color: #020202;
}
#coming-soon #coming-soon-wrapper .input-group .form-control:focus {
border-color: #020202;
}
#coming-soon #coming-soon-wrapper .input-group .form-control::-moz-placeholder {
color: #020202;
}
#coming-soon #coming-soon-wrapper .input-group .form-control:-ms-input-placeholder {
color: #020202;
}
#coming-soon #coming-soon-wrapper .input-group .form-control::-webkit-input-placeholder {
color: #020202;
}
#coming-soon .btn.btn-custom {
background-color: #020202;
border-color: #020202;
letter-spacing: 1px;
padding-left: 23px;
padding-right: 23px;
}
#coming-soon .btn.btn-custom:hover, #coming-soon .btn.btn-custom:focus {
background-color: #3f589d;
border-color: #3f589d;
}
#coming-soon footer {
color: #020202;
font-weight: 400;
font-size: 14px;
line-height: 30px;
position: absolute;
bottom: 42px;
left: 0;
right: 0;
}
#coming-soon footer.dark {
color: #8c8c8c;
}
#coming-soon footer a {
color: #020202;
font-weight: 900;
font-size: 16px;
}
#coming-soon footer a:hover {
color: #262626;
}
@media (max-width: 768px) {
#coming-soon h2 {
font-size: 36px;
margin-bottom: 48px
}
#coming-soon p {
display: none;
margin-bottom: 50px;
}
.countdown-section {
padding-right: 0;
margin-right: 0px;
}
.countdown-section:after {
display: none;
}
.countdown-amount {
font-size: 36px;
line-height: 35px;
}
.countdown-period {
font-size: 13px;
}
}
@media (max-width: 360px) {
.countdown-section {
margin-right: 15px;
}
}
@media (max-height: 400px) {
#coming-soon .logo {
top: 10px;
}
#coming-soon footer {
bottom: 10px;
}
#coming-soon h2 {
font-size: 28px;
margin: 25px 0 30px;
}
#countdown {
margin-bottom: 10px;
}
#coming-soon #coming-soon-wrapper #countdown {
margin-bottom: 25px;
}
#coming-soon #coming-soon-wrapper h2 {
font-size: 28px;
margin: 10px 0 30px;
}
#coming-soon-wrapper {
padding: 10px 0 25px;
}
}
@media (min-width: 768px) {
#coming-soon .logo {
top: 30px;
}
/* to prevent shaking gave coutdown-section min-width */
.countdown-section {
min-width: 120px;
margin-right: 40px;
}
#coming-soon footer {
bottom: 32px;
}
#coming-soon.simple .logo {
top: 20px;
}
#coming-soon.simple footer {
bottom: 22px;
}
}
@media (min-width: 992px) {
/* to prevent shaking gave coutdown-section min-width */
.countdown-section {
min-width: 80px;
margin-right: 30px;
}
}
@media (min-width: 1199px) {
#coming-soon .logo {
top: 60px;
}
#coming-soon footer {
bottom: 52px;
}
#coming-soon.simple .logo {
top: 30px;
}
#coming-soon.simple footer {
bottom: 27px;
}
}
@media (min-height: 800px) {
#coming-soon-wrapper {
padding: 65px 0 70px;
}
#coming-soon.simple .logo {
top: 60px;
}
#coming-soon.simple footer {
bottom: 52px;
}
}
/* =============================================
------------- 24. Newslettter Popup ----------
==============================================*/
.newsletter-popup {
max-width: 830px;
background: #fff;
padding: 30px 25px 25px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.newsletter-popup-content {
max-width: 100%;
}
.newsletter-popup h2 {
font-size: 36px;
line-height: 46px;
color: #3d3d3d;
font-weight: 400;
margin-bottom: 10px;
}
.newsletter-popup p {
font-size: 14px;
line-height: 26px;
}
.newsletter-popup form {
margin: 33px 0;
}
.newsletter-popup .input-group-btn:last-child > .btn {
margin-left: 0;
}
.newsletter-popup p > span {
font-weight: 500;
color: #3d3d3d;
text-decoration: underline;
}
.newsletter-popup .btn {
letter-spacing: 0.8px
}
.mfp-close-btn-in .newsletter-popup .mfp-close {
color: #262626;
}
@media (min-width: 768px) {
.newsletter-popup {
padding: 57px 65px 52px;
background-image: url('../images/newsletter-popupbg.png');
background-position: right center;
background-repeat: no-repeat;
}
.newsletter-popup-content {
max-width: 435px;
}
}
/* =============================================
------------- 25. Scroll Top Button ----------
==============================================*/
#scroll-top {
position: fixed;
bottom: 0;
right: 30px;
display: block;
visibility: hidden;
cursor: pointer;
z-index: 999;
width: 38px;
height: 38px;
line-height: 32px;
font-size: 28px;
background-color: #3f589d;
border-radius: 3px;
opacity: 0;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
text-align: center;
color: #fff;
}
#scroll-top:hover {
color: #fff;
background: #2e2e2e;
box-shadow: 0 0 0 2px #2e2e2e;
-webkit-box-shadow: 0 0 0 2px #2e2e2e;
}
#scroll-top.mini {
background-color: #ebf1f3;
color: #999797;
border: none;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 26px;
}
#scroll-top.mini:hover {
background-color: #c3c3c3;
color: #2e2e2e;
box-shadow: none;
-webkit-box-shadow: none;
}
#scroll-top.fixed {
opacity: 1;
bottom: 30px;
visibility: visible;
}
/* =============================================
-------------- 26. Retina Display -----------
==============================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.bootstrap-touchspin-up.btn, .bootstrap-touchspin-down.btn {
background-image: url('../images/touchspin@2x.png');
background-size: 66px 35px;
}
#mobile-menu-close {
background-image: url('../images/mobile-menu-close@2x.png');
background-size: 100px 50px;
}
.search-dropdown .dropdown-menu:after, .cart-dropdown .dropdown-menu:after {
background-image: url('../images/dropdown-arrow@2x.png');
background-size: 32px 15px;
}
}
/* =============================================
-------------- 27. advertisement popup -----------
==============================================*/
.ad_wrapper {
position: fixed;
left: 10px;
bottom: 0;
max-width: 300px;
background-color: #fff;
z-index: 999;
border-radius: 3px;
display: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
animation: ad_wrapper_animation 0.3s;
}
@-webkit-keyframes ad_wrapper_animation {
0% {
-webkit-transform:translateY(100px);
}
100% {
-webkit-transform:none;
}
}
@-moz-keyframes ad_wrapper_animation {
0% {
-moz-transform:translateY(100px);
}
100% {
-moz-transform:none;
}
}
@-ms-keyframes ad_wrapper_animation {
0% {
-ms-transform:translateY(100px);
}
100% {
-ms-transform:none;
}
}
@keyframes ad_wrapper_animation {
0% {
transform:translateY(100px);
}
100% {
transform:none;
}
}
.ad_wrapper.hide {
animation: fadeOutDown 0.3s;
display: none;
}
.ad_wrapper .header {
padding: 10px;
background-color: #3f589d;
color: #fff;
font-family: 'Roboto';
border-radius: 3px 3px 0 0;
font-size: 17px;
font-weight: 600;
}
.ad_wrapper .header span.close {
color: #fff;
font-size: 13px;
text-align: center;
line-height: 26px;
cursor: pointer;
width: 25px;
height: 25px;
border: 1px solid #fff;
border-radius: 100%;
}
.ad_wrapper .header span.close:hover {
background-color: #fff;
color: #3f589d;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* =============================================
-------------- 28. Brand/Client popup -----------
==============================================*/
.brand_wrapper {
background-color: #101010;
clear: both;
}
.brand_wrapper .brand {
padding: 0 30px;
}
.brand_wrapper i.fa.fa-angle-right {
display: block;
}
/* =============================================
-------------- 29. Featured on home -----------
==============================================*/
.product-tab-carousel {
clear: both;
margin-bottom: 40px;
}
.product-tab-carousel h4 {
float: left;
font-size: 20px;
letter-spacing: 2px;
line-height: 40px;
margin-bottom: 0;
}
.product-tab-carousel .header {
width: 100%;
float: left;
margin: 30px auto;
}
.product-tab-carousel .header ul {
display: inline-block;
float: right;
border-bottom: none;
margin-bottom: 0;
}
.product-tab-carousel .header {
border-bottom: 1px solid #ccc;
}
.product-tab-carousel .tab-content {
padding: 0;
}
.product-tab-carousel .header ul li {
margin-left: 15px;
margin-right: 0;
}
.product-tab-carousel .header ul li a {
padding: 0;
font-size: 13px;
font-weight: 400;
line-height: 40px;
}
.product-tab-carousel .header ul li a:before {
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
display: inline-block;
border: 3px solid;
line-height: 24px;
margin-right: 5px;
}
@-webkit-keyframes product_home_animation {
0% {
-webkit-transform: perspective(100px) translate3d(0, 0, -20px);
}
100% {
-webkit-transform: perspective(0px) translate3d(0, 0, 0px);
}
}
@-moz-keyframes product_home_animation {
0% {
-moz-transform: perspective(100px) translate3d(0, 0, -20px);
}
100% {
-moz-transform: perspective(0px) translate3d(0, 0, 0px);
}
}
@-ms-keyframes product_home_animation {
0% {
-ms-transform: perspective(100px) translate3d(0, 0, -20px);
}
100% {
-ms-transform: perspective(0px) translate3d(0, 0, 0px);
}
}
@keyframes product_home_animation {
0% {
transform: perspective(100px) translate3d(0, 0, -20px);
}
100% {
transform: perspective(0px) translate3d(0, 0, 0px);
}
}
.product-tab-carousel .product {
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 0.19);
}
.product-tab-carousel .product:hover {
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 1);
}
.product-tab-carousel .product .product-image {
/* height:300px; */
}
.product-tab-carousel .tab-pane {
min-height: 552px;
}
.product-tab-carousel .tab-pane.active .product {
-webkit-animation: product_home_animation 0.8s;
-moz-animation: product_home_animation 0.8s;
-ms-animation: product_home_animation 0.8s;
-o-animation: product_home_animation 0.8s;
animation: product_home_animation 0.8s;
}
.delay_01 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.delay_02 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.delay_03 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay_04 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delay_05 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay_06 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.delay_07 {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.delay_08 {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
/* =============================================
-------------- 30. Responsive style -----------
==============================================*/
@media (min-width: 992px) {
#wrapper.boxed {
width: 970px;
margin: 32px auto;
}
#wrapper.boxed-long, .custom-wrapper.boxed-long, .boxed .sticky-menu.fixed .container, .boxed-long .sticky-menu.fixed .container {
width: 970px;
margin: 0 auto;
}
.custom-wrapper {
padding-top: 22px;
}
}
@media (min-width: 1200px) {
#wrapper.boxed {
width: 1170px;
}
#wrapper.boxed-long, .custom-wrapper.boxed-long, .boxed .sticky-menu.fixed .container, .boxed-long .sticky-menu.fixed .container {
width: 1170px;
}
}
@media (min-width: 1280px) {
.container {
width: 1200px;
}
#wrapper.boxed, #wrapper.boxed-long, .custom-wrapper.boxed-long, .boxed .sticky-menu.fixed .container, .boxed-long .sticky-menu.fixed .container {
width: 1200px;
}
}
@media (min-width: 1300px) {
#wrapper.boxed, #wrapper.boxed-long, .custom-wrapper.boxed-long, .boxed .sticky-menu.fixed .container, .boxed-long .sticky-menu.fixed .container {
width: 1280px;
}
.boxed .sticky-menu.fixed .container, .boxed-long .sticky-menu.fixed .container {
padding: 0 55px;
}
}
@media (min-width: 768px) {
.lead {
font-size: 16px;
}
}
@media (max-width: 580px) {
.nav-mini .hidden-xss {
display: none;
}
}
@media (max-width: 480px) {
.hidden-xss {
display: none;
}
/* helper grid class*/
.col-xss-12 {
float: none;
width: 100%;
}
}
@media (max-width: 768px) {
.nav-tabs > li > a > i, .nav-pills > li > a > i {
display: none;
}
/* Prevent text Overflow for nav-tabs */
.nav-tabs > li > a, .nav-pills > li > a {
padding: 8.5px 10px;
max-width: 85px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.nav-tabs > li + li > a {
margin-right: 0;
margin-left: 6px;
}
}
@media (min-width: 768px) {
.tab-content {
padding: 45px;
}
.vertical-tab {
display: table;
}
.vertical-tab .nav-tabs, .vertical-tab .nav-pils, .vertical-tab .tab-content {
display: table-cell;
}
.vertical-tab .nav-tabs > li, .vertical-tab .nav-pills > li {
float: none;
white-space: nowrap;
margin: 0 0 14px;
}
.vertical-tab.left .tab-content {
padding-left: 25px;
}
.vertical-tab.right .tab-content {
padding-right: 25px;
}
.vertical-tab .nav-tabs {
margin-bottom: 0;
border: none;
}
.vertical-tab.left .nav-tabs > li {
margin-right: -1px;
}
.vertical-tab.right .nav-tabs.nav-tabs-inverse > li {
margin-left: -1px;
}
.vertical-tab .nav-tabs > li > a, .vertical-tab .nav-tabs.nav-tabs-inverse > li > a {
margin: 0;
}
.vertical-tab.left .nav-tabs > li.active > a, .vertical-tab.left .nav-tabs > li.active > a:hover, .vertical-tab.left .nav-tabs > li.active > a:focus {
border: 1px solid #3f589d;
margin-top: 0;
border-right-color: transparent;
}
.vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a, .vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a:hover, .vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a:focus {
border: 1px solid #3f589d;
margin-bottom: 0;
margin-top: 0;
border-left-color: transparent;
}
.nav-tabs.nav-justified > li > a {
border-radius: 0;
}
}
@media (min-width: 992px) {
.tab-content {
padding: 55px;
}
}
@media (min-width: 768px) {
.nav-lava > li {
margin-right: 15px;
}
.nav-lava.nav-lava-mini > li {
margin-right: 12px;
}
.nav-lava > li > a {
font-size: 20px;
padding: 15px 8px;
}
.nav-lava.nav-lava-mini > li > a {
font-size: 18px;
padding: 14px 8px;
}
.nav-lava.nav-lava-sm > li > a {
font-size: 18px;
}
}
@media (min-width: 768px) {
.carousel-indicators {
bottom: 12px;
}
.carousel-caption {
padding-bottom: 20px;
}
}
@media (max-width: 991px) {
#header.header13 #header-top .nav-logo {
position: absolute;
top: auto;
left: 15px;
bottom: -72px;
margin: 0;
}
#header.header13 .department-dropdown {
position: absolute;
right: 15px;
top: -36px;
}
#header.header13 .department-dropdown .dropdown-toggle {
padding: 0;
}
#header.header13 .department-dropdown .dropdown-menu {
left: auto;
right: 0;
margin-top: 5px;
min-width: 240px;
}
#header.header13 .department-dropdown .dropdown-menu:after {
left: auto;
right: 20px;
}
#header.header13 .department-dropdown .dropdown-menu li a {
padding: 9px 20px;
}
#header.header13 #header-inner .nav-center {
width: auto;
float: right;
margin: 0;
padding: 0;
}
#header.header13 .cart-dropdown .dropdown-toggle i {
font-size: 18px;
color: #2f2f2f;
}
}
@media (max-width: 767px) {
.nav-logo, .header5 .nav-logo .logo, .header6 .nav-logo .logo, .header7 .nav-logo .logo, .header-absolute.absolute-fullwidth .nav-center.nav-logo {
width: 160px;
}
.header-absolute.absolute-fullwidth .nav-left {
width: calc( ( 100% - 160px ) / 2 );
}
.language-dropdown .dropdown-menu {
text-align: center;
}
.search-dropdown .dropdown-menu:after, .search-dropdown .dropdown-menu.pull-right:after {
right: auto;
left: 50%;
margin-left: -16px;
}
#header .cart-dropdown .dropdown-toggle {
font-size: 16px;
}
#header.header9 .cart-dropdown .dropdown-toggle, #header.header9 .search-dropdown .dropdown-toggle {
font-size: 15px;
}
.cart-dropdown .dropdown-toggle > i {
margin-right: 5px;
}
/*Header absolute fullwidth */
#header.header-absolute.absolute-fullwidth .nav-left:first-child .dropdown .dropdown-toggle {
padding-left: 15px;
padding-right: 15px;
}
#header.header-absolute.absolute-fullwidth .nav-left:first-child .dropdown.currency-dropdown .dropdown-toggle:after {
display: none;
margin-right: 0;
padding-right: 0;
}
}
@media (max-width: 520px) {
.header1 .nav-right {
margin: 62px 0 23px;
}
#header.header1 .nav-center {
margin: 53px 0 23px;
}
.header-absolute.absolute-fullwidth .nav-left:first-child {
display: none;
}
.header-absolute.absolute-fullwidth .nav-left {
width: calc( ( 100% - 160px ) );
}
.nav-logo {
margin: 46px 0 26px;
}
#mobile-menu-btn {
margin: 0 15px;
}
#header .dropdown-toggle, #header .header-link {
padding: 0 12px;
}
#header.header1 .header-row:first-child {
position: absolute;
top: -8px;
right: 15px;
left: 15px;
padding-bottom: 10px;
border-bottom: none;
}
#header.header1 .header-row:last-child {
padding: 0;
}
#header.header1 .header-row:last-child .dropdown-toggle {
padding: 0;
}
#header.header1 .header-row:last-child .header-link, #header-inner .header-link, #header-inner .header-link {
display: none;
}
.search-dropdown .dropdown-menu {
padding: 12px;
}
.header-search-container select {
padding: 0 20px 0 6px;
}
.header9 #mobile-menu-btn {
margin-left: 20px;
}
.header9 .search-dropdown .dropdown-menu.pull-right {
right: 15px;
}
.header9 .cart-dropdown .dropdown-menu.pull-right {
right: -35px;
}
#header.header13 #header-top .currency-dropdown .dropdown-menu.pull-right {
right: auto;
left: 0;
}
#header.header13 .department-dropdown .dropdown-menu:after {
right: 5px;
}
}
@media (max-width: 360px) {
.cart-text-price {
display: none;
}
.header1 .cart-dropdown .dropdown-toggle > i {
margin-right: 0;
}
.header-absolute .cart-dropdown .dropdown-menu.pull-right {
right: -40px;
}
#header.header10 .cart-dropdown .dropdown-menu, #header.header11 .cart-dropdown .dropdown-menu {
right: -46px;
}
#header.header10 .cart-dropdown .dropdown-menu.pull-right:after, #header.header11 .cart-dropdown .dropdown-menu.pull-right:after {
right: 40px;
}
#header.header13 .cart-dropdown .dropdown-menu {
right: -60px;
}
#header.header13 .cart-dropdown .dropdown-menu:after {
right: 54px;
}
}
@media (min-width: 768px) {
.nav-logo {
margin: 35px 0;
}
#header.header5 .nav-logo {
margin: 0;
padding: 27px 0 19px;
}
.header-text {
display: inline;
}
.language-dropdown img {
margin-right: 8px;
}
.search-dropdown {
position: relative;
}
.search-dropdown .dropdown-menu {
width: 420px;
top: 100%;
left: 0;
}
.search-dropdown .dropdown-menu.pull-right {
left: auto;
right: 0;
}
/* Header 2 - Header3 - Header4*/
#header-top .social-icon {
margin: 0 10px 0;
}
.header2 #header-inner .nav-right, .header3 #header-inner .nav-right, .header4 #header-inner .nav-right {
margin: 42px 0;
}
#header #header-top label +.dropdown-toggle {
padding-left: 0;
}
/* Header5 */
.header5 #header-top #mobile-menu-btn {
margin-top: 43.5px;
}
#header #header-top.dark .cart-dropdown .dropdown-toggle, #header #header-top.custom .cart-dropdown .dropdown-toggle {
padding: 0 22px;
}
/* Header6 */
.header6 #header-top #mobile-menu-btn {
margin-top: 44px;
}
/* Header7 */
.header7 #header-top #mobile-menu-btn {
margin-top: 40px;
}
/* Header8 */
.header8 #header-top #mobile-menu-btn {
margin-top: 44px;
}
/* Header Absolute */
.header-absolute .header-row {
margin: 18px 0;
}
#header.header-absolute .dropdown-toggle, #header.header-absolute .header-link, #header.header-absolute .nav-text {
padding: 0 13.5px;
}
#header.header-absolute #mobile-menu-btn {
margin-left: 20px;
}
/* Header9 */
.header9 .nav-logo {
margin: 40px 0 30px;
}
.header9 .header-row {
margin: 53px 0;
}
.header9 .menu > li > a {
padding: 50px 0;
}
/* Header10 - Header 11*/
#header.header10 .nav-logo, #header.header11 .nav-logo {
margin: 21px 0 32px;
}
#header.header10 #header-inner .header-row, #header.header11 #header-inner .header-row {
margin: 43.5px 0;
}
/* Header12 */
#header.header12 .nav-logo {
margin: 32px 0 35px;
}
#header.header12 #mobile-menu-btn {
margin-top: 37.5px;
margin-bottom: 37.5px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#header .dropdown-toggle, #header .header-link {
padding: 0 15px;
}
#header.header-absolute.absolute-fullwidth .nav-left:first-child .dropdown.currency-dropdown .dropdown-toggle:after {
display: none;
margin-right: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
#header {
border-bottom: none;
}
#header.header9 {
border-bottom: 1px solid #ebebeb;
}
#mobile-menu-btn {
display: none;
}
.nav-logo {
margin: 35px 0;
}
#header.header1 .nav-center {
margin: 54.5px 0;
}
/* Header2 - Header3 - Header4*/
.header2 #header-inner .nav-center, .header3 #header-inner .nav-center, .header4 #header-inner .nav-center {
display: block;
width: 35%;
margin: 33.5px 0 33.5px 20px;
}
#header #header-top label, #header #header-top .dropdown-toggle, #header #header-top .header-link, #header #header-top .nav-text, #header #header-top .social-icon {
line-height: 54px;
}
#header.header5 #header-top label, #header.header5 #header-top .dropdown-toggle, #header.header5 #header-top .header-link, #header.header5 #header-top .nav-text, #header.header5 #header-top .social-icon {
line-height: 53px;
}
#header #header-top.dark label, #header #header-top.dark .dropdown-toggle, #header #header-top.dark .header-link, #header #header-top.dark .nav-text, #header #header-top.dark .social-icon, #header #header-top.custom label, #header #header-top.custom .dropdown-toggle, #header #header-top.custom .header-link, #header #header-top.custom .nav-text, #header #header-top.custom .social-icon {
line-height: 30px;
}
#header #header-top.dark .cart-dropdown .dropdown-toggle, #header #header-top.custom .cart-dropdown .dropdown-toggle {
padding: 0 22px ;
}
/* Header7 */
#header.header8 .nav-left .header-row .dropdown:first-child .dropdown-toggle {
padding-left: 21px;
}
/* Header Absolute */
.header-absolute .menu > li + li {
margin-left: 15px;
}
#header.header-absolute .dropdown-toggle, #header.header-absolute .header-link, #header.header-absolute .nav-text {
padding: 0 5.5px;
}
#header.header-absolute {
padding-top: 43px;
}
.header-absolute .nav-logo {
margin: 5px 0;
}
.header-absolute .header-row {
margin: 23px 0;
}
/* Header9 */
.header9 .nav-logo {
margin: 70px 0 60px;
}
.header9 .header-row {
margin: 83px 0;
}
.header9 .menu > li > a {
padding: 80px 0;
}
#header.header-absolute.absolute-fullwidth label + .dropdown-toggle {
padding-left: 3px;
}
/* Header 10 */
#header.header10 .nav-logo {
margin-left: 35px;
}
#header.header10 {
margin-bottom: 52px;
}
#header.header10 #header-top {
padding-top: 9px;
}
/* Header11 */
#header.header11 #menu-container .nav-left {
width: 270px;
}
#menu-display-btn {
min-width: 127px;
padding: 0 34px;
}
#header.header11 #menu-container .nav-center {
width: calc( 100% - 400px );
}
#header.header11 #menu-container.sticky-menu.fixed .nav-center {
width: calc( 100% - 160px );
}
#header.header11 #header-inner {
border: none;
}
/* Header12 */
#header.header12 .nav-logo {
margin: 52px 0 55px;
}
#header.header12 #header-inner .nav-text, #header.header12 #header-inner .header-simple-search {
margin-top: 20px;
margin-bottom: 17px;
}
#header.header12 #header-top .container-fluid {
padding: 0 0 0 30px;
}
#header.header12 #header-top.custom .cart-dropdown .dropdown-toggle {
padding: 0 32px;
}
#header.header12 #header-inner {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1030;
background-color: #fff;
}
#header.header12 #header-inner .container-fluid {
padding: 0 60px;
}
#header.header12 .menu ul, #header.header12 .menu .megamenu, #header.header12 .menu .megamenu-half {
top: auto;
bottom: 100%;
z-index: 1040;
}
#header.header12 .menu ul ul {
top: auto;
bottom: 0;
}
/* Header13 */
#header.header13 #header-top label, #header.header13 #header-top .dropdown-toggle, #header.header13 #header-top .header-link, #header.header13 #header-top .nav-text, #header.header13 #header-top .social-icon {
line-height: 69px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
/* .header-simple-search {
position: absolute;
top: -78px;
right: 15px;
margin: 0;
} */
.header8 .header-simple-search {
top: -77px;
}
/* Header9 */
.header9 .menu > li + li {
margin-left: 36px;
}
.header9 .nav-right + .nav-right {
margin-right: 30px;
}
#header.header-absolute.absolute-fullwidth .nav-right + .nav-right {
margin-right: 0;
}
/* Header11 */
#header.header11 .menu {
margin-left: 22px;
}
#header.header11 .menu > li + li {
margin-left: 25px;
}
/* Header13 */
#header.header13 .menu > li + li {
margin-left: 15px;
}
#header.header13 #header-inner .nav-center {
padding-left: 40px;
padding-right: 25px;
}
}
@media (min-width: 1200px) {
.nav-text-big {
display: block;
}
.header1 .nav-center {
padding-right: 68px;
}
/* Header2 */
.header2 #header-inner .nav-center, .header3 #header-inner .nav-center, .header4 #header-inner .nav-center {
width: 38.5%;
}
/* Header2 */
.header2 #header-inner .nav-center {
margin-left: 86px;
}
/* Header3 */
.header3 #header-inner .nav-center {
margin-left: 110px;
}
/* Header4 */
.header4 #header-inner .nav-center {
margin-left: 70px;
}
#header #header-top.dark .cart-dropdown .dropdown-toggle {
padding: 0 32px;
}
/* Header Absolute */
.header-absolute .nav-right + .nav-right {
margin-right: 29px;
}
#header.header-absolute .dropdown-toggle, #header.header-absolute .header-link, #header.header-absolute .nav-text {
padding: 0 13.5px;
}
.header-absolute .menu > li + li {
margin-left: 40px;
}
.header-box {
display: inline-block;
}
/* Header Absolute fullwidth */
.header-absolute.absolute-fullwidth .container-fluid {
padding: 0 50px;
}
#header.header-absolute.absolute-fullwidth .menu > li + li {
margin-left: 13px;
}
/* Header10 */
#header.header10 #menu-container .search-dropdown .dropdown-toggle {
padding-left: 35px;
padding-right: 35px;
}
.header-fullwidth .container-fluid {
padding: 0 30px;
}
}
@media (min-width: 1500px) {
#header.header-absolute.absolute-fullwidth .menu > li + li {
margin-left: 32px;
}
#header.header-absolute.absolute-fullwidth .nav-right + .nav-right {
margin-right: 25px;
}
#header.header-absolute.absolute-fullwidth .nav-left .nav-text .header-text {
display: inline;
}
#header.header-absolute.absolute-fullwidth .nav-right .dropdown-toggle, #header.header-absolute.absolute-fullwidth .nav-right .header-link, #header.header-absolute.absolute-fullwidth .nav-right .nav-text {
padding: 0 12px;
}
}
@media (min-width: 992px) {
.menu, #menu-container {
display: block;
}
}
@media (min-width: 992px) {
/* special class to make bootstrap grid 5 col for megamenu */
.col-md-5col {
float: left;
width: 20%;
}
}
@media (min-width: 1200px) {
.megamenu .megamenu-footer {
padding-left: 60px;
padding-right: 60px;
}
.megamenu.megamenu-half .megamenu-footer {
padding-left: 36px;
padding-right: 36px;
}
}
@media (max-width: 767px) {
.side-menu .logo {
max-width: 160px;
}
}
@media (max-width: 991px) {
.side-menu-container {
position: relative;
}
.side-menu.side-menu2 {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.side-menu .cart-link > i {
font-size: 16px;
}
}
@media (min-width: 992px) {
.side-menu {
position: fixed;
top: 0;
bottom: 0;
width: 300px;
z-index: 1040;
padding: 0 5px 0 0;
}
.side-menu.side-menu2 {
margin-bottom: 0;
}
.side-menu + #content, .side-menu.left + #content {
padding-left: 300px;
}
.side-menu.right + #content {
padding-left: 0;
padding-right: 300px;
}
.side-menu-wrapper {
height: auto;
padding: 43px 25px 30px 30px;
}
.side-menu-container {
padding: 43px 25px 30px 30px;
}
.side-menu.dark .side-menu-wrapper, .side-menu.dark .side-menu-container {
padding: 40px 30px 30px;
}
.side-menu .logo {
margin: 0 0 18px;
}
.side-menu.dark .logo {
margin: 0 0 25px;
}
.side-menu.side-menu2 .logo {
margin: 13px 0 28px;
}
.side-menu .header-search-container.header-simple-search, .side-menu .smenu, #side-menu-footer {
display: block;
}
.side-menu .cart-link {
position: static;
top: auto;
right: auto;
margin: 0 0 16px;
}
.side-menu.dark .cart-link {
padding-bottom: 14px;
border-bottom: 1px solid rgba(232, 232, 232, 0.3);
margin: 0 0 12px;
}
}
@media (min-width: 992px) and (max-width: 1500px) {
.side-menu + #content .container {
width: 100%;
padding: 0 30px;
}
}
@media (min-width: 1200px) {
#content .container-fluid {
padding-left: 51px;
padding-right: 51px;
}
#content .container-fluid .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 991px) {
.banner.vcentered .btn.min-width-xs {
min-width: 0;
}
}
@media (max-width: 380px) {
.banner.vcentered .banner-content h3 {
font-size: 14px;
}
.banner.vcentered .banner-content h3 > span {
font-size: 36px;
line-height: 30px;
}
}
@media (min-width: 768px) {
.banner-container {
margin-bottom: 60px;
}
.banner.vcentered .banner-content h3 {
font-size: 14px;
}
.banner.vcentered .banner-content h3 > span {
font-size: 32px;
line-height: 30px;
}
.title-block {
margin-bottom: 50px;
}
.title-block.small {
margin-bottom: 40px;
}
.big-title {
font-size: 40px;
}
.big-title + p {
font-size: 16px;
}
.home-latestblog-carousel.owl-carousel .entry {
margin-bottom: 95px;
}
}
@media (min-width: 992px) {
.banner-container {
margin-bottom: 90px;
}
.banner.vcentered .banner-content h3 > span {
font-size: 40px;
line-height: 36px;
}
}
@media (min-width: 1199px) {
.banner.vcentered .banner-content h3 > span {
font-size: 60px;
line-height: 50px;
}
.banner.vcentered .banner-content p {
display: block;
}
}
@media (max-width: 480px) {
.banner-classy .banner-content h3 {
font-size: 13px;
line-height: 26px;
}
.banner-classy .banner-content h3 > span {
font-size: 30px;
}
.banner-classy .banner-content a {
font-size: 11px;
}
}
@media (min-width: 768px) {
.banner.banner-classy {
margin-bottom: 13px;
}
}
@media (min-width: 992px) {
.banner.banner-info, .banner.banner-info.last {
margin-bottom: 42px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.widget-category-menu h3 {
line-height: 40px;
}
.widget-category-menu ul li a {
font-size: 12px;
line-height: 39px;
}
}
@media (min-width: 768px) {
.banner.banner-tech {
margin-bottom: 25px;
}
.banner.banner-tech.fixheight img {
max-height: 210px;
min-height: 210px;
height: 100%;
}
.padding-left-clear {
padding-left: 0;
}
.widget-area {
margin: 14px 0 22px;
}
}
@media (min-width: 992px) {
.banner.banner-tech {
margin-bottom: 45px;
}
}
@media (min-width: 992px) {
.widget-category-menu.category-menu-parted h3 {
display: none;
}
.widget-category-menu.category-menu-parted {
margin-top: -16px;
}
}
@media (max-width: 991px) {
.banner.banner-color {
max-width: 420px;
margin: 0 auto 18px;
}
.banner.banner-color.last {
margin-bottom: 40px;
}
.promated-categories {
margin-bottom: 10px;
}
.special-sidebar.sidebar .banner.banner-color {
max-width: 400px;
margin: 0 auto;
}
.banner.banner-color .banner-content h4 {
font-size: 16px;
}
.banner.banner-color .banner-content h3 {
font-size: 36px;
}
.special-sidebar.sidebar .banner.banner-color .banner-content h3 {
font-size: 63px;
}
}
@media (max-width: 768px) {
.banner.banner-color .banner-content h4 {
font-size: 19px;
margin-bottom: 6px;
}
.banner.banner-color .banner-content h3, .special-sidebar.sidebar .banner.banner-color .banner-content h3 {
font-size: 63px;
margin-bottom: 35px;
}
}
@media (max-width: 420px) {
.banner.banner-color .banner-content h4, .special-sidebar.sidebar .banner.banner-color .banner-content h4 {
font-size: 18px;
}
.banner.banner-color .banner-content h3, .special-sidebar.sidebar .banner.banner-color .banner-content h3 {
font-size: 52px;
}
}
@media (min-width: 992px) {
.container-fluid .col-md-9.special-col {
width: 78.10%;
}
.container-fluid .col-md-3.special-col {
width: 21.90%;
}
}
@media (min-width: 1200px) {
.category-box.category-box-vertical.category-box-clean, .special-sidebar.sidebar .widget:last-child {
margin-bottom: 90px;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
.category-box.category-box-vertical.category-box-clean h3 {
font-size: 14px;
}
}
@media (min-width: 1400px) {
.banner.banner-color .banner-content {
bottom: 32px;
}
.banner.banner-color .banner-content h4 {
font-size: 18px;
}
.banner.banner-color .banner-content h3 {
font-size: 60px;
margin-bottom: 33px;
}
}
@media (min-width: 768px) {
.banner.banner-box {
padding: 45px 27px 36px 34px;
}
.banner.banner-box .banner-content {
margin-top: -8px;
margin-bottom: 0;
text-align: right;
}
}
@media (min-width:991px) and (max-width: 1199px) {
.banner.banner-box .banner-content {
text-align: left;
margin-bottom: 40px;
}
}
@media (min-width:1200px) and (max-width: 1600px) {
.banner.banner-box .banner-content h4 {
font-size: 16px;
line-height: 22px;
}
.banner.banner-box .banner-content h2 {
font-size: 26px;
line-height: 34px;
letter-spacing: -1.5px;
}
.banner.banner-box .banner-content a {
font-size: 13px;
}
}
@media (min-width:1200px) {
.banner.banner-box {
margin-bottom: 61px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-banner-row .row-carousel .product-wrap {
padding: 0 19px;
}
}
@media (max-width: 991px) {
.product-banner-row .row-carousel .product-wrap {
padding: 0 29px;
}
.product-banner-row .banner {
width: 400px;
}
.banner.banner-color.small h4 {
font-size: 16px;
}
.banner.banner-color.small h3 {
font-size: 40px;
margin-bottom: 29px;
}
}
@media (max-width: 768px) {
.product-banner-row, .product-banner-row .banner, .product-banner-row .row-carousel {
display: block;
width: 100%;
}
.product-banner-row .row-carousel .owl-item:after {
display: none;
}
.product-banner-row .row-carousel {
border-left: 1px solid #e5e5e5;
}
.product-banner-row .row-carousel .product-wrap {
padding: 19px;
border-right: 1px solid #e5e5e5;
}
}
@media (max-width:400px) {
.banner.banner-color.small h3 {
font-size: 28px;
margin-bottom: 22px;
}
}
@media (min-width: 768px) {
.producents-container a {
margin: 0 12px 25px;
}
}
@media (min-width: 992px) {
.producents-container .title-underblock.small {
margin-bottom: 47px;
}
}
@media (min-width: 1200px) {
.producents-container a {
margin: 0 14.5px 27px;
}
}
@media (min-width: 768px) {
.product-lger .product-top {
margin-bottom: 28px;
}
.banner.banner-long {
margin-bottom: 27px;
}
.banner-long .banner-price {
font-size: 60px;
}
.product-lger .product-title {
font-size: 17px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.nav-lava-sm + .tab-content .product.product-lger, .category-box.category-box-vertical {
margin-bottom: 61px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner-long .banner-price {
font-size: 48px;
}
}
@media (min-width: 768px) {
.discount-box {
padding: 24.5px 25px;
}
.discount-box-wrapper, .discount-box-wrapper.last {
margin: 36px 0 52px;
}
.discount-box-wrapper.no-margin-top {
margin-top: 0;
}
}
@media (min-width: 992px) {
.discount-box {
padding: 31.5px 35px;
}
}
@media (min-width: 768px) {
.section h3 {
font-size: 18px;
line-height: 30px;
margin-bottom: 6px;
}
.section h2 {
font-size: 60px;
line-height: 48px;
margin-bottom: 8px;
}
.section p {
font-size: 15px;
line-height: 24px;
margin: 0 auto 20px;
}
.section-action .btn.min-width-xs {
min-width: 130px;
}
.first-section h3 {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.section h3 {
font-size: 24px;
line-height: 40px;
margin-bottom: 0;
}
.section h2 {
font-size: 80px;
line-height: 64px;
}
.section p {
margin: 0 auto 27px;
}
.first-section h3 {
margin-top: 68.5px;
}
}
@media (min-width: 992px) {
.fixed-bottom-menu {
padding-bottom: 143px;
}
}
@media (min-width: 320px) {
#product-container .product, #product-container.fullwidth .product {
width: 100%;
}
}
@media (min-width: 480px) {
#product-container .product, #product-container.fullwidth .product {
width: 50%;
}
}
@media (min-width: 600px) {
#product-container.fullwidth .product {
width: 33.3%;
}
}
@media (min-width: 768px) {
#product-container .product {
width: 33.3%;
}
#product-container.fullwidth .product {
width: 25%;
}
}
@media (min-width: 992px) {
#product-container .product {
width: 33.3%;
}
#product-container.fullwidth .product {
width: 20%;
}
}
@media (min-width: 1199px) {
#product-container .product {
width: 25%;
}
#product-container.fullwidth .product {
width: 16.66%;
}
}
@media (min-width: 1500px) {
#product-container .product {
width: 20%;
}
}
@media (max-width: 520px) {
.banner-icon {
padding-right: 20px;
padding-left: 20px;
}
.banner-info-cell + .banner-info-cell {
padding: 0 20px;
}
}
@media (min-width: 768px) {
.banner.banner-info.banner-info-icon.last {
margin-bottom: 50px;
}
}
@media (min-width: 992px) {
.banner.banner-info.banner-info-icon, .banner.banner-info.banner-info-icon.last {
margin-bottom: 64px;
}
.from-blog-container, .services-container, .latest-reviews.small {
margin-bottom: 30px;
}
}
@media (min-width: 1500px) {
.lookbook-carousel .product-meta-box {
padding: 28px 50px 26px;
}
}
@media (max-width: 768px) {
.banner.banner-mini {
margin-bottom: 22px;
}
.banner.banner-mini .banner-content {
padding: 0 28px;
}
}
@media (max-width: 420px) {
.banner.banner-mini .banner-content h3 {
margin-bottom: 10px;
font-size: 14px;
}
.banner.banner-mini .banner-content h3 > span {
font-size: 32px;
}
.banner.banner-mini .banner-content a {
font-size: 12px;
}
}
@media (min-width: 768px) {
.banner.banner-mini .banner-content {
padding: 0 28px;
}
.banner.banner-mini .banner-content h3 {
font-size: 15px;
line-height: 24px;
margin-bottom: 10px;
}
.banner.banner-mini .banner-content h3 > span {
font-size: 36px;
}
}
@media (min-width: 992px) {
.banner.banner-mini {
margin-bottom: 42px;
}
.banner.banner-mini .banner-content {
padding: 0 48px;
}
.banner.banner-mini .banner-content h3 {
font-size: 18px;
line-height: 30px;
margin-bottom: 20px;
}
.banner.banner-mini .banner-content h3 > span {
font-size: 60px;
}
.banner.banner-mini .banner-content a {
font-size: 14px;
}
}
@media (min-width: 992px) {
.latest-reviews, .company-info {
margin-bottom: 70px;
}
.company-info p {
margin-top: 25px;
}
}
@media (max-width: 380px) {
.banner.banner-vine h3 {
font-size: 12px;
margin-bottom: 6px;
}
.banner.banner-vine h2 {
font-size: 32px;
margin-bottom: 4px;
}
.banner.banner-vine p {
font-size: 12px;
max-width: 220px;
}
}
@media (min-width: 768px) {
.newsletter-box {
padding: 41px 52px;
}
.blog-post-carousel-container {
margin-bottom: 30px;
}
.newsletter-box-form {
float: right;
margin-top: 19px;
width: 260px;
}
.newsletter-box-content {
margin-right: 340px;
}
}
@media (min-width: 992px) {
.newsletter-box {
margin-bottom: 70px;
margin-top: 12px;
}
.side-menu.side-menu-large #side-menu-footer, .side-menu.side-menu-large.dark #side-menu-footer {
background-color: transparent;
}
.side-menu.side-menu-large {
padding-right: 0;
}
.side-menu.side-menu-large + #content {
padding-top: 45px;
}
.side-menu.side-menu-large + #content > .container {
margin-left: 0;
}
.side-menu.side-menu-large + #content .container {
width: 690px;
}
.side-menu.side-menu-large .logo > a {
display: inline-block;
}
.side-menu.side-menu-large .logo {
text-align: center;
}
.banner.banner-vine h3 {
font-size: 12px;
}
.banner.banner-vine h2 {
font-size: 32px;
}
.banner.banner-vine p {
font-size: 12px;
max-width: 220px;
}
}
@media (min-width: 1200px) {
.side-menu.side-menu-large {
width: 32.5%;
}
.side-menu.side-menu-large .side-menu-container {
width: 300px;
float: right;
}
.side-menu.side-menu-large #side-menu-footer {
left: auto;
width: 240px;
}
.side-menu.side-menu-large + #content, .side-menu.side-menu-large.left + #content {
padding-left: 32.5%;
}
.side-menu.side-menu-large.right + #content {
padding-left: 0;
padding-right: 32.5%;
}
.side-menu.side-menu-large + #content .container {
width: 820px;
}
.banner.banner-vine h3 {
font-size: 14px;
}
.banner.banner-vine h2 {
font-size: 40px;
}
.banner.banner-vine p {
font-size: 13px;
max-width: 240px;
}
}
@media (min-width: 1400px) {
.side-menu.side-menu-large + #content .container {
width: 900px;
}
}
@media (max-width: 991px) {
.presentation-content {
padding-left: 15px;
padding-right: 15px;
}
.presentation-image {
min-height: 420px;
}
.presentation-content .big-title.small {
margin-top: -40px;
}
}
@media (max-width: 480px) {
.presentation-content {
max-width: 100%;
}
.presentation-image {
min-height: 300px;
}
}
@media (min-width: 992px) {
.presentation-container {
display: table;
width: 100%;
table-layout: fixed;
}
.presentation-cell {
display: table-cell;
width: 50%;
vertical-align: middle;
}
.presentation-content {
padding: 168px 0 165px;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.presentation-content .category-box.category-box-vertical {
padding: 18px 24px 28px;
}
}
@media (max-width: 768px) {
.banner.vertical-banner {
max-width: 370px;
}
.banner-content h2 {
font-size: 14px;
line-height: 26px;
}
.banner-content h2 > span {
font-size: 46px;
}
}
@media (min-width: 480px) {
.category-box {
padding-left: 50%;
}
.category-box.woman-cat-box {
background-image: url('../images/women-cat.png');
}
.category-box.man-cat-box {
background-image: url('../images/men-cat.png');
}
.category-box-content {
padding: 42px 20px 37px 0;
}
}
@media (min-width: 520px) {
.partners-container {
padding: 47px 30px 0;
}
.partners-container.larger {
padding: 51px 30px 0;
margin-bottom: 52px;
}
}
@media (min-width: 992px) {
.banner-content h2 {
font-size: 14px;
line-height: 26px;
}
.banner-content h2 > span {
font-size: 48px;
}
.category-box {
margin-bottom: 55px;
}
}
@media (max-width: 480px) {
#newsletter-section .btn.min-width-xs {
min-width: 0;
}
}
@media (min-width: 768px) {
#newsletter-section {
padding: 102px 0 105px;
}
#newsletter-section h2 {
font-size: 30px;
}
}
@media (min-width: 992px) {
#newsletter-section {
padding: 127px 0 134px;
}
#newsletter-section h2 {
font-size: 30px;
}
}
@media (max-width: 768px) {
.filter-row-box.second {
border-right: none;
padding-right: 0;
margin: 0;
}
}
@media (min-width: 768px) {
.filter-row-box {
margin-bottom: 0;
}
}
@media (max-width: 991px) {
.cart-table thead > tr > th:first-child {
padding-left: 40px;
}
.cart-table .price-total-col {
width: auto;
}
.cart-table thead > tr > th:last-child, .cart-table tbody > tr > td:last-child {
width: 50px;
}
}
@media (max-width: 768px) {
.cart-table thead > tr > th:first-child {
padding-left: 0;
padding-right: 80px;
}
.table-responsive > .cart-table.table > tbody > tr > td {
white-space: normal;
}
.cart-table .price-total-col {
font-size: 16px;
padding-right: 15px;
padding-left: 15px;
}
.cart-table .quantity-col {
min-width: 130px;
}
.cart-table .product-top, .wishlist-table .product-top {
display: none;
}
.cart-table .product-cats, .cart-table .product-title, .cart-table .product-desc-list, .wishlist-table .product-cats, .wishlist-table .product-title, .wishlist-table .product-desc-list {
margin-left: 0;
}
}
@media (max-width: 767px) {
.cart-product-list .product-quantity {
float: none;
margin-right: 19px;
}
}
@media (max-width: 500px) {
.cart-product-list .product-top {
margin-bottom: 20px;
}
.cart-product-list .product-top, .cart-product-list .product-meta {
float: none;
margin-left: 0;
}
.discount-box-container .discount-box {
padding: 20px 15px;
}
.discount-box-container .discount-cell {
padding-right: 15px;
}
.discount-box-container .discount-box-value {
font-size: 36px;
}
}
@media (min-width: 992px) {
.discount-box-container .discount-box {
padding: 31.5px 25px;
}
.discount-box-container .discount-box-wrapper {
margin-bottom: 60px;
}
}
@media (max-width: 768px) {
.compare-table .product img {
width: auto;
max-width: 100%;
}
.table-responsive > .table > tbody > tr.description-row > td {
max-width: 200px;
white-space: normal;
}
.table-responsive > .table > tbody > tr.product-row > td {
border-top: none;
}
.table-responsive .compare-table > tbody > tr > td:last-child {
border-right: none;
}
}
@media (min-width: 992px) {
.compare-table.table > tbody > tr > td {
padding: 33px 39px;
min-width: 182px;
}
.compare-table.table > tbody > tr.filter-box-row > td {
padding: 33px 39px 23px;
}
}
@media (max-width: 767px) {
.table-responsive {
border: none;
}
.wishlist-table thead> tr > th:first-child {
padding-left: 20px;
padding-right: 100px;
}
.wishlist-table tbody > tr > td:first-child {
padding-right: 20px;
white-space: normal;
}
}
@media (min-width: 992px) {
.wishlist-table {
margin-bottom: 118px;
}
}
@media (min-width: 992px) {
.wishlist-table {
margin-bottom: 118px;
}
}
@media (min-width: 992px) {
.about-image {
margin-bottom: 50px;
}
.about-company, .about-text {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.form-wrapper {
padding: 47px;
}
}
@media (min-width: 992px) {
.form-wrapper, .form-wrapper.last {
padding: 57px;
min-height: 470px;
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.entry-list .entry-media {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.entry-meta .separator {
display: inline;
}
}
@media (min-width: 480px) {
.max-col-6 .entry, .max-col-5 .entry, .max-col-4 .entry, .max-col-3 .entry, .max-col-2 .entry {
width: 100%;
}
}
/* gutter number 1 less than colums so used calc to calculate grid size */
@media (min-width: 768px) {
.max-col-6 .entry, .max-col-5 .entry, .max-col-4 .entry, .max-col-3 .entry, .max-col-2 .entry {
width: calc( (100% - 30px) / 2 );
}
}
@media (min-width: 992px) {
.max-col-6 .entry, .max-col-5 .entry, .max-col-4 .entry, .max-col-3 .entry {
width: calc( (100% - 60px) / 3 );
}
}
@media (min-width: 1199px) {
.max-col-6 .entry, .max-col-5 .entry, .max-col-4 .entry {
width: calc( (100% - 90px) / 4 );
}
}
@media (min-width: 1500px) {
.max-col-6 .entry, .max-col-5 .entry {
width: calc( (100% - 120px) / 5 );
}
}
@media (min-width: 1900px) {
.max-col-6 .entry {
width: calc( (100% - 150px) / 6 );
}
}
/***** media Screen *****/
/*---------------Media Css Start--------------------------*/
@media (min-width:1200px) {
#header .add_to_cart_wrapper {
width: 13%;
}
}
@media (min-width:992px) and (max-width:1199px) {
#header .header-search-container {
width: 59%;
}
#header .add_to_cart_wrapper {
width: 15%;
float: right;
}
.newsletter_subscribe .subscribe_form_wrapper input[type=email] {
width: 72%;
}
.newsletter_subscribe .subscribe_form_wrapper input[type=email] {
width: 72%;
}
.newsletter_subscribe img {
margin-right: 15px;
}
.newsletter_subscribe .title h3 {
font-size: 20px;
}
.product .product_hover {
min-height: 220px;
}
.product {
margin-bottom: 30px;
}
#countdown {
position: relative;
}
.about-section .about-text p {
min-height: 245px;
}
}
@media (min-width:768px) and (max-width:991px) {
#header .nav-logo {
width: 25%;
}
#header .header-search-container {
width: 52%;
}
#header .add_to_cart_wrapper {
width: 18%;
}
#header .cart_btn {
padding: 2.5px 20px;
}
.subscribe_form_wrapper {
margin: 15px 0;
float: left;
width: 100%;
}
.btn-custom2 {
margin-right: 10px;
}
.banner-newsletter.main_popup .banner-info-wrapper {
padding-left: 10px;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text {
width: 60%;
}
.banner-newsletter.main_popup .subscribe_form_wrapper input[type=submit] {
padding: 9px 10px;
}
.banner-newsletter.main_popup {
min-width: 500px;
}
#coming-soon .logo {
top: 20%;
}
.zoo_about_team {
padding: 10px 0;
}
.error-content .input_text input {
min-width: 300px;
height: 40px;
padding: 10px;
border: 1px solid;
}
.off_banner_wrapper .inner_wrapper h3{
margin-bottom:30px;
}
.limited_time .counter span {
padding: 10px 5px;
min-width: 50px;
margin-right: 10px;
}
.limited_time .counter span p {
font-size:30px;
line-height: 30px;
}
.off_banner_wrapper{
background-position: center;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (max-width: 767px) {
#header .add_to_cart_wrapper {
display: inline-block;
text-align: center;
position: absolute;
right: 50px;
width: 40px;
}
#header .add_to_cart_wrapper .cart_btn{
margin-top: 33px;
overflow: hidden;
padding: 2px 10px;
height: 30px;
line-height: 30px;
font-size: 12px;
width: 40px;
}
#header .add_to_cart_wrapper .cart_btn > i{
margin-right: 0;
font-size: 18px;
}
#header .cart_btn {
float: none;
margin: 10px 0;
}
#header .header-search-container{
width: 100%;
}
#header.header7 .nav-logo .logo{
margin: 30px 0 10px;
}
.subscribe_form_wrapper {
margin: 15px 0;
float: left;
width: 100%;
}
.banner-newsletter.main_popup {
min-width: 500px;
}
.banner-newsletter.main_popup .banner-info-wrapper {
padding-left: 10px;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text {
width: 60%;
}
#coming-soon .logo {
top: 20%;
}
.zoo_about_team {
padding: 10px 0;
}
.error-content .input_text input {
min-width: 300px;
height: 40px;
padding: 10px;
border: 1px solid;
}
#header .dropdown-toggle{
padding-top:0;
}
#header .dropdown-toggle:after, #header .header-link:after, #header .nav-text:after{
top: 30%;
}
#header .nav-right .header-link{
padding-top: 9px;
}
#header .nav-right .header-link:after{
top:70%;
}
.header7 #header-top #mobile-menu-btn{
margin: 35px 0 0;
}
}
@media (max-width:600px){
#header .header-search-container {
width: 100%;
margin: 10px 0;
}
#header .cart_btn {
margin: 10px 0;
}
.newsletter_subscribe .subscribe_form_wrapper input[type=email] {
width: 70%;
}
.newsletter_subscribe img {
width: 40px;
margin-bottom: 5px;
}
.newsletter_subscribe .title h3 {
font-size: 20px;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text {
width: 100%;
}
.banner-newsletter.main_popup .banner-info-wrapper {
padding-left: 10px;
width: 100%;
}
.banner-newsletter.main_popup {
background-image: none;
}
.banner-newsletter.main_popup {
min-width: 85%;
}
.banner-newsletter.main_popup .subscribe_form_wrapper .input_text input {
width: 100%;
}
.banner-newsletter.main_popup .subscribe_form_wrapper input[type=submit] {
margin:10px 0;
}
}
@media (max-width:479px){
#header .header-search-container {
width: 100%;
margin: 10px 0;
}
#header .cart_btn {
margin: 10px 0;
}
.newsletter_subscribe .subscribe_form_wrapper input[type=email] {
width: 60%;
}
.form-wrapper.login-box {
padding: 20px 25px 83px;
}
.form-wrapper.login-box p {
width: 100%;
float: left;
font-size: 12px;
margin: 4px 0;
}
.form-wrapper.login-box .form-group, .form-wrapper.login-box .xs-margin.half {
margin-bottom: 10px;
}
.filter-row-box.last, .filter-row-box.right {
width: 100%;
margin: 10px 0;
}
.filter-row-box.right ul {
float: left;
}
.product-list .product-list-content {
text-align: left;
float: left;
width: 100%;
padding: 10px 0;
}
.entry-wrapper {
padding: 0 15px;
}
.off_banner_wrapper .inner_wrapper h3{
margin-bottom:20px;
}
.limited_time .counter span {
padding: 10px 5px;
min-width: 50px;
margin-right: 10px;
}
.limited_time .counter span p {
font-size:25px;
line-height: 30px;
}
.off_banner_wrapper{
background-position: center;
}
.off_banner_wrapper .inner_wrapper .price{
font-size:25px;
width:50px;
height:50px;
line-height:50px;
}
.off_banner_wrapper .inner_wrapper{
padding:10px;
}
.product .product_hover .product-btn{
visibility:visible;
opacity:1;
}
.product{
background-color: rgba(0, 0, 0, 0.07);
}
.header-search-container.header-simple-search .btn{
padding: 2.5px 10px;
font-size: 10px;
}
}/*------- Simple Banner -------- */
#simple-banner{
background-image: url('../images/banerinicio.jpg');
width: 100%;
height: 608px;
background-position: center;
}
.simple-banner-description {
text-align: center;
margin-top: 20%;
}
.simple-banner-description p{
font-size: 26px;
color: #fff;
}
.simple-banner-description h1{
font-size: 52px;
color: #fff;
}
.simple-banner-description .btn.min-width-xs{
background-color: #252529;
color: #fff;
}
@media (min-width:320px) and (max-width:500px) {
.zoo_banner .overlay {
position: absolute;
top: 3%;
}
.zoo_banner .overlay .somenew{width: 50%;margin: 0;}
.zoo_banner .overlay p{margin: 0;}
.zoo_banner .overlay h1 { font-size: 21.91px; }
.zoo_banner .overlay h2 { font-size: 27.27px; }
.zoo_banner .overlay .hotdeal {
width: 40%; margin-bottom: 0;
}
.zoo_banner .overlay h5 {
width: 75%;
margin-top: 5px;
margin-bottom: 5px;
font-size: 13px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.zoo_banner .overlay .somenew { width: 45%; }
.zoo_banner .overlay h2 { font-size: 27px; }
.zoo_banner .overlay h1 { font-size: 17.91px; }
.zoo_banner .overlay p { margin:0;}
.zoo_banner .overlay .hotdeal{width: 35%;}
.zoo_banner .overlay h5 { width: 70%; margin-bottom: 2px; font-size: 14px;}
}
@media (min-width:1024px) and (max-width:1280px) {
.zoo_banner .overlay h1 { font-size: 25px; }
.zoo_banner .overlay h2 { font-size: 28.27px; }
.zoo_banner .overlay .somenew { width: 35%; }
.zoo_banner .overlay .hotdeal {width:30%;}
}
/*---------------Media Css End---------------*/
/*--------------Style.css End----------*/
/***** media Screen *****/
/*Agregados*/
.boxedcontainer { max-width: 1170px; margin:auto; padding:0px 30px;}
/*********************************************
- SETTINGS FOR BANNER CONTAINERS -
**********************************************/
.tp-banner-container{
width:100%;
position:relative;
padding:0;
}
.tp-banner{
width:100%;
position:relative;
}
.tp-banner-fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.hidedenElement {
display: none;
}