@charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900,700italic,400italic,300italic&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext); html, body, div, span, applet, object, iframe, h1, h2, h3, h3, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, main, figure, figcaption, footer, header, hgroup, main menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block } body { line-height:1 } ol, ul { list-style:none } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } table { border-collapse:collapse; border-spacing:0 } a { text-decoration:none } a:active, a:focus, a:hover { text-decoration:none } @-ms-viewport { width:device-width } .visible-xs, .visible-sm, .visible-md, .visible-lg { display:none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display:none !important } @media (max-width:767px) { .visible-xs { display:block !important } table.visible-xs { display:table } tr.visible-xs { display:table-row !important } th.visible-xs, td.visible-xs { display:table-cell !important } } @media (max-width:767px) { .visible-xs-block { display:block !important } } @media (max-width:767px) { .visible-xs-inline { display:inline !important } } @media (max-width:767px) { .visible-xs-inline-block { display:inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display:block !important } table.visible-sm { display:table } tr.visible-sm { display:table-row !important } th.visible-sm, td.visible-sm { display:table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-block { display:block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display:inline !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display:inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display:block !important } table.visible-md { display:table } tr.visible-md { display:table-row !important } th.visible-md, td.visible-md { display:table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display:block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display:inline !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display:inline-block !important } } @media (min-width:1200px) { .visible-lg { display:block !important } table.visible-lg { display:table } tr.visible-lg { display:table-row !important } th.visible-lg, td.visible-lg { display:table-cell !important } } @media (min-width:1200px) { .visible-lg-block { display:block !important } } @media (min-width:1200px) { .visible-lg-inline { display:inline !important } } @media (min-width:1200px) { .visible-lg-inline-block { display:inline-block !important } } @media (max-width:767px) { .hidden-xs { display:none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display:none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display:none !important } } @media (min-width:1200px) { .hidden-lg { display:none !important } } .visible-print { display:none !important } @media print { .visible-print { display:block !important } table.visible-print { display:table } tr.visible-print { display:table-row !important } th.visible-print, td.visible-print { display:table-cell !important } } .visible-print-block { display:none !important } @media print { .visible-print-block { display:block !important } } .visible-print-inline { display:none !important } @media print { .visible-print-inline { display:inline !important } } .visible-print-inline-block { display:none !important } @media print { .visible-print-inline-block { display:inline-block !important } } @media print { .hidden-print { display:none !important } } .container { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } @media (min-width:1200px) { .container { width:1170px } } .container-fluid { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } .row, header .mobile-nav-wrapper { margin-left:-15px; margin-right:-15px } .col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float:left } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666667% } .col-xs-10 { width:83.33333333% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666667% } .col-xs-7 { width:58.33333333% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666667% } .col-xs-4 { width:33.33333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.66666667% } .col-xs-1 { width:8.33333333% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666667% } .col-xs-pull-10 { right:83.33333333% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666667% } .col-xs-pull-7 { right:58.33333333% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666667% } .col-xs-pull-4 { right:33.33333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.66666667% } .col-xs-pull-1 { right:8.33333333% } .col-xs-pull-0 { right:auto } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666667% } .col-xs-push-10 { left:83.33333333% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666667% } .col-xs-push-7 { left:58.33333333% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666667% } .col-xs-push-4 { left:33.33333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.66666667% } .col-xs-push-1 { left:8.33333333% } .col-xs-push-0 { left:auto } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666667% } .col-xs-offset-10 { margin-left:83.33333333% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666667% } .col-xs-offset-7 { margin-left:58.33333333% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666667% } .col-xs-offset-4 { margin-left:33.33333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.66666667% } .col-xs-offset-1 { margin-left:8.33333333% } .col-xs-offset-0 { margin-left:0 } @media (min-width:480px) { .col, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { float:left } .col-ms-12 { width:100% } .col-ms-11 { width:91.66666667% } .col-ms-10 { width:83.33333333% } .col-ms-9 { width:75% } .col-ms-8 { width:66.66666667% } .col-ms-7 { width:58.33333333% } .col-ms-6 { width:50% } .col-ms-5 { width:41.66666667% } .col-ms-4 { width:33.33333333% } .col-ms-3 { width:25% } .col-ms-2 { width:16.66666667% } .col-ms-1 { width:8.33333333% } .col-ms-pull-12 { right:100% } .col-ms-pull-11 { right:91.66666667% } .col-ms-pull-10 { right:83.33333333% } .col-ms-pull-9 { right:75% } .col-ms-pull-8 { right:66.66666667% } .col-ms-pull-7 { right:58.33333333% } .col-ms-pull-6 { right:50% } .col-ms-pull-5 { right:41.66666667% } .col-ms-pull-4 { right:33.33333333% } .col-ms-pull-3 { right:25% } .col-ms-pull-2 { right:16.66666667% } .col-ms-pull-1 { right:8.33333333% } .col-ms-pull-0 { right:auto } .col-ms-push-12 { left:100% } .col-ms-push-11 { left:91.66666667% } .col-ms-push-10 { left:83.33333333% } .col-ms-push-9 { left:75% } .col-ms-push-8 { left:66.66666667% } .col-ms-push-7 { left:58.33333333% } .col-ms-push-6 { left:50% } .col-ms-push-5 { left:41.66666667% } .col-ms-push-4 { left:33.33333333% } .col-ms-push-3 { left:25% } .col-ms-push-2 { left:16.66666667% } .col-ms-push-1 { left:8.33333333% } .col-ms-push-0 { left:auto } .col-ms-offset-12 { margin-left:100% } .col-ms-offset-11 { margin-left:91.66666667% } .col-ms-offset-10 { margin-left:83.33333333% } .col-ms-offset-9 { margin-left:75% } .col-ms-offset-8 { margin-left:66.66666667% } .col-ms-offset-7 { margin-left:58.33333333% } .col-ms-offset-6 { margin-left:50% } .col-ms-offset-5 { margin-left:41.66666667% } .col-ms-offset-4 { margin-left:33.33333333% } .col-ms-offset-3 { margin-left:25% } .col-ms-offset-2 { margin-left:16.66666667% } .col-ms-offset-1 { margin-left:8.33333333% } .col-ms-offset-0 { margin-left:0 } } @media (min-width:768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666667% } .col-sm-10 { width:83.33333333% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666667% } .col-sm-7 { width:58.33333333% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666667% } .col-sm-4 { width:33.33333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.66666667% } .col-sm-1 { width:8.33333333% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666667% } .col-sm-pull-10 { right:83.33333333% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666667% } .col-sm-pull-7 { right:58.33333333% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666667% } .col-sm-pull-4 { right:33.33333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.66666667% } .col-sm-pull-1 { right:8.33333333% } .col-sm-pull-0 { right:auto } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666667% } .col-sm-push-10 { left:83.33333333% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666667% } .col-sm-push-7 { left:58.33333333% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666667% } .col-sm-push-4 { left:33.33333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.66666667% } .col-sm-push-1 { left:8.33333333% } .col-sm-push-0 { left:auto } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666667% } .col-sm-offset-10 { margin-left:83.33333333% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666667% } .col-sm-offset-7 { margin-left:58.33333333% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666667% } .col-sm-offset-4 { margin-left:33.33333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.66666667% } .col-sm-offset-1 { margin-left:8.33333333% } .col-sm-offset-0 { margin-left:0 } } @media (min-width:992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666667% } .col-md-pull-10 { right:83.33333333% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666667% } .col-md-pull-7 { right:58.33333333% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666667% } .col-md-pull-4 { right:33.33333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.66666667% } .col-md-pull-1 { right:8.33333333% } .col-md-pull-0 { right:auto } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666667% } .col-md-push-10 { left:83.33333333% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666667% } .col-md-push-7 { left:58.33333333% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666667% } .col-md-push-4 { left:33.33333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.66666667% } .col-md-push-1 { left:8.33333333% } .col-md-push-0 { left:auto } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666667% } .col-md-offset-10 { margin-left:83.33333333% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666667% } .col-md-offset-7 { margin-left:58.33333333% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666667% } .col-md-offset-4 { margin-left:33.33333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.66666667% } .col-md-offset-1 { margin-left:8.33333333% } .col-md-offset-0 { margin-left:0 } } @media (min-width:1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666667% } .col-lg-10 { width:83.33333333% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666667% } .col-lg-7 { width:58.33333333% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666667% } .col-lg-4 { width:33.33333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.66666667% } .col-lg-1 { width:8.33333333% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666667% } .col-lg-pull-10 { right:83.33333333% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666667% } .col-lg-pull-7 { right:58.33333333% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666667% } .col-lg-pull-4 { right:33.33333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.66666667% } .col-lg-pull-1 { right:8.33333333% } .col-lg-pull-0 { right:auto } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666667% } .col-lg-push-10 { left:83.33333333% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666667% } .col-lg-push-7 { left:58.33333333% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666667% } .col-lg-push-4 { left:33.33333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.66666667% } .col-lg-push-1 { left:8.33333333% } .col-lg-push-0 { left:auto } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666667% } .col-lg-offset-10 { margin-left:83.33333333% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666667% } .col-lg-offset-7 { margin-left:58.33333333% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666667% } .col-lg-offset-4 { margin-left:33.33333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.66666667% } .col-lg-offset-1 { margin-left:8.33333333% } .col-lg-offset-0 { margin-left:0 } } .clearfix, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, header .mobile-nav-wrapper:before, header .mobile-nav-wrapper:after { content:" "; display:table } .clearfix:after, .container:after, .container-fluid:after, .row:after, header .mobile-nav-wrapper:after { clear:both } .center-block { display:block; margin-left:auto; margin-right:auto } .pull-right { float:right !important } .pull-left { float:left !important } *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px } @media (min-width:480px) and (max-width:767px) { .container { max-width:748px } .hidden-xs { display:block !important } } @media (min-width:480px) and (max-width:767px) { .col, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { float:left } .col-ms-12 { width:100% } .col-ms-11 { width:91.66666667% } .col-ms-10 { width:83.33333333% } .col-ms-9 { width:75% } .col-ms-8 { width:66.66666667% } .col-ms-7 { width:58.33333333% } .col-ms-6 { width:50% } .col-ms-5 { width:41.66666667% } .col-ms-4 { width:33.33333333% } .col-ms-3 { width:25% } .col-ms-2 { width:16.66666667% } .col-ms-1 { width:8.33333333% } .col-ms-pull-12 { right:100% } .col-ms-pull-11 { right:91.66666667% } .col-ms-pull-10 { right:83.33333333% } .col-ms-pull-9 { right:75% } .col-ms-pull-8 { right:66.66666667% } .col-ms-pull-7 { right:58.33333333% } .col-ms-pull-6 { right:50% } .col-ms-pull-5 { right:41.66666667% } .col-ms-pull-4 { right:33.33333333% } .col-ms-pull-3 { right:25% } .col-ms-pull-2 { right:16.66666667% } .col-ms-pull-1 { right:8.33333333% } .col-ms-pull-0 { right:auto } .col-ms-push-12 { left:100% } .col-ms-push-11 { left:91.66666667% } .col-ms-push-10 { left:83.33333333% } .col-ms-push-9 { left:75% } .col-ms-push-8 { left:66.66666667% } .col-ms-push-7 { left:58.33333333% } .col-ms-push-6 { left:50% } .col-ms-push-5 { left:41.66666667% } .col-ms-push-4 { left:33.33333333% } .col-ms-push-3 { left:25% } .col-ms-push-2 { left:16.66666667% } .col-ms-push-1 { left:8.33333333% } .col-ms-push-0 { left:auto } .col-ms-offset-12 { margin-left:100% } .col-ms-offset-11 { margin-left:91.66666667% } .col-ms-offset-10 { margin-left:83.33333333% } .col-ms-offset-9 { margin-left:75% } .col-ms-offset-8 { margin-left:66.66666667% } .col-ms-offset-7 { margin-left:58.33333333% } .col-ms-offset-6 { margin-left:50% } .col-ms-offset-5 { margin-left:41.66666667% } .col-ms-offset-4 { margin-left:33.33333333% } .col-ms-offset-3 { margin-left:25% } .col-ms-offset-2 { margin-left:16.66666667% } .col-ms-offset-1 { margin-left:8.33333333% } .col-ms-offset-0 { margin-left:0 } } .visible-xs, .visible-ms { display:none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-ms-block, .visible-ms-inline, .visible-ms-inline-block { display:none !important } @media (max-width:479px) { .visible-xs { display:block !important } table.visible-xs { display:table } tr.visible-xs { display:table-row !important } th.visible-xs, td.visible-xs { display:table-cell !important } } @media (max-width:479px) { .visible-xs-block { display:block !important } } @media (max-width:479px) { .visible-xs-inline { display:inline !important } } @media (max-width:479px) { .visible-xs-inline-block { display:inline-block !important } } @media (min-width:480px) and (max-width:767px) { .visible-ms { display:block !important } table.visible-ms { display:table } tr.visible-ms { display:table-row !important } th.visible-ms, td.visible-ms { display:table-cell !important } } @media (min-width:480px) and (max-width:767px) { .visible-ms-block { display:block !important } } @media (min-width:480px) and (max-width:767px) { .visible-ms-inline { display:inline !important } } @media (min-width:480px) and (max-width:767px) { .visible-ms-inline-block { display:inline-block !important } } @media (max-width:479px) { .hidden-xs { display:none !important } } @media (min-width:480px) and (max-width:767px) { .hidden-ms { display:none !important } } .jsImageFill .fill-width { display:block; width:100%; height:auto } .jsImageFill .fill-height { display:block; width:auto; height:100% } .up { text-transform:uppercase } .lo { text-transform:lowercase } .show-rows .example-rows { display:block !important } .example-rows { display:none; position:fixed; z-index:1001; width:100%; height:100vh; top:0; pointer-events:none } .example-rows [class*="container"] { height:inherit } .example-rows [class*="container"] .row, .example-rows [class*="container"] header .mobile-nav-wrapper { height:inherit } .example-rows [class*="container"] .row [class*="col-"], .example-rows [class*="container"] header .mobile-nav-wrapper [class*="col-"] { height:inherit; border-left:1px solid rgba(255, 0, 0, 0.1) } @media (max-width:767px) { .example-rows [class*="container"] .row [class*="col-"], .example-rows [class*="container"] header .mobile-nav-wrapper [class*="col-"] { border-right:1px solid rgba(255, 0, 0, 0.05) } } .example-rows [class*="container"] .row [class*="col-"]:before, .example-rows [class*="container"] header .mobile-nav-wrapper [class*="col-"]:before { content:""; width:100%; height:inherit; display:block; padding:15px; background:rgba(0, 29, 255, 0.03) } .example-rows [class*="container"] .row [class*="col-"]:last-child, .example-rows [class*="container"] header .mobile-nav-wrapper [class*="col-"]:last-child { border-right:1px solid rgba(255, 0, 0, 0.1) } .pagination { margin:20px 0; padding:10px 10px; text-align:center } @media (min-width:480px) { .pagination { text-align:left } } .pagination li { display:inline-block; color:#b9b9b9; font-size:.75em; line-height:1.5em; font-weight:700 } .pagination li a { -webkit-transition:color .3s ease; -moz-transition:color .3s ease; -o-transition:color .3s ease; -ms-transition:color .3s ease; transition:color .3s ease; padding:4px 6px } .pagination li a:hover { color:#000; font-weight:900 } .pagination li.current { color:#000; font-weight:700 } .pagination li.current+li { position:relative } .pagination li.current+li a:before { content:'NEXT'; display:inline-block; padding:4px 0; color:#000; font-weight:900; margin-right:28px } .pagination li.current+li a:after { content:''; display:block; position:absolute; width:18px; height:20px; background-repeat:no-repeat; background-position:center; background-image:url('../img/nav-arrow-right.png'); top:50%; margin-top:-10px; left:40px } .svg .pagination li.current+li a:after { background-image:url('../img/svg/nav-arrow-right.svg') } .link, .btn.btn-underline { position:relative; padding-bottom:4px; -webkit-transition:color .3s cubic-bezier(.405, 0, .195, .995); -moz-transition:color .3s cubic-bezier(.405, 0, .195, .995); -o-transition:color .3s cubic-bezier(.405, 0, .195, .995); -ms-transition:color .3s cubic-bezier(.405, 0, .195, .995); transition:color .3s cubic-bezier(.405, 0, .195, .995) } .link:after, .btn.btn-underline:after { content:''; display:block; width:100%; height:1px; background-color:rgba(0, 0, 0, 0.6); bottom:3px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:width .2s cubic-bezier(.405, 0, .195, .995); -moz-transition:width .2s cubic-bezier(.405, 0, .195, .995); -o-transition:width .2s cubic-bezier(.405, 0, .195, .995); -ms-transition:width .2s cubic-bezier(.405, 0, .195, .995); transition:width .2s cubic-bezier(.405, 0, .195, .995) } .link:hover, .btn.btn-underline:hover { color:rgba(0, 0, 0, 0.8) } .link:hover:after, .btn.btn-underline:hover:after { width:0 } .btn { display:inline-block } .btn.btn-large { color:#000; font-size:.875rem; font-weight:400; text-transform:uppercase } .btn.btn-underline { position:relative; color:rgba(0, 0, 0, 0.8) } .btn.btn-underline:after { background-color:rgba(0, 0, 0, 0.8) } .btn.btn-icon-back { width:30px; height:30px; background-repeat:no-repeat; background-position:center; background-size:8px auto; background-image:url('../img/nav-arrow-left.png') } .svg .btn.btn-icon-back { background-image:url('../img/svg/nav-arrow-left.svg') } .btn.btn-close { width:30px; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:8px auto; background-image:url('../img/nav-close.png') } button.btn { cursor:pointer } textarea, input, button, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; background:transparent; padding:inherit; margin:inherit; font-size:16px; font-weight:'Lato', sans-serif; box-sizing:border-box } textarea:focus, input:focus, button:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow:none; outline:0 none } select::-ms-expand { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0 } input:focus, textarea:focus, select:focus, button:focus { outline:none } textarea { display:block; max-width:100%; resize:none } .form { font-size:.75rem; padding-bottom:10px } .form .form-header { margin:20px 0 } .form .form-text { margin:20px 0; color:#808080; font-size:.875rem; line-height:1.25; font-weight:300 } .form .form-action { margin:20px 0 20px 0 } .form .form-action.zero-top { margin-top:0 } .form .form-item { position:relative } .form .form-item .form-label, .form .form-item .form-control { display:block; font-family:'Lato', sans-serif; line-height:1; font-size:.75rem; width:100% } .form .form-item .form-label .warning-label, .form .form-item .form-control .warning-label { display:none } .form .form-item .form-label { font-size:.625rem; font-weight:400; padding:6px 4px; height:23px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=(85)); opacity:.85 } .form .form-item .form-control { padding:2px 8px; background-color:#f0efef; height:22px; -webkit-transition:all .5s cubic-bezier(.405, 0, .195, .995); -moz-transition:all .5s cubic-bezier(.405, 0, .195, .995); -o-transition:all .5s cubic-bezier(.405, 0, .195, .995); -ms-transition:all .5s cubic-bezier(.405, 0, .195, .995); transition:all .5s cubic-bezier(.405, 0, .195, .995) } .form .form-item .form-control:focus { background-color:#cbc8c8; transition:all .5s ease } .form .form-item textarea.form-control { height:157px } .form .form-item .info-label, .form .form-item .warning-label { display:block; position:absolute; top:6px; right:3px; font-family:Oswald; color:#000; font-size:.75rem; font-weight:300; text-align:right } .form .form-item .info-label, .form .form-item.checkbox .warning-label{ top: -13px; } .form .form-item .warning-label { display:none } .form .form-item.warning .warning-label { display:block } .form .form-group.form-group-half:after { content:''; display:block; float:none; clear:both } .form .form-group.form-group-half .form-item { width:50%; float:left } .form .form-group.form-group-half .form-item:nth-child(1) { padding-right:15px } .form .form-group.form-group-half .form-item:nth-child(2) { padding-left:15px } .form.form-large { padding-bottom:0 } .form.form-large .form-item { margin-bottom:4px } .form.form-large .form-label { font-size:.75rem; font-weight:400; height:28px; text-transform:uppercase } .form.form-large .form-control { padding:12px 15px; height:38px } .form.form-large .form-action { margin-top:10px } .radio, .checkbox { padding-bottom:10px !important } .radio input[type=radio], .checkbox input[type=radio], .radio input[type=checkbox], .checkbox input[type=checkbox] { display:none } .radio label, .checkbox label { cursor:pointer; display:inline-block; vertical-align:middle; font-size:.75rem; line-height:1.25; font-weight:400; position:relative; padding-left:20px } .radio label:before, .checkbox label:before { content:""; position:absolute; display:block; background-color:transparent; width:9px; height:9px; vertical-align:top; margin-right:10px; left:0; top:3px; border:1px solid #d0d0d0; cursor:pointer } .radio input[type=radio]+label:after, .checkbox input[type=radio]+label:after, .radio input[type=checkbox]+label:after, .checkbox input[type=checkbox]+label:after { content:""; background:#d0d0d0; position:absolute; cursor:pointer; top:3px; left:0; width:9px; height:9px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=(0)); opacity:0; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -o-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease } .radio input[type=radio]:checked+label:after, .checkbox input[type=radio]:checked+label:after, .radio input[type=checkbox]:checked+label:after, .checkbox input[type=checkbox]:checked+label:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1; -webkit-transition:opacity .5s ease; -moz-transition:opacity .5s ease; -o-transition:opacity .5s ease; -ms-transition:opacity .5s ease; transition:opacity .5s ease } .radio.white label:before, .checkbox.white label:before { background-color:rgba(255, 255, 255, 0.7); border:0 } .radio.white input[type=radio]+label:after, .checkbox.white input[type=radio]+label:after, .radio.white input[type=checkbox]+label:after, .checkbox.white input[type=checkbox]+label:after { background:#fff } .radio label:before, .checkbox label:before { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% } .radio input[type=radio]+label:after, .checkbox input[type=radio]+label:after, .radio input[type=checkbox]+label:after, .checkbox input[type=checkbox]+label:after { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% } .quantity { width:100px; height:26px; padding-right:0; padding-left:0; display:block; position:relative; background:none; text-align:left; text-transform: uppercase; } .quantity label, .page-order .col-qty label { font-size:.75rem; font-weight:400; display:inline-block; text-align:left; padding-right:20px; text-transform: uppercase; } .page-order .col-qty label{ vertical-align: middle; padding-right: 5px; } .page-order .col-qty .qty-cnt{ font-size: 0.87rem; font-weight: 100; vertical-align: middle; } .page-order .summary .price-all{ vertical-align: middle; } .quantity input { position:relative; display:inline-block; width:30px; height:100%; padding:0; border:none; -moz-appearance:textfield; font-family:'Lato', sans-serif; font-size:1rem; font-weight:100; text-align:center } .quantity .plus, .quantity .minus { width:20px; height:18px; border:none; cursor:pointer; text-align:center; display:block; font-size:17px; line-height:17px; font-weight:500; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:10; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:6px; background-image:url('../img/nav-arrow-right.png') } .svg .quantity .plus, .svg .quantity .minus { background-image:url('../img/svg/nav-arrow-right.svg') } .quantity .plus { left:87% } .quantity .minus { left:57%; background-image:url('../img/nav-arrow-left.png') } .svg .quantity .minus { background-image:url('../img/svg/nav-arrow-left.svg') } .two-cols { width:100% } @media (min-width:480px) { .two-cols { margin-bottom:10px } } .two-cols .col-left, .two-cols .col-right { float:none; width:100%; float:left } .two-cols .col-left { width:40% } .two-cols .col-right { width:60% } .two-cols:after { content:''; display:block; float:none; clear:both } .two-cols .label { font-size:.75em; line-height:1.25em; padding:2px 0 .3em; font-weight:400; text-transform:uppercase; min-width:75px } .two-cols .value { font-size:.875em; line-height:1.25em; font-weight:300; color:#959595 } .two-cols .value.black{ color: #000000; } .two-cols .value .link:after, .two-cols .value .btn.btn-underline:after { background-color:rgba(0, 0, 0, 0.3) } .owl-carousel.show-dots { margin-bottom:45px } .owl-controls { display:block } .owl-controls .owl-dots { display:block; text-align:center; padding:10px 0; height:45px } .show-dots .owl-controls .owl-dots { position:absolute; width:100% } .owl-controls .owl-dots .owl-dot { display:inline-block; position:relative; margin:0; width:24px; height:24px } .owl-controls .owl-dots .owl-dot:after, .owl-controls .owl-dots .owl-dot:before { content:''; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } .owl-controls .owl-dots .owl-dot:before { background:rgba(0, 0, 0, 0.8); width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=(0)); opacity:0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .owl-controls .owl-dots .owl-dot:after { border:2px solid rgba(0, 0, 0, 0.8); width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .owl-controls .owl-dots .owl-dot.active:before { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1 } .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next { display:inline-block; font-size:2em; line-height:1; width:30px; height:50px; text-align:center; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%) } .owl-controls .owl-nav .owl-prev.disabled, .owl-controls .owl-nav .owl-next.disabled { backface-visibility:hidden; visibility:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=(0)); opacity:0 } .owl-controls .owl-nav .owl-prev { background-image:url('../img/nav-arrow-left.png'); left:10px } .svg .owl-controls .owl-nav .owl-prev { background-image:url('../img/svg/nav-arrow-left.svg') } .owl-controls .owl-nav .owl-next { background-image:url('../img/nav-arrow-right.png'); right:10px } .svg .owl-controls .owl-nav .owl-next { background-image:url('../img/svg/nav-arrow-right.svg') } .mfp-bg { background:#fff; opacity:.85 } .mfp-figure::after { box-shadow:none } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:auto } .mfp-image-holder .mfp-close, .mfp-inline-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#000; position:fixed; top:0; right:30px; width:auto; cursor:pointer !important; text-align:left; text-indent:-999999px; overflow:hidden; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:8px auto; background-image:url('../img/nav-close.png') } .mfp-arrow { width:100px } .mfp-arrow:before { display:none } .mfp-arrow:after { width:30px; height:40px; background-repeat:no-repeat; background-position:center; background-size:auto } .mfp-arrow.mfp-arrow-left:after { background-image:url('../img/nav-arrow-left.png') } .svg .mfp-arrow.mfp-arrow-left:after { background-image:url('../img/svg/nav-arrow-left.svg') } .mfp-arrow.mfp-arrow-right:after { background-image:url('../img/nav-arrow-right.png') } .svg .mfp-arrow.mfp-arrow-right:after { background-image:url('../img/svg/nav-arrow-right.svg') } .white-popup { background:#fff; padding:20px; width:auto; max-width:960px; margin:20px auto } .form-popup { max-width:700px } .mfp-fade.mfp-bg { opacity:0; -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; transition:all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity:1.0 } .mfp-fade.mfp-bg.mfp-removing { opacity:0 } .mfp-fade.mfp-wrap .mfp-content { opacity:0; -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; transition:all .15s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity:1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity:0 } html { font-family:'Lato', sans-serif; font-weight:400; line-height:1.25; color:rgba(0, 0, 0, 1); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:16px } body { background:#fff; overflow-x:hidden } html, body { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } *, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit } @media (min-width:768px) and (max-width:1200px) { body>.container { padding-left:5%; padding-right:5% } } a { font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit; text-decoration:inherit } .up { text-transform:uppercase } .lo { text-transform:lowercase } .rwd-image { max-width:100%; height:auto } .rwd-image.fullwidth { width:100% } ::-webkit-selection { color:#fff; background-color:#000 } ::-moz-selection { color:#fff; background-color:#000 } ::selection { color:#fff; background-color:#000 } .text-center { text-align:center } .text-left { text-align:left } .text-right { text-align:right } .text-white { color:#fff } h1 { font-size:2.75rem; font-weight:300; line-height:1.25 } h2 { font-size:1.875rem; font-weight:300; line-height:1.25 } @media (max-width:767px) { h2{ font-size: 1rem; } } h3 { font-size:.875rem; font-weight:400; text-transform:uppercase } h4 { font-size:.75rem; font-weight:400; text-transform:uppercase } strong { font-weight:700 } .rte { font-size:.875rem; font-weight:300 } .about-me .rte { } .about-me-txt{ font-size:.875rem; font-weight:300; line-height:1.857; letter-spacing: 1.2px; } .mt-0{ margin-top: 0px; } .mt-10 { margin-top:10px } .mt-20 { margin-top:20px } .mt-30 { margin-top:30px } .mt-35{ margin-top: 35px; } .mt-40 { margin-top:40px } .mt-50 { margin-top:50px } .mt-60 { margin-top:60px } .mt-70 { margin-top:70px } .mt-80 { margin-top:80px } .mt-90 { margin-top:90px } .mb-0{ margin-bottom: 0px; } .mb-10 { margin-bottom:10px } .mb-20 { margin-bottom:20px } .mb-30 { margin-bottom:30px } .mb-40 { margin-bottom:40px } .mb-50 { margin-bottom:50px } .mb-60 { margin-bottom:60px } .mb-70 { margin-bottom:70px } .mb-80 { margin-bottom:80px } .mb-90 { margin-bottom:90px } header { background-color:rgba(255, 255, 255, 0.9); padding:20px 0 10px; position:relative } @media (min-width:768px) { header { padding:40px 0 20px } } header .logo { display:block; width:195px; height:56px; background-repeat:no-repeat; background-position:center; background-size:auto; background-image:url('../img/anna_lawska_logo.png'); text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto; margin-bottom:20px } .svg header .logo { background-image:url('../img/svg/anna_lawska_logo.svg') } @media (max-width:767px) { header .main-nav .main-menu { display:block } header .main-nav .main-menu li { padding:0 30px; position: relative; } header .main-nav .main-menu li a { position:relative; font-weight:400; font-size:.75rem; padding:12px 0; text-transform:uppercase; display:block } header .main-nav .main-menu li a:before { height:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; content:''; display:block; width:1000px; position:absolute; top:50%; left:50%; -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:#e3e3e3; z-index:-1 } header .main-nav .main-menu li a:hover, header .main-nav .main-menu li a.current { position:relative } header .main-nav .main-menu li a:hover:before, header .main-nav .main-menu li a.current:before { height:100% } } @media (min-width:768px) { header .main-nav .main-menu { display:block; padding: 0px 0px 3px 0px; text-align:center } header .main-nav .main-menu li { display:inline-block; margin:0 1.125em; padding:0; position: relative; } header .main-nav .main-menu li a { position:relative; display:block; font-size:.75rem; font-weight:400; padding:0px 12px 8px; text-transform:uppercase } header .main-nav .main-menu li a:after { content:''; display:block; width:0; height:1px; background-color:#000; top:14px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:width .3s cubic-bezier(.405, 0, .195, .995); -moz-transition:width .3s cubic-bezier(.405, 0, .195, .995); -o-transition:width .3s cubic-bezier(.405, 0, .195, .995); -ms-transition:width .3s cubic-bezier(.405, 0, .195, .995); transition:width .3s cubic-bezier(.405, 0, .195, .995) } header .main-nav .main-menu li a:hover:after, header .main-nav .main-menu li a.current:after { width:calc(100% - 24px) } } header .second-nav { text-transform:uppercase } header .second-nav:after { content:''; display:block; clear:both; float:none } @media (max-width:767px) { header .second-nav { position:relative; display:block; width:100%; padding:18px 10px; background-color:#f0f0f0; text-align:center } } @media (min-width:768px) { header .second-nav { position:absolute; top:10px; right:8.33333333%; text-align:right } } header form{ display: inline; vertical-align: middle; } header .second-nav .cart-menu, header .second-nav .lang-menu, header .second-nav .curr-menu { display:inline-block; margin: 0px 0px 0px 15px; vertical-align: middle; } header .second-nav .cart-menu li, header .second-nav .lang-menu li, header .second-nav .curr-menu li { display:inline-block } header .second-nav .cart-menu li a, header .second-nav .lang-menu li a, header .second-nav .curr-menu li a, header .second-nav .cart-menu li button, header .second-nav .lang-menu li button, header .second-nav .curr-menu li button { font-family:'Lato', sans-serif; font-weight: 400; cursor: pointer; color:#bfbfbf; font-size:.625rem; line-height:1.75; padding:5px 4px; display:block; position:relative; -webkit-transition:color .3s cubic-bezier(.405, 0, .195, .995); -moz-transition:color .3s cubic-bezier(.405, 0, .195, .995); -o-transition:color .3s cubic-bezier(.405, 0, .195, .995); -ms-transition:color .3s cubic-bezier(.405, 0, .195, .995); transition:color .3s cubic-bezier(.405, 0, .195, .995) } header .second-nav .cart-menu li a:after, header .second-nav .lang-menu li a:after, header .second-nav .curr-menu li a:after, header .second-nav .cart-menu li button:after, header .second-nav .lang-menu li button:after, header .second-nav .curr-menu li button:after { content:''; display:block; width:0; height:0; background-color:#000; top:19px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:width .3s cubic-bezier(.405, 0, .195, .995); -moz-transition:width .3s cubic-bezier(.405, 0, .195, .995); -o-transition:width .3s cubic-bezier(.405, 0, .195, .995); -ms-transition:width .3s cubic-bezier(.405, 0, .195, .995); transition:width .3s cubic-bezier(.405, 0, .195, .995) } header .second-nav .cart-menu li a:hover, header .second-nav .lang-menu li a:hover, header .second-nav .curr-menu li a:hover, header .second-nav .cart-menu li a.current, header .second-nav .lang-menu li a.current, header .second-nav .curr-menu li a.current, header .second-nav .cart-menu li button:hover, header .second-nav .lang-menu li button:hover, header .second-nav .curr-menu li button:hover, header .second-nav .cart-menu li button.current, header .second-nav .lang-menu li button.current, header .second-nav .curr-menu li button.current { font-weight:600; color:rgba(0, 0, 0, 0.8) } header .second-nav .cart-menu li a:hover:after, header .second-nav .lang-menu li a:hover:after, header .second-nav .curr-menu li a:hover:after, header .second-nav .cart-menu li a.current:after, header .second-nav .lang-menu li a.current:after, header .second-nav .curr-menu li a.current:after, header .second-nav .cart-menu li button:hover:after, header .second-nav .lang-menu li button:hover:after, header .second-nav .curr-menu li button:hover:after, header .second-nav .cart-menu li button.current:after, header .second-nav .lang-menu li button.current:after, header .second-nav .curr-menu li button.current:after { width:calc(100% - 4px); height:1px } header .second-nav .cart-menu li { padding-left:10px } header .second-nav .cart-menu li a { font-weight:600; color:rgba(0, 0, 0, 0.8) } header .mobile-nav-wrapper .second-nav { margin-bottom:20px } @media (max-width:768px) { header .mobile-nav-wrapper { display:none; overflow:hidden } } @media (min-width:768px) { header .mobile-nav-wrapper { display:block !important } } @media (max-width:768px) { header .mobile-shop-nav-btn, header .mobile-nav-btn { display:block; cursor:pointer; margin-bottom:5px; position:relative } header .mobile-shop-nav-btn:before, header .mobile-nav-btn:before { display:inline-block; content:attr(data-label); font-size:1rem; font-weight:700; padding:8px 2px } header .mobile-shop-nav-btn .icon-close, header .mobile-nav-btn .icon-close { display:block; width:26px; height:28px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0; background-repeat:no-repeat; background-position:center; background-size:12px 15px; background-image:url('../img/mobile-menu-icon-close.png'); -webkit-transition:opacity .5s cubic-bezier(.405, 0, .195, .995); -moz-transition:opacity .5s cubic-bezier(.405, 0, .195, .995); -o-transition:opacity .5s cubic-bezier(.405, 0, .195, .995); -ms-transition:opacity .5s cubic-bezier(.405, 0, .195, .995); transition:opacity .5s cubic-bezier(.405, 0, .195, .995); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=(0)); opacity:0 } header .mobile-shop-nav-btn.opened .icon-close, header .mobile-nav-btn.opened .icon-close { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1 } header .mobile-shop-nav-btn { font-size:1rem; position:relative; padding:5px 2px } header .mobile-shop-nav-btn:after { content:''; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:1000px; height:100%; background:#f0f0f0; z-index:-1 } } header .shop-nav { display:none } header .shop-nav .shop-menu { padding:0 15px } header .shop-nav .shop-menu li a { position:relative; font-size:.75rem; font-weight:400; padding:12px 0; text-transform:uppercase; display:block } header .shop-nav .shop-menu li .submenu, header .main-nav .main-menu li .submenu { display:none } header .shop-nav .shop-menu li .submenu a { font-size:.75rem; padding:8px 8px 8px 15px } @media (min-width:768px) { header .shop-nav { display:block; position:relative } header .shop-nav:before { content:''; display:block; background-color:#f0f0f0; width:4000px; height:100%; position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%) } header .shop-nav .shop-menu { display:block; padding:6px 0; text-align:center; height:32px } header .shop-nav .shop-menu li { display:inline-block; margin:0 1.125em; position:relative } header .shop-nav .shop-menu li a { font-size:.75em; font-weight:400; padding:4px 12px; color:#959595 } header .shop-nav .shop-menu li .submenu, header .main-nav .main-menu li .submenu { display:block; position:absolute; text-align:left; visibility:hidden; backface-visibility:hidden; height:auto; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=(0)); opacity:0; top:22px; left:-10px; padding:0; z-index:90; -webkit-transition:all .15s ease .3s; -moz-transition:all .15s ease .3s; -o-transition:all .15s ease .3s; -ms-transition:all .15s ease .3s; transition:all .15s ease .3s } header .shop-nav .shop-menu li .submenu:before, header .main-nav .main-menu li .submenu:before { content:''; display:block; background-color:rgba(255, 255, 255, 0.85); width:4000px; height:100%; position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%) } header .shop-nav .shop-menu li .submenu li, header .main-nav .main-menu li .submenu li { display:block; padding:0 !important; margin:0 10px } header .shop-nav .shop-menu li .submenu li a { font-size:.75em; display:block; white-space:nowrap; padding:10px 0 6px; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -o-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease } header .shop-nav .shop-menu li:hover>a, header .shop-nav .shop-menu li.current>a, header .main-nav .main-menu li:hover>a, header .main-nav .main-menu li.current>a { color:#000 } header .shop-nav .shop-menu li:hover .submenu { padding:4px 0; visibility:visible; backface-visibility:visible; max-height:300px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1; top:22px; -webkit-transition:all .35s ease; -moz-transition:all .35s ease; -o-transition:all .35s ease; -ms-transition:all .35s ease; transition:all .35s ease } header .main-nav .main-menu li:hover .submenu { padding:4px 0; visibility:visible; backface-visibility:visible; max-height:300px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1; top:19px; -webkit-transition:all .35s ease; -moz-transition:all .35s ease; -o-transition:all .35s ease; -ms-transition:all .35s ease; transition:all .35s ease } } footer { padding-top:30px; padding-bottom:40px; text-align:center } footer .social-nav .icon { text-indent:100%; white-space:nowrap; overflow:hidden; display:inline-block; width:20px; height:20px; margin:0 5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=(40)); opacity:.4; background-repeat:no-repeat; background-position:center; background-size:auto 12px; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -o-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease } footer .social-nav .icon:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1 } footer .social-nav .icon.facebook { background-image:url('../img/social-icon-facebook.png') } .svg footer .social-nav .icon.facebook { background-image:url('../img/svg/social-icon-facebook.svg') } footer .social-nav .icon.pinterest { background-image:url('../img/social-icon-pinterest.png'); } .svg footer .social-nav .icon.pinterest { background-image:url('../img/svg/social-icon-pinterest.svg') } footer .social-nav .icon.instagram { background-image:url('../img/social-icon-instagram.png') } .svg footer .social-nav .icon.instagram { background-image:url('../img/svg/social-icon-instagram.svg') } footer .bottom-nav .bottom-menu { margin-top:0px; padding-top:10px } footer .bottom-nav .bottom-menu li { display:inline-block; padding:3px 6px; margin:0 6px; font-size:.75rem; font-weight:700; line-height:1.5 } footer .copyright { font-family:Tahoma; color:#8a8a8a; font-size:.625em; line-height:1em; font-weight:400; letter-spacing:.04em; margin:6px auto } footer .copyright a:hover { color:rgba(0, 0, 0, 0.8) } .top-slider.full-width-slider .item.bg-image { width:100%; height:280px; background-repeat:no-repeat; background-position:top center; background-size:cover; display:block; position:relative } @media (min-width:480px) { .top-slider.full-width-slider .item.bg-image { height:380px } } @media (min-width:768px) { .top-slider.full-width-slider .item.bg-image { height:480px } } @media (min-width:992px) { .top-slider.full-width-slider .item.bg-image { height:580px } } @media (min-width:1200px) { .top-slider.full-width-slider .item.bg-image { height:630px } } .top-slider.full-width-slider .item.bg-image .caption { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; display:block; z-index:100 } .top-slider.full-width-slider .item.bg-image .caption p { margin-bottom:5px; font-weight:300 } .top-slider .owl-controls { display:block; width:100%; margin:0 auto } .top-slider .owl-controls .owl-dots .owl-dot:before { background:#bfbfbf } .top-slider .owl-controls .owl-dots .owl-dot:after { border-color:#bfbfbf } @media (min-width:768px) { .top-slider .owl-controls .owl-nav .owl-prev { left:-35px } } @media (min-width:768px) { .top-slider .owl-controls .owl-nav .owl-next { right:-35px } } .multi-column { margin-left:-10px; margin-right:-10px } .multi-column:after { content:''; display:block; float:none; clear:both } .multi-column .item { float:left; width:100%; padding:10px; position:relative } .multi-column .item a { display:block; height:100%; width:100% } .multi-column .item .inner-wrapper { display:block; height:100%; width:100%; padding:10px; border:1px solid #f90 } .multi-column .item .inner { overflow:hidden; width:100%; background-color:#e1e1e1; position:relative } .multi-column .item .inner a { display:block; padding:10px } @media (min-width:768px) { .multi-column .item .inner { height:220px } } @media (min-width:992px) { .multi-column .item .inner { height:300px } } .multi-column .item .inner .empty-area { display:block; width:100%; height:auto } @media (min-width:768px) { .multi-column .item .inner .empty-area { display:none } } .multi-column .item .inner .caption-wrapper { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } .no-touch .multi-column .item .inner .caption-wrapper .caption { -webkit-transform:scale(1.075); -moz-transform:scale(1.075); -ms-transform:scale(1.075); -o-transform:scale(1.075); transform:scale(1.075); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=(0)); opacity:0; -webkit-transition:all .25s cubic-bezier(.405, 0, .195, .995); -moz-transition:all .25s cubic-bezier(.405, 0, .195, .995); -o-transition:all .25s cubic-bezier(.405, 0, .195, .995); -ms-transition:all .25s cubic-bezier(.405, 0, .195, .995); transition:all .25s cubic-bezier(.405, 0, .195, .995) } .multi-column .item .inner.bg-image { background-repeat:no-repeat; background-position:center; background-size:cover } .no-touch .multi-column .item .inner:hover .caption { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1 } @media (min-width:380px) { .multi-column .item.mc-facebook, .multi-column .item.mc-blog { width:50% } } @media (min-width:768px) { .multi-column .item.mc-facebook, .multi-column .item.mc-blog { width:33.33333333% } } .multi-column .item.mc-blog .bg-color { background-color:#c2a899 } .multi-column .item.mc-pinterest .inner { max-height:500px; overflow:hidden } @media (min-width:480px) { .multi-column .item.mc-pinterest .inner { max-height:650px } } @media (min-width:768px) { .multi-column .item.mc-pinterest { width:33.33333333% } .multi-column .item.mc-pinterest .inner { height:460px } } @media (min-width:992px) { .multi-column .item.mc-pinterest .inner { height:620px } } .multi-column .item.mc-news .inner { min-height:220px } @media (min-width:768px) { .multi-column .item.mc-news { width:66.66666667% } } @media (max-width:479px) { .product-list { max-width:240px; margin:0 auto } } @media (min-width:480px) and (max-width:767px) { .product-list { max-width:540px; margin:0 auto } } .product-item { padding: 0px 10px 20px 10px; } .product-item .inner { display:block; width:100%; height:100%; position:relative; overflow:hidden } .product-item .image { width:100%; height:100%; background-image:url('tmp_image/product/prod-img-3.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease } .product-item .empty-area { display:block; width:100%; height:auto } .product-item .details { width:100%; padding:14px 10px 14px; position:relative; min-height:55px; background:#fff } .no-touch .product-item .details { position:absolute; bottom:0; left:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease } .product-item .details .nameline { color:#000; font-size:.75em; line-height:1.25; font-weight:700; margin:0 0 0 0; padding:0; text-transform:uppercase; max-width:70% } .product-item .details .descline { color:#808080; font-size:.625em; line-height:1.25; font-weight:700; margin:0; padding:0; max-width:70%; text-transform:uppercase } .product-item .details .priceline { position:absolute; top:15px; right:10px; font-family:'Oswald', sans-serif; color:#808080; font-size:1em; font-weight:300 } .product-item .details .priceline .price-cur { font-size:.8em; font-weight:300 } .no-touch .product-item:hover .details { -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px) } .no-touch .product-item:hover .image { -webkit-transform:translateY(-11%); -moz-transform:translateY(-11%); -ms-transform:translateY(-11%); -o-transform:translateY(-11%); transform:translateY(-11%) } .attribute-size .size-select li { display:inline-block; padding:0 5px } .attribute-size .size-select li.current { color:#000; font-weight:700 } .attribute-size .size-select-list { display:inline-block; margin-right:40px } .attribute-size .size-select-list li { display:inline-block } .attribute-size .size-select-list li label { text-transform:uppercase; cursor:pointer; padding:0 2px; color:#959595; font-weight:400; min-width:25px; display:block; text-align:center } .attribute-size .size-select-list li input { display:none } .attribute-size .size-select-list li input+label { -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .attribute-size .size-select-list li input:checked+label { color:#000; font-weight:700 } .attribute-size .size-select-list li input:disabled+label { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter:alpha(opacity=(35)); opacity:.35; cursor:auto } .attribute-size .read-more { display:inline-block } .attribute-size .size-list li { display:inline-block; padding:0 3px; text-transform:uppercase } .attribute-size .size-list li.current { color:#000; font-weight:700 } .product-details { padding-bottom:20px } .product-details .prod-header { margin-bottom:20px } .product-details .prod-header .nameline { font-size: 1.5rem; font-weight:400; margin:0; padding:0; margin-bottom:10px; text-transform:uppercase } .product-details .prod-header .descline, .product-details .prod-header .catline { font-size:.75em; line-height:1.25em; font-weight:400; text-align:left; margin:0; padding:0; text-transform:uppercase } .product-details .prod-price { margin-bottom:40px } .product-details .prod-price .price-val { font-family:'Oswald', sans-serif; font-size:1.25em; font-weight:300 } .product-details .prod-price .price-cur { font-family:'Lato', sans-serif; font-size:.65em; font-weight:700; margin-left:8px } .product-details .prod-description, .product-details .prod-attribiutes { margin-bottom:30px } .product-details .product-nav { margin-top:20px } .product-details .product-nav .arrow { display:inline-block; font-size:2em; line-height:1; width:50px; height:40px; text-align:center; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center } .product-details .product-nav .arrow.arrow-left { background-image:url('../img/nav-arrow-left.png'); background-position:left center } .svg .product-details .product-nav .arrow.arrow-left { background-image:url('../img/svg/nav-arrow-left.svg') } .product-details .product-nav .arrow.arrow-right { float:right; background-image:url('../img/nav-arrow-right.png'); background-position:right center } .svg .product-details .product-nav .arrow.arrow-right { background-image:url('../img/svg/nav-arrow-right.svg') } .product-details .callback-info { margin-top:20px; margin-bottom:30px; color:#8a8a8a; font-size:.75em } .product-details .callback-info .link, .product-details .callback-info .btn.btn-underline { font-size:1.125em } .product-details .callback-info .link:after, .product-details .callback-info .btn.btn-underline:after { background-color:#8a8a8a } .product-details .product-gallery { padding:0 50px } .product-details .product-gallery .gallery-slider { max-width:380px; margin:0 auto } .product-details .product-gallery .gallery-slider .image { float:left } .product-details .product-gallery .gallery-slider .image img { width:100% } .product-details .product-gallery .gallery-slider .owl-nav .owl-prev { left:-40px } .product-details .product-gallery .gallery-slider .owl-nav .owl-next { right:-40px } @media (max-width:479px) { .product-recommended .recommended-list { max-width:320px; margin:0 auto } } .product-recommended .recommended-list.owl-carousel { padding:0 30px } @media (min-width:992px) { .product-recommended .recommended-list.owl-carousel { padding:0 } } .product-recommended .recommended-list.owl-carousel .owl-stage-outer { display:block; border:1px solid rgba(255, 255, 255, 0) } .product-recommended .recommended-list.owl-carousel .owl-item .product-item { width:100% !important; float:none !important } .product-recommended .recommended-list.owl-carousel .owl-nav .owl-prev { left:5px } .product-recommended .recommended-list.owl-carousel .owl-nav .owl-next { right:5px } .row-tab { width:100%; display:block; padding:5px } .row-tab .col-tab { width:100%; display:block } .row-tab .col-tab .col-qty, .row-tab .col-tab .col-price, .row-tab .col-tab .col-del { display:table-cell; width:50% } .row-tab .col-tab .col-qty, .row-tab .col-tab .col-price { padding:0 15px 0 0 } @media (min-width:480px) { .row-tab { display:table; border-collapse:collapse; vertical-align:top; width:100% } .row-tab .col-tab { display:table-cell; margin:0; padding:0 } .row-tab .col-tab.middle { vertical-align:middle } .row-tab .col-tab.bottom { vertical-align:bottom } } .shopping-cart .shopping-cart-nav { display:block; margin:0 auto; text-align:center; margin-top:25px; margin-bottom:20px } .shopping-cart .shopping-cart-nav li { display:inline-block; color:#000; font-size:.75rem; font-weight:400; padding-right:6px } .shopping-cart .shopping-cart-nav li a, .shopping-cart .shopping-cart-nav li span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=(50)); opacity:.5 } .shopping-cart .shopping-cart-nav li a:after, .shopping-cart .shopping-cart-nav li span:after { content:''; display:inline-block; vertical-align:middle; width:10px; height:12px; margin-top:-2px; margin-left:8px; background-repeat:no-repeat; background-position:center; background-size:6px auto; background-image:url('../img/nav-arrow-right.png') } .svg .shopping-cart .shopping-cart-nav li a:after, .svg .shopping-cart .shopping-cart-nav li span:after { background-image:url('../img/svg/nav-arrow-right.svg') } .shopping-cart .shopping-cart-nav li.current a, .shopping-cart .shopping-cart-nav li.current span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1 } .shopping-cart .shopping-cart-nav li a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=(100)); opacity:1 } .shopping-cart .shopping-cart-form .radio .price-value, .shopping-cart .shopping-cart-form .checkbox .price-value { padding-left:30px } .shopping-cart .shopping-cart-form .shops-address { margin-left:20px } .shopping-cart .shopping-cart-form .shops-address .label { display:inline-block; width:80px } .shopping-cart .shopping-cart-form .shops-address .label strong { font-weight:500 } .shopping-cart .shopping-cart-form .shops-address .value { font-weight:300 } .shopping-cart .shopping-cart-form .shops-address .value strong { font-weight:500 } .shopping-cart .btn-icon-back { margin-left:10px } .shopping-cart .btn-next, .shopping-cart .btn-buy { position:relative; margin-right:10px } .shopping-cart .btn-next .obligation, .shopping-cart .btn-buy .obligation { position:absolute; white-space:nowrap; right:0; top:24px; font-size:.75rem; font-weight:300 } .shopping-cart .shopping-car-summary { padding:40px 0 30px } .shopping-cart .shopping-car-summary .shopping-car-summary-info{ font-size: 0.875rem; } .shopping-cart .shopping-car-summary:after { content:''; display:block; float:none; clear:both } .shopping-cart .summary { max-width:380px; width:100%; padding-right:7% } .shopping-cart .summary tr { height:40px } .shopping-cart .summary tr:last-child { padding-top:40px } .shopping-cart .summary .label { font-size:.75rem; font-weight:400; line-height:1.25; padding-right:20px; text-align:right; text-transform:uppercase } .shopping-cart .summary .price { width:45% } .shopping-cart .summary .price .price-val { font-family:'Oswald', sans-serif; font-size:.75rem; font-weight:300 } .shopping-cart .summary .price .price-val.large { font-size:1.125rem } .shopping-cart .summary .price .price-cur { font-family:'Lato', sans-serif; font-size:.75rem; font-weight:400; padding-left:8px } .shopping-cart .shopping-cart-nav-bottom { margin-top:20px } @media (min-width:480px) and (max-width:767px) { .shopping-cart .shopping-cart-list { overflow:hidden; overflow-x:scroll } } .shopping-cart .shopping-cart-list .item { margin-bottom:20px } .shopping-cart .shopping-cart-list .item .prod-image { display:block; max-width:160px; padding-right:1.25em; width:auto; max-height:110px } @media (max-width:479px) { .shopping-cart .shopping-cart-list .item .prod-header { margin-bottom:20px } } .shopping-cart .shopping-cart-list .item .prod-header .nameline { font-size:1.125rem; font-weight:400; text-align:left; margin-bottom:10px; text-transform: uppercase; } .shopping-cart .shopping-cart-list .item .prod-header .descline { font-size:.75rem; font-weight:400; margin-bottom:4px; text-transform: uppercase; } @media (min-width:480px) { .shopping-cart .shopping-cart-list .item .col-image { min-width:60px; width:15%; max-width:140px } .shopping-cart .shopping-cart-list .item .col-name { width:25%; text-align:left; min-width:120px } .shopping-cart .shopping-cart-list .item .col-desc { width:35%; text-align:left; min-width:120px } .shopping-cart .shopping-cart-list .item .col-qty { width:25%; text-align:left; min-width:110px } .shopping-cart .shopping-cart-list .item .col-price { width:15%; min-width:80px; text-align:left; white-space:nowrap } } .shopping-cart .shopping-cart-list .item .prod-price { margin-bottom:4px; white-space:nowrap } .shopping-cart .shopping-cart-list .item .prod-price .price-val { font-family:'Oswald', sans-serif; font-size:.75rem; font-weight:300 } .shopping-cart .shopping-cart-list .item .prod-price .price-cur { font-family:'Lato', sans-serif; font-size:.75rem; font-weight:400; margin-left:8px } @media (min-width:768px) { .shopping-cart .shopping-cart-list .item .two-cols { margin-bottom:10px } .shopping-cart .shopping-cart-list .item .two-cols:last-child { margin-bottom:0 } } .about-me .about-me-image-wrapper { position:relative } @media (max-width:767px) { .about-me .about-me-image { display:block; max-width:460px; margin:0 auto } } @media (min-width:768px) and (max-width:1200px) { .about-me .about-me-image { position:absolute; width:calc((100vw / 12) * 7 - 30px / 2); height:auto; top:0; right:15px; display:block; z-index:-1 } .about-me .about-me-txt { padding-right:30px } } .media:after { content:''; display:block; clear:both; float:none } .media .item { display:block; float:left; margin-right:10px; margin-bottom:20px; position:relative; overflow:hidden } @media (min-width:480px) { .media .item { margin-right:20px; margin-bottom:30px } } @media (min-width:768px) { .media .item { margin-right:30px; margin-bottom:40px } } @media (min-width:992px) { .media .item { margin-right:40px; margin-bottom:50px } } .media .item img { width:auto; height:120px } @media (min-width:480px) { .media .item img { height:140px } } @media (min-width:768px) { .media .item img { height:180px } } @media (min-width:992px) { .media .item img { height:230px } } @media (min-width:1200px) { .media .item img { height:254px } } .media .item .label { position:absolute; width:100%; padding:8px 8px; bottom:0; font-size:.55rem; font-weight:400; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); background:#fff; -webkit-transition:all .3s cubic-bezier(.405, 0, .195, .995); -moz-transition:all .3s cubic-bezier(.405, 0, .195, .995); -o-transition:all .3s cubic-bezier(.405, 0, .195, .995); -ms-transition:all .3s cubic-bezier(.405, 0, .195, .995); transition:all .3s cubic-bezier(.405, 0, .195, .995) } @media (min-width:768px) { .media .item .label { font-size:.75rem; padding:13px 13px } } .no-touch .media .item:hover .label { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0) } .page-order_tracking button{ cursor: pointer; } .page-order_tracking button:hover{ text-decoration: underline; } .page-order_tracking .right{ text-align: right; } .page-order_tracking .totalPrice{ font-weight: 600; font-size: 18px; }