a { color: #8b6f4e; text-decoration: none; } a:hover, a:focus { color: #a88964; text-decoration: underline; } a:focus, .btn:focus { outline: 1px dotted #9b7c57; outline-offset: -2px; } .close { font-weight: normal; text-shadow: none; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; border-radius: 50%; } .close:hover, .close:focus { opacity: 0.8; filter: alpha(opacity=80); outline: none; } .close.light { color: #fff; } .close.primary { color: #8b6f4e; } .close.success { color: #44883e; } .close.info { color: #007396; } .close.warning { color: #a1561c; } .close.danger { color: #9e2a2b; } .close.circle { width: 28px; height: 28px; text-align: center; color: #fff; } .close.circle.default { background-color: #363636; } .close.circle.primary { background-color: #8b6f4e; } .close.circle.success { background-color: #44883e; } .close.circle.info { background-color: #007396; } .close.circle.warning { background-color: #a1561c; } .close.circle.danger { background-color: #9e2a2b; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1100; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.6; filter: alpha(opacity=60); } .modal-header { padding: 25px 30px 12px 30px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 15px 30px; } .modal-footer { padding: 15px 30px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .topnav-wrapper { width: 100%;position:absolute;background:rgba(255,255,255,.90);z-index:2;} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .navbar-nav .open .dropdown-menu, .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } /* .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333333; white-space: nowrap; } */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #8b6f4e; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #555555; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } #msi-navbar li:hover > .dropdown-menu { display:block; } @media (min-width: 768px) { .modal-dialog { width: 750px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 400px; } } @media (min-width: 992px) { .modal-lg { width: 1100px; } .modal-xl { width: 1270px; } .modal-xxl { width: 1590px; } /* //** @@@@@ xxxl. .modal-xxxl { width: @modal-xxxl; } */ } @media (min-width: 1600px) { .container { width: 1570px; } .container-xxl { padding: 0 45px; } } .container-xxl { width: 100%; max-width: 1920px; } .container-wrapper { max-width: 1920px; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px } .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { padding-right: 17px; } .modal { padding-left: 10px; padding-right: 10px; } .modal-dialog { width: 100%; max-width: 750px; margin: 30px auto; } .modal-dialog.modal-lg { max-width: 1100px; } .modal-dialog.modal-sm { max-width: 400px; } .modal-content { border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .modal-header { border: none; min-height: 58px; padding: 22px 21px 20px 15px; background-color: #8b6f4e; } .modal-title { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff; line-height: 16px; } .modal-body { padding: 15px; } .modal-header .close { margin-right: -5px !important; color: #fff; line-height: 16px; } .modal-footer { text-align: left; border: none; padding: 15px; } /* Begin Header */ header nav { height: 58px; } header .navbar { border: none; /*margin-bottom:0;border-radius:0;*/ } header hr { margin: 0; } .header-height { min-height: 139px; } .brand-header .nav-box, .brand-header .nav-links { padding: 10px 0; } .brand-header .navbar-right { margin-right: 0; float: right } .navbar-brand { height: auto; padding: 10px 0; } .brand-header .navbar-brand img { height: 72px; } .navbar-default { border-color: #ccc;background-color: transparent; } .cartbtn-header { /*float: right; padding-top: 15px; position: relative;*/ } .cartbtn-header img, .cartbtn-header svg { height: 26px; width: 29px; } .brand-header .navbar-nav .btn-outlined { border: 0px solid transparent; } .brand-header .form-control { background: none; border: 1px solid #cbcbcb; height: 48px; } .brand-header .input-group-btn .btn { padding: 5px 10px; } header .navmain { padding: 0 15px; } header .navmain .navbar { margin: 0; } header .navmain .navbar, header .navmain .navbar-default, header .navmain .navbar-inverse { min-height: 58px; } /*header .navmain .dropdown:hover > .dropdown-menu { display: block; }*/ /*header .navmain .glyphicon-search, header .navmain .glyphicon-remove-circle { font-size: 24px; padding: 5px 0; display: inline-block; color: #8b6f4e; cursor: pointer; text-decoration: none; border: none; }*/ header .navmain .navbar-nav > li > a { padding: 10px 15px; line-height: 19px } header .navmain .navbar-nav > li > a { padding-top: 19px; padding-bottom: 19px; text-transform: uppercase; color: #8b6f4e; margin: 0 } header .nav > li > a { position: relative; display: block; padding: 10px 15px; } .navbar-nav { float: left; margin: 0 !important; } .lidivider { border-left: 2px solid #ccc; float: left; height: 45px; position: relative; margin: 0 0 0 5px; } .lidivider.visible-xs { border-left: 2px solid #ccc; float: left; height: 45px; position: relative; margin: 0 5px; } .nav-box #btnSearch { padding: 10px; top: 0; } .favbtn img { height: 28px; width: 28px; } header .navmain .navbar-nav > li:first-child { margin-left: -10px; } #overflow li a { text-transform: uppercase; } /*header .navmain .glyphicon-search:after { content: "|"; padding-left: 10px; font-weight: 200; font-size: 24px; position: relative; top: -5px; }*/ /*header .navmain .glyphicon-search::after { color: transparent; line-height: 2; margin-left: 0px; background-color: #ccc; width: 1px; display: inline-block; margin-left: 10px; content: "|"; font-weight: 200; font-size: 24px; position: relative; padding: 0; top: 0 }*/ /*.brand-header .navbar-nav > li:nth-child(4)::before{ color: transparent; line-height: 2; margin-left: 0px; background-color: #ccc; width: 1px; display: inline-block; content: "|"; font-weight: 200; font-size: 24px; position: relative; padding: 0; top: 0 }*/ /*header .navmain .form-control { width: 400px; color: #5c5c5c; } header .navmain .glyphicon { position: relative; top: 0; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ #navLogin .dropdown-menu { padding: 0; } #navLogin .dropdown-menu a, #msi-navbar .dropdown-menu span { width: 180px; color: #5c5c5c; text-decoration: none; padding: 12px 15px; border-top: solid 1px #d4d4d4; margin: 0 } @media (min-width: 768px) { #navLogin .dropdown-menu { right: 0; left: auto; margin: 0 } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .badge { position: absolute; top: 0; left: 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-color: #8b6f4e; } #msi-navbar li:focus-within > ul { opacity: 1; visibility: visible; margin: 0 } #msi-navbar li:hover > a, #msi-navbar li:hover > span, #msi-navbar li a:focus, #navLogin .dropdown-menu a:hover, #navLogin .dropdown-menu a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #8b6f4e; color: #fff; } #msi-navbar li:hover > a, #msi-navbar li:hover > span, #msi-navbar li a:focus, #navLogin .dropdown-menu a:hover, #navLogin .dropdown-menu a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #8b6f4e; color: #fff; } #msi-navbar li { list-style: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover { background-color: #8b6f4e !important; color: #fff !important; } #msi-navbar .more { display: none; } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } #msi-navbar .dropdown-menu { background: #efefef; padding: 0; font-size: 16px; } #msi-navbar .dropdown-menu a, #msi-navbar .dropdown-menu span { width: 275px; color: #5c5c5c; text-decoration: none; border-top: solid 1px #d4d4d4; margin: 0 } #msi-navbar ul li:first-child > a, #msi-navbar ul ul li:first-child > a { position: relative; box-sizing: border-box; } #msi-navbar > li > ul:before { content: ""; position: absolute; top: 0; left: 20px; border-left: solid transparent 15px; border-right: solid transparent 15px; border-bottom: solid #efefef 15px; border-top: solid transparent 15px; margin-top: -30px; } #msi-navbar li ul#overflow:before { left: 80%; } #msi-navbar ul ul { top: 0; right: 275px; left: unset } @media (min-width: 768px) { .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } a.cartbtn-header { float: right } header .input-group { margin-right: 15px; } /*.brand-header .navbar-nav > li:nth-child(4)::before { content: "|"; font-weight: 200; font-size: 24px; position: relative; top: 5px; }*/ /*.brand-header .navbar-nav > li:nth-child(5)::after { content: "|"; font-weight: 200; font-size: 24px; position: relative; top: 5px; }*/ .navbar-nav > li { float: left; } } @media (max-width:767px) { header .navmain .form-control { width: 100%; max-width: 340px; } .navbar-brand { padding: 10px; } .brand-header .nav-links { float: right; } .brand-header .nav-links ul { padding: 0; margin: 10px; } .brand-header .nav-links > ul > li { float: left; } .brand-header .nav-box { width: 100%; float: right; } header hr { position: relative; top: -68px; } /*.navbar-right > ul > li { float: left; }*/ .brand-header .navbar-left { float: left; } a.cartbtn-header { display: inline-block !important; padding: 10px 5px !important; } /*.brand-header .navbar-nav > li:nth-child(5)::after { content: "|"; padding: 0 5px; font-weight: 200;font-size: 24px; position: relative;}*/ /*.brand-header .navbar-nav > li:nth-child(4)::after { color: transparent; line-height: 2; margin-left: 10px; background-color: #ccc; width: 1px; display: inline-block; content: "|"; font-weight: 200; font-size: 24px; position: relative; padding: 0; top: 0 }*/ .hmbrgr-mbl { margin: 0 !important; padding: 13px 0 !important; text-indent: -9999px; display: inline-block !important; font-size: 24px !important; width: 24px; line-height: 1.0 !important } .hmbrgr-mbl::before { text-indent: 0; float: left; } #msi-mmenu { display: none !important } header .navmain .glyphicon-search::after, .brand-header .navbar-nav > li:nth-child(4)::before { content: '' } } @media (max-width:480px) { header .navmain .form-control { width: 100%; max-width: 235px; } } @media (max-width:400px) { .brand-header .nav-links { float: right; } .brand-header .nav-links ul { padding: 0; margin: 10px; } .brand-header .nav-links > ul > li { float: left; } .navbar-brand { padding: 10px 0px; } .brand-header .nav-links { float: right; } .brand-header .nav-links ul { padding: 0; margin: 10px 0; } } @keyframes slideIn { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0rem); opacity: 1; } 0% { transform: translateY(1rem); opacity: 0; } } @-webkit-keyframes slideIn { 0% { -webkit-transform: transform; -webkit-opacity: 0; } 100% { -webkit-transform: translateY(0); -webkit-opacity: 1; } 0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; } } .slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; } /* End Header */ /* Begin Footer*/ .footnav-container, .social-tools-container { width: 100%; clear: both; overflow: hidden } .footnav-container .panel-group .panel-title .glyphicon { font-size: 13px !important; line-height: 2.6 !important } .footnav { margin: 0; padding: 0; list-style: none } .footnav ul { padding: 20px 0 } #company li { float: left; display: inline; width: 50% } .footnav a { text-decoration: none; color: #555; padding: 16px 15px; display: block; font-weight: 400; margin-bottom: 5px } .footnav li { list-style: none } .footnav-container .text-muted { color: #fff } .footnav a:focus, .footnav a:hover { background-color: #8b6f4e; text-decoration: none; color: #fff } .signup-container .glyphicon-send { font-size: 24px; padding: 9px 15px } .signup-container .input-group-btn:last-child > .btn { z-index: 0 } .signup-container .form-control { z-index: 0 !important; background-color: #fff; border-width: 1px } .more-less { display: none; float: right } .footnav-container .panel-group .panel-heading { background-color: #212121 } .footnav-container .panel-group .panel-title { font-family: Raleway; color: #efefef; text-transform: uppercase; font-weight: 500; padding: 15px 0; font-size: 24px; display: block } .footnav-container .panel-group .panel-title a { display: block; padding: 0; line-height: 1.45; font-weight: 400; text-decoration: none } .footnav-container .panel-group .panel-title:hover { background-color: inherit } .footnav-container .panel-group .panel-title.active:after { content: ""; width: 13px; height: 2px; margin-top: -1px } .footnav-container .panel-group .panel-title:after { display: none } .footnav-container .panel-group .panel + .panel { margin-top: 0 } .more-less { display: none; float: right } .copper-bar { background-color: #8b6f4e; padding: 20px 0 } .btt-container { position: fixed; bottom: 0; left: 0; right: 0; max-width: 1920px; margin: 0 auto } .back-to-top { line-height: 1; border-radius: 50%; padding: 15px 19px; border: none; background-color: #999; cursor: default; bottom: 90px; position: absolute; right: 20px; display: none; z-index: 1; cursor: pointer; opacity: .4; z-index: 3; -webkit-transition: all .3s linear; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .back-to-top i { color: #fff; margin: 0; position: relative; font-size: 20px; line-height: 1.4 } .back-to-top:hover { opacity: 1; -webkit-box-shadow: 0 0 10px 1px rgba(255,255,255,.3); -moz-box-shadow: 0 0 10px 1px rgba(255,255,255,.3); box-shadow: 0 0 10px 1px rgba(255,255,255,.3); background-color: #999 } .back-to-top.fade-out, .back-to-top.is-visible, .no-touch .back-to-top:hover { -webkit-transition: opacity .3s 0s,visibility 0s 0s; -moz-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s } .back-to-top.is-visible { display: block } .back-to-top.fade-out { opacity: .5 } footer { z-index: 1; width: 100% } footer .modal { padding: 0 } footer .modal-body, footer .modal-header { padding: 15px } footer .modal-title { line-height: 1.5 } .signup-container { padding: 0 } .social-tools { text-align: right; padding: 0 } .social-tools a { display: inline-block; background-repeat: no-repeat; height: 38px } .icon-container { display: inline-block; text-align: center; padding: 14px 8px } .icon-container:last-child { padding-right: 0 } svg { height: 50px; width: auto; display: block } .copyright-disclaimer { font-size: 14px; background-color: #8b6f4e; color: #fff; width: 100% } .copyright-disclaimer ul { margin: 0; padding: 0; list-style: none; padding: 15px 0px } .copyright-disclaimer a, .copyright-disclaimer p { text-decoration: none; color: #fff; padding: 15px 0; margin: 0; display: inline-block; font-weight: 400 } .copyright-disclaimer a:hover { background-color: #8b6f4e; text-decoration: underline } .copyright-disclaimer a:focus { outline: 1px dotted #fff } .copyright-disclaimer ul li { display: inline-block; color: inherit } span.seperator { display: block; margin: -2px 10px -2px; height: 14px; width: 1px; background-color: #fff } .footer-bottom { position: absolute; width: 100%; z-index: -1 } .msi-logo a, .msi-logo img, .msi-logo svg { height: 72px; display: inline-block } a.houzz { width: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAzNiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6Izk5OTk5OTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmhvdXp6PC90aXRsZT48cGF0aCBjbGFzcz0iYSIgZD0iTTExLjUsMjUsMjIsMTlWMzFMMTEuNSwzN1pNMSwxOVYzMWwxMC41LTZaTTExLjUsMVYxM0wxLDE5VjdabTAsMTJMMjIsN1YxOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSIvPjwvc3ZnPg==) } a.facebook { width: 29px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAzNiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6Izk5OTk5OTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmZhY2Vib29rPC90aXRsZT48cGF0aCBjbGFzcz0iYSIgZD0iTTEyLjcsMzdWMjAuNkgxOGwuOC02LjRIMTIuN1YxMC4xYzAtMS45LjUtMy4xLDMuMS0zLjFIMTlWMS4zQTM0Ljg5NjIzLDM0Ljg5NjIzLDAsMCwwLDE0LjIsMUM5LjUsMSw2LjMsNCw2LjMsOS41djQuN0gxdjYuNEg2LjNWMzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiLz48L3N2Zz4=) } a.twitter { width: 55px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NC4xIDM2Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojOTk5OTk5O308L3N0eWxlPjwvZGVmcz48dGl0bGU+dHdpdHRlcjwvdGl0bGU+PHBhdGggY2xhc3M9ImEiIGQ9Ik00NSw1LjNhMTguMTc0MTEsMTguMTc0MTEsMCwwLDEtNS4yLDEuNCw5LjA0MzY1LDkuMDQzNjUsMCwwLDAsNC01LDE4Ljc1ODA3LDE4Ljc1ODA3LDAsMCwxLTUuNywyLjJBOC44MzA5LDguODMwOSwwLDAsMCwzMS41LDFhOS4wNDgsOS4wNDgsMCwwLDAtOSw5LjEsMTQuOTE4OTEsMTQuOTE4OTEsMCwwLDAsLjIsMi4xQTI1LjU0LDI1LjU0LDAsMCwxLDQuMSwyLjcsOC43NDQyLDguNzQ0MiwwLDAsMCwyLjgsNy4yYTkuMjM3ODEsOS4yMzc4MSwwLDAsMCw0LDcuNiw5LjI1NzM5LDkuMjU3MzksMCwwLDEtNC4xLTEuMXYuMWE5LjAzMzYzLDkuMDMzNjMsMCwwLDAsNy4yLDguOSw3LjU0OTcsNy41NDk3LDAsMCwxLTIuMy4zLDkuODUyMzYsOS44NTIzNiwwLDAsMS0xLjctLjIsOS4wNDI0NSw5LjA0MjQ1LDAsMCwwLDguNCw2LjNBMTguMzI2ODIsMTguMzI2ODIsMCwwLDEsMy4xLDMzYTE2Ljk1MDczLDE2Ljk1MDczLDAsMCwxLTIuMi0uMUEyNS43Mjk2NiwyNS43Mjk2NiwwLDAsMCwxNC44LDM3YzE2LjYsMCwyNS43LTEzLjksMjUuNy0yNS45VjkuOUExNi40Mjc0NywxNi40Mjc0NywwLDAsMCw0NSw1LjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC45IC0xKSIvPjwvc3ZnPg==) } a.youtube { width: 110px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OS45OTk5OSAzNiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6Izk5OTk5OTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnlvdXR1YmU8L3RpdGxlPjxwYXRoIGNsYXNzPSJhIiBkPSJNNjkuOSwxNS42YTEuODUzOTQsMS44NTM5NCwwLDAsMC0uNy4yYy0uMi4xLS40LjMtLjcuNVYyNi45YTIuMDk3LDIuMDk3LDAsMCwwLC44LjYsMS44ODM4OCwxLjg4Mzg4LDAsMCwwLC44LjIuOTc0OC45NzQ4LDAsMCwwLC45LS40LDEuNzM3MywxLjczNzMsMCwwLDAsLjMtMS4yVjE3LjNBMi4yNjksMi4yNjksMCwwLDAsNzEsMTYsMS42NjYxMiwxLjY2NjEyLDAsMCwwLDY5LjksMTUuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNODEuOCwxNS43YTEuMjkwMywxLjI5MDMsMCwwLDAtMS4xLjUsMi45ODQzMywyLjk4NDMzLDAsMCwwLS4zLDEuNnYxLjVoMi45VjE3LjhhMy4yMzM0MiwzLjIzMzQyLDAsMCwwLS4zLTEuNkExLjM0NiwxLjM0NiwwLDAsMCw4MS44LDE1LjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTkwLjYsOWE3LjY4MjU3LDcuNjgyNTcsMCwwLDAtNy43LTcuNkM3Ni44LDEuMSw3MC42LDEsNjQuMiwxcy0xMi42LjEtMTguNy40QTcuNjE4NzMsNy42MTg3MywwLDAsMCwzNy44LDljLS4zLDMuMy0uNCw2LjctLjQsMTBzLjEsNi43LjQsMTBhNy42ODI1Nyw3LjY4MjU3LDAsMCwwLDcuNyw3LjZjNi4xLjMsMTIuMy40LDE4LjcuNHMxMi42LS4xLDE4LjctLjRBNy42MTg3Myw3LjYxODczLDAsMCwwLDkwLjYsMjljLjMtMy4zLjQtNi43LjQtMTBTOTAuOSwxMi4zLDkwLjYsOVpNNDkuMSwzMC4ydi4zSDQ1LjRWMTAuMkg0MS42VjYuNkg1Mi44djMuN0g0OWwuMSwxOS45Wk02Mi4xLDEzVjMwLjVINTguOXYtMkE1LjYwNjEyLDUuNjA2MTIsMCwwLDEsNTcsMzAuMWEzLjUzNCwzLjUzNCwwLDAsMS0xLjkuNiwyLjAwMDM5LDIuMDAwMzksMCwwLDEtMS43LS44LDMuNzE0ODMsMy43MTQ4MywwLDAsMS0uNi0yLjNWMTIuN0g1NlYyNi4xYTEuOTk2OCwxLjk5NjgsMCwwLDAsLjIuOS43Nzg1NS43Nzg1NSwwLDAsMCwuNy4zLDEuNjI2MDUsMS42MjYwNSwwLDAsMCwuOS0uNCw0LjI5ODUxLDQuMjk4NTEsMCwwLDAsMS0uOVYxMi43SDYybC4xLjNabTEyLjUsNC4ydjkuN2E0LjQ0NjM4LDQuNDQ2MzgsMCwwLDEtLjgsMi44LDIuNDU5LDIuNDU5LDAsMCwxLTIuMiwxLDMuMjg2ODIsMy4yODY4MiwwLDAsMS0xLjctLjQsMy45MTYsMy45MTYsMCwwLDEtMS40LTEuMnYxLjRINjUuMlY2LjZoMy4zdjcuN2E1LjI2MjYxLDUuMjYyNjEsMCwwLDEsMS40LTEuMiwyLjgyMiwyLjgyMiwwLDAsMSwxLjUtLjQsMy4wNDI3NiwzLjA0Mjc2LDAsMCwxLDIuNCwxLjEsNS43MDk2Nyw1LjcwOTY3LDAsMCwxLC44LDMuM3YuMVptMTIsLjV2NC41SDgwLjR2M2E0LjA5MzI3LDQuMDkzMjcsMCwwLDAsLjMsMS45Yy4yLjQuNi41LDEuMS41YTEuMjkwMywxLjI5MDMsMCwwLDAsMS4xLS41LDQuMzEwNzksNC4zMTA3OSwwLDAsMCwuMy0yVjI0aDMuM3YxLjdhNS43OTYxNyw1Ljc5NjE3LDAsMCwxLTEuMiw0LDQuNTkxMTIsNC41OTExMiwwLDAsMS0zLjYsMS40LDQuMjkzMzksNC4yOTMzOSwwLDAsMS0zLjQtMS40LDYuMTg1OTIsNi4xODU5MiwwLDAsMS0xLjMtNFYxNy41YTUuMzA4MDksNS4zMDgwOSwwLDAsMSwxLjQtMy43QTQuNTM2NDMsNC41MzY0MywwLDAsMSw4MiwxMi40YTQuMjM2OTQsNC4yMzY5NCwwLDAsMSwzLjQsMS4zLDUuNTg2MzMsNS41ODYzMywwLDAsMSwxLjIsMy44di4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xLDYuOUg0LjdsMi40LDkuNWguMkw5LjYsNi45aDMuN0w5LDIwLjd2OS44SDUuNFYyMS4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMy4xLDE3LjFhMy45NDQsMy45NDQsMCwwLDEsMS4zLTMuMiw0Ljk1NzcsNC45NTc3LDAsMCwxLDMuNS0xLjJBNC40NDU4LDQuNDQ1OCwwLDAsMSwyMS4yLDE0YTQuMjk2ODgsNC4yOTY4OCwwLDAsMSwxLjMsMy4zdjlhNC40NTg2Miw0LjQ1ODYyLDAsMCwxLTEuMywzLjUsNC44Mzc3NCw0LjgzNzc0LDAsMCwxLTMuNSwxLjMsNC4zNzUyNiw0LjM3NTI2LDAsMCwxLTMuNC0xLjNBNC43NTIyNiw0Ljc1MjI2LDAsMCwxLDEzLDI2LjNsLjEtOS4yWm0zLjMsOS4zYTEuNjA4NTYsMS42MDg1NiwwLDAsMCwuMywxLjEsMS4xNTk0OSwxLjE1OTQ5LDAsMCwwLDEsLjQsMS4xNTk0OSwxLjE1OTQ5LDAsMCwwLDEtLjQsMS4zNjU4NCwxLjM2NTg0LDAsMCwwLC40LTEuMVYxNi45YS45NzQ3OS45NzQ3OSwwLDAsMC0uNC0uOSwxLjc3NjcyLDEuNzc2NzIsMCwwLDAtMS0uNCwxLjI4Mzg3LDEuMjgzODcsMCwwLDAtMSwuNCwxLjI2NzU0LDEuMjY3NTQsMCwwLDAtLjQuOWwuMSw5LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM0LjYsMTMuMVYzMC41SDMxLjRWMjguNmE1LjYwNjE1LDUuNjA2MTUsMCwwLDEtMS45LDEuNiwzLjUzNDA1LDMuNTM0MDUsMCwwLDEtMS45LjYsMi4wMDAzOSwyLjAwMDM5LDAsMCwxLTEuNy0uOCwzLjcxNDg0LDMuNzE0ODQsMCwwLDEtLjYtMi4zVjEzLjFoMy4yVjI2LjVhMS45OTY4MywxLjk5NjgzLDAsMCwwLC4yLjkuNzc4NTUuNzc4NTUsMCwwLDAsLjcuMywxLjYyNiwxLjYyNiwwLDAsMCwuOS0uNCw0LjI5ODU1LDQuMjk4NTUsMCwwLDAsMS0uOVYxMy4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIi8+PC9zdmc+) } a.pinterest { width: 50px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6Izk5OTk5OTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnBpbnRlcmVzdDwvdGl0bGU+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zNywxOWExNy4zMjE4OSwxNy4zMjE4OSwwLDAsMS0yLjQsOUExOC4xNjAzNSwxOC4xNjAzNSwwLDAsMSwyOCwzNC42LDE3LjU4MTE2LDE3LjU4MTE2LDAsMCwxLDE5LDM3YTE1LjA5NTA5LDE1LjA5NTA5LDAsMCwxLTUuMS0uOCwxNS43NjI3MywxNS43NjI3MywwLDAsMCwxLjgtMy44Yy4xLS41LjYtMi4yLDEuMy00LjlhNC40MTIwOCw0LjQxMjA4LDAsMCwwLDEuNywxLjYsNC45NTMzLDQuOTUzMywwLDAsMCwyLjcuNyw4LjM2MzMyLDguMzYzMzIsMCwwLDAsNS4xLTEuNiwxMC4wNjk1MSwxMC4wNjk1MSwwLDAsMCwzLjQtNC40LDE2LjA3NzM3LDE2LjA3NzM3LDAsMCwwLDEuMi02LjMsOS42NjEzLDkuNjYxMywwLDAsMC0xLjQtNSwxMS4yNjc2OSwxMS4yNjc2OSwwLDAsMC00LTMuOCwxMi4wMDA1MiwxMi4wMDA1MiwwLDAsMC02LTEuNywxMy44NTQ4NSwxMy44NTQ4NSwwLDAsMC00LjYuNywxNS4xMjMxNiwxNS4xMjMxNiwwLDAsMC0zLjYsMS44LDEyLjgxMDQ1LDEyLjgxMDQ1LDAsMCwwLTIuNiwyLjYsMTAuOTY1MzUsMTAuOTY1MzUsMCwwLDAtMS42LDMsOC4zOTUsOC4zOTUsMCwwLDAtLjUsMy4xLDkuNzE5LDkuNzE5LDAsMCwwLC45LDQuMyw1LjI2MDM1LDUuMjYwMzUsMCwwLDAsMi43LDIuNmMuNS4yLjgsMCwuOS0uNWE0LjA3Niw0LjA3NiwwLDAsMSwuMi0uNyw0LjA3Niw0LjA3NiwwLDAsMCwuMi0uNy45NTkyNS45NTkyNSwwLDAsMC0uMy0xLDUuMzExMDcsNS4zMTEwNywwLDAsMS0xLjItMy41LDguNTM0MTEsOC41MzQxMSwwLDAsMSwyLjQtNi4xQTguNDM3NjcsOC40Mzc2NywwLDAsMSwxOSwxMC4xLDcuMzY0NDksNy4zNjQ0OSwwLDAsMSwyNC41LDEyYTYuNzAxLDYuNzAxLDAsMCwxLDIsNSwxMy4xNjcsMTMuMTY3LDAsMCwxLTEuNiw2LjhjLTEuMSwxLjktMi40LDIuOC00LjEsMi44YTIuNzY0NzksMi43NjQ3OSwwLDAsMS0yLjMtMSwyLjM0NTk0LDIuMzQ1OTQsMCwwLDEtLjUtMi40LDE5LjM2OSwxOS4zNjksMCwwLDEsLjYtMi4yYy4zLS45LjUtMS43LjctMi40YTYuNzIyNzgsNi43MjI3OCwwLDAsMCwuMy0xLjgsMi44ODMyNSwyLjg4MzI1LDAsMCwwLS42LTEuOSwyLjE5NzE2LDIuMTk3MTYsMCwwLDAtMS44LS44LDIuOTk2NjYsMi45OTY2NiwwLDAsMC0yLjUsMS4zLDUuMTgzLDUuMTgzLDAsMCwwLTEsMy4zLDYuNTI3MTcsNi41MjcxNywwLDAsMCwuNiwyLjlMMTIsMzEuNGExMi45MjU2MSwxMi45MjU2MSwwLDAsMC0uMyw0LjFBMTguMTE1MTgsMTguMTE1MTgsMCwwLDEsNCwyOC45LDE3LjQ3NDQsMTcuNDc0NCwwLDAsMSwxLDE5YTE3LjMyMTksMTcuMzIxOSwwLDAsMSwyLjQtOUExOC4xNjAzNiwxOC4xNjAzNiwwLDAsMSwxMCwzLjQsMTcuNTgxMTQsMTcuNTgxMTQsMCwwLDEsMTksMWExNy4zMjE5MSwxNy4zMjE5MSwwLDAsMSw5LDIuNEExOC4xNjAzNCwxOC4xNjAzNCwwLDAsMSwzNC42LDEwLDE3LjU4MTE2LDE3LjU4MTE2LDAsMCwxLDM3LDE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIi8+PC9zdmc+) } a.instagram { width: 50px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDMuODQ1IDUwMy44NDEiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiM5OTk5OTl9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmluc3RhZ3JhbTwvdGl0bGU+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNTEuOTIxIDQ1LjM5MmM2Ny4yNjYgMCA3NS4yMzMuMjU3IDEwMS44IDEuNDY5IDI0LjU2MiAxLjEyMSAzNy45IDUuMjI0IDQ2Ljc3OCA4LjY3NGE3OC4wNTkgNzguMDU5IDAgMCAxIDI4Ljk2NiAxOC44NDUgNzguMDU5IDc4LjA1OSAwIDAgMSAxOC44NDUgMjguOTY2YzMuNDUgOC44NzcgNy41NTQgMjIuMjE2IDguNjc0IDQ2Ljc3OCAxLjIxMiAyNi41NjUgMS40NjkgMzQuNTMyIDEuNDY5IDEwMS44cy0uMjU3IDc1LjIzMy0xLjQ2OSAxMDEuOGMtMS4xMjEgMjQuNTYyLTUuMjI1IDM3LjktOC42NzQgNDYuNzc4YTgzLjQyOSA4My40MjkgMCAwIDEtNDcuODExIDQ3LjgxMWMtOC44NzcgMy40NS0yMi4yMTYgNy41NTQtNDYuNzc4IDguNjc0LTI2LjU2IDEuMjEyLTM0LjUyNyAxLjQ2OS0xMDEuOCAxLjQ2OXMtNzUuMjM3LS4yNTctMTAxLjgtMS40NjljLTI0LjU2Mi0xLjEyMS0zNy45LTUuMjI1LTQ2Ljc3OC04LjY3NGE3OC4wNDYgNzguMDQ2IDAgMCAxLTI4Ljk2Ni0xOC44NDUgNzguMDU5IDc4LjA1OSAwIDAgMS0xOC44NDUtMjguOTY2Yy0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuOHMuMjU3LTc1LjIzMyAxLjQ2OS0xMDEuOGMxLjEyMS0yNC41NjIgNS4yMjQtMzcuOSA4LjY3NC00Ni43NzhhNzguMDQ3IDc4LjA0NyAwIDAgMSAxOC44NDctMjguOTY3IDc4LjA1OSA3OC4wNTkgMCAwIDEgMjguOTY2LTE4Ljg0NWM4Ljg3Ny0zLjQ1IDIyLjIxNi03LjU1NCA0Ni43NzgtOC42NzQgMjYuNTY1LTEuMjEyIDM0LjUzMi0xLjQ2OSAxMDEuOC0xLjQ2OW0wLTQ1LjM5MWMtNjguNDE4IDAtNzcgLjI5LTEwMy44NjYgMS41MTYtMjYuODE1IDEuMjI0LTQ1LjEyNyA1LjQ4Mi02MS4xNTEgMTEuNzFhMTIzLjUgMTIzLjUgMCAwIDAtNDQuNjIgMjkuMDU3IDEyMy41IDEyMy41IDAgMCAwLTI5LjA2NSA0NC42MmMtNi4yMjMgMTYuMDI1LTEwLjQ4MSAzNC4zMzctMTEuNyA2MS4xNTJDLjI5IDE3NC45MjEgMCAxODMuNTAzIDAgMjUxLjkyMXMuMjkgNzcgMS41MjEgMTAzLjg2NmMxLjIyNCAyNi44MTUgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MWExMjMuNSAxMjMuNSAwIDAgMCAyOS4wNTcgNDQuNjIgMTIzLjUgMTIzLjUgMCAwIDAgNDQuNjIgMjkuMDU3YzE2LjAyNSA2LjIyOCAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MSAyNi44NyAxLjIyNiAzNS40NDkgMS41MTYgMTAzLjg2NiAxLjUxNnM3Ny0uMjkgMTAzLjg2Ni0xLjUxNmMyNi44MTUtMS4yMjQgNDUuMTI3LTUuNDgyIDYxLjE1MS0xMS43MWExMjguODE4IDEyOC44MTggMCAwIDAgNzMuNjc5LTczLjY3N2M2LjIyOC0xNi4wMjUgMTAuNDg2LTM0LjMzNyAxMS43MS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjZzLS4yOS03Ny0xLjUxNi0xMDMuODY2Yy0xLjIyNC0yNi44MTUtNS40ODItNDUuMTI3LTExLjcxLTYxLjE1MWExMjMuNSAxMjMuNSAwIDAgMC0yOS4wNTctNDQuNjIgMTIzLjQ4OCAxMjMuNDg4IDAgMCAwLTQ0LjYyNS0yOS4wNjNjLTE2LjAyNS02LjIyMy0zNC4zMzctMTAuNDgxLTYxLjE1Mi0xMS43QzMyOC45MjEuMjkgMzIwLjMzOSAwIDI1MS45MjEgMHoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTI1MS45MjEgMTIyLjU1NmExMjkuMzY1IDEyOS4zNjUgMCAxIDAgMTI5LjM2NSAxMjkuMzY1IDEyOS4zNjUgMTI5LjM2NSAwIDAgMC0xMjkuMzY1LTEyOS4zNjV6bTAgMjEzLjMzOGE4My45NzMgODMuOTczIDAgMSAxIDgzLjk3NC04My45NzMgODMuOTczIDgzLjk3MyAwIDAgMS04My45NzQgODMuOTczeiIvPjxjaXJjbGUgY2xhc3M9ImEiIGN4PSIzODYuMzk3IiBjeT0iMTE3LjQ0NSIgcj0iMzAuMjMiLz48L3N2Zz4=) } .btn-play { width: 90px; height: 58px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4yMiAyMiI+PGRlZnM+PHN0eWxlPi5hIHsgZmlsbDogI2ZmZjsgfTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5wbGF5PC90aXRsZT48cGF0aCBjbGFzcz0iYSIgZD0iTTIuNjMsMUExLjYzLDEuNjMsMCwwLDAsMSwyLjYzVjIxLjM3QTEuNjMsMS42MywwLDAsMCwyLjYzLDIzaDMxYTEuNjMsMS42MywwLDAsMCwxLjYzLTEuNjNWMi42M0ExLjYzLDEuNjMsMCwwLDAsMzMuNTksMVpNMTQuODUsNS44OSwyNC42MywxMmwtOS43OCw2LjExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIj48L3BhdGg+PC9zdmc+) } .btn-pdf { width: 72px; height: 100px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiAxMDAiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5wZGY8L3RpdGxlPjxwYXRoIGNsYXNzPSJhIiBkPSJNNzMsMTAxSDFWMjYuMjQyNjlIMy44OTE1NnY3MS44NDQ3SDcwLjEwODQ0VjMuOTEyNjFIMjYuMDYwMzZWMUg3M1pNMjYuMDYwMzYsMS4wMDAwOUgyNC4wMzYyN0wxLjAwMDE5LDI0LjIwMzg3djIuMDM4ODNIMjYuMDYwMzZaTTIzLjE2ODgsNS45NTE1M1YyMy4zMzAwOUg1LjkxNTg0Wk01NS44NDM0Miw0OS44MzQ4MWE0LjQxODg0LDQuNDE4ODQsMCwwLDEtMy43NTksMi4wMzg4MmMtMi4wMjQwOSwwLTQuNDMzNzMtMS4yNjIxMy03LjEzMjUxLTMuODgzNDhBODIuMzU4NSw4Mi4zNTg1LDAsMCwwLDI5LjkxNTc3LDUyLjg0NDUsNTEuNDk2NzYsNTEuNDk2NzYsMCwwLDEsMjUuODY3NTksNjAuMTI2Yy0xLjczNDkzLDIuNDI3MTgtMy4yNzcxLDMuNTkyMjItNC43MjI4OCwzLjU5MjIyYTIuNjA1NTIsMi42MDU1MiwwLDAsMS0xLjYzODU1LS41ODI1Miw0LjE3Mjc1LDQuMTcyNzUsMCwwLDEtMS45Mjc3MS0zLjg4MzQ3Yy4yODkxNi0yLjgxNTUyLDMuNzU5LTUuNzI4MTMsMTAuMjE2ODQtOC43Mzc4MmExMTAuMzcwODMsMTEwLjM3MDgzLDAsMCwwLDYuNDU3ODItMTguNDQ2NTFjLTEuNjM4NTUtMy42ODkzLTMuMjc3MS04LjU0MzY1LTIuMTIwNDgtMTEuMzU5MTdhMy40MDQ3NSwzLjQwNDc1LDAsMCwxLDIuMTIwNDgtMi4wMzg4Myw0LjgwNiw0LjgwNiwwLDAsMSwxLjE1NjYyLS4xOTQxNywyLjY4NywyLjY4NywwLDAsMSwyLjEyMDQ4LDEuMDY4Yy40ODE5My42Nzk2MSwyLjAyNDA5LDIuNjIxMzUtLjI4OTE2LDEyLjIzM0E1NC40MDMyNyw1NC40MDMyNywwLDAsMCw0NS45MTU3Myw0NC43ODYzYTM0LjA2MjU3LDM0LjA2MjU3LDAsMCwxLDUuNjg2NzMtLjU4MjUyYzIuNjAyNCwwLDQuMjQxLjY3OTYxLDQuOTE1NjUsMS45NDE3NEM1Ny4wOTY0Myw0Ny4yMTM0Nyw1Ni45MDM2Niw0OC4zNzg1MSw1NS44NDM0Miw0OS44MzQ4MVptLTMwLjI2NSw1LjE0NTYxYy0zLjY2MjY0LDIuMDM4ODItNS4xMDg0MiwzLjY4OTMtNS4yMDQ4MSw0LjY2MDE3LDAsLjA5NzA5LDAsLjU4MjUyLjc3MTA4LDEuMTY1QzIxLjQzMzg3LDYwLjcwODU1LDIyLjg3OTY1LDYwLjAyODk0LDI1LjU3ODQ0LDU0Ljk4MDQyWm05LjYzODUzLTI3Ljk2MWMuNTc4MzEtMy41OTIyMi4yODkxNi01LjE0NTYxLDAtNS41MzRIMzUuMDI0MmMtLjA5NjM5LDAtLjI4OTE2LjA5NzA5LS4zODU1NC4zODgzNUMzNC4yNTMxMSwyMi45NDE3NCwzNC42Mzg2NiwyNC44ODM0OCwzNS4yMTcsMjcuMDE5MzlaTTQyLjYzODYzLDQ1LjQ2NTlhNTguNzg5OTQsNTguNzg5OTQsMCwwLDEtNi41NTQyLTkuNTE0NTJBMTA5LjUzMzYzLDEwOS41MzM2MywwLDAsMSwzMS41NTQzMyw0OC45NjEsOTEuNjE2Nyw5MS42MTY3LDAsMCwxLDQyLjYzODYzLDQ1LjQ2NTlabTExLjE4MDY5LDIuMTM1OTFjLS4xOTI3Ny0uMTk0MTctLjc3MTA5LS4zODgzNS0yLjMxMzI1LS4zODgzNWExNy4wMTE4MSwxNy4wMTE4MSwwLDAsMC0yLjk4Nzk0LjE5NDE3LDYuOTg4MjksNi45ODgyOSwwLDAsMCwzLjU2NjI2LDEuNjUwNDgsMS42MDEyLDEuNjAxMiwwLDAsMCwxLjQ0NTc4LS44NzM3OEM1My44MTkzMyw0Ny43OTYsNTMuOTE1NzEsNDcuNTA0NzMsNTMuODE5MzMsNDcuNjAxODJaTTIyLjQ5NDExLDc2LjUzMzcxYy0uNjc0NywwLTEuMjUzLjA5NzA5LTEuNTQyMTcuMDk3MDl2NC44NTQzNWE0LjY3ODEyLDQuNjc4MTIsMCwwLDAsMS4yNTMuMDk3MDljMS45Mjc3MSwwLDMuMTgwNzEtLjk3MDg3LDMuMTgwNzEtMi42MjEzNEMyNS4zODU2Nyw3Ny40MDc1LDI0LjMyNTQzLDc2LjUzMzcxLDIyLjQ5NDExLDc2LjUzMzcxWm0xMy44Nzk0OCwwYTUuOTgwNjYsNS45ODA2NiwwLDAsMC0xLjczNDkzLjE5NDE3Vjg3LjAxOTFhNi4zMzczMiw2LjMzNzMyLDAsMCwwLDEuNDQ1NzguMDk3MDljMy4zNzM0OSwwLDUuMzk3NTctMS44NDQ2NSw1LjM5NzU3LTUuNTM0QzQxLjQ4Miw3OC4zNzgzNywzOS42NTA2OSw3Ni41MzM3MSwzNi4zNzM1OSw3Ni41MzM3MVptMzEuMjI4ODQtOC4zNDk0N1Y5NS42NTk4M0g2LjQ5NDE1VjY4LjE4NDI0Wk0yOC4wODQ0Niw3OC44NjM4YTQuMDM3OSw0LjAzNzksMCwwLDAtMS40NDU3OC0zLjIwMzg3LDYuNTE2NDQsNi41MTY0NCwwLDAsMC00LjI0MS0xLjE2NSwyMC41MzA1MywyMC41MzA1MywwLDAsMC0zLjk1MTguMjkxMjZWODguOTYwODRoMi42MDI0VjgzLjYyMTA2YTQuNjc4MTIsNC42NzgxMiwwLDAsMCwxLjI1My4wOTcwOSw2LjI4Miw2LjI4MiwwLDAsMCw0LjUzMDExLTEuNTUzMzlBNS4wOTkxNyw1LjA5OTE3LDAsMCwwLDI4LjA4NDQ2LDc4Ljg2MzhabTE2LjA5NjM0LDIuNjIxMzRhNi41ODM4NSw2LjU4Mzg1LDAsMCwwLTIuMjE2ODYtNS4zMzk3OCw5LjA1Niw5LjA1NiwwLDAsMC01Ljg3OTUtMS42NTA0NywyNS45OTQ0LDI1Ljk5NDQsMCwwLDAtNC4xNDQ1Ny4yOTEyNlY4OC45NjA4NGEzMS4yMTk4NiwzMS4yMTk4NiwwLDAsMCwzLjU2NjI2LjE5NDE3LDkuNjk0NTksOS42OTQ1OSwwLDAsMCw2LjQ1NzgyLTEuOTQxNzRBNy42MTA1OCw3LjYxMDU4LDAsMCwwLDQ0LjE4MDc5LDgxLjQ4NTE1Wk01Ni40MjE3Myw3NC41OTJINDguMTMyNTlWODguOTYwODRINTAuNzM1VjgyLjg0NDM2aDUuMzAxMTlWODAuNzA4NDVINTAuNzM1Vjc2LjcyNzg5aDUuNjg2NzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiLz48L3N2Zz4=) } .icon-container-mobile { display: inline-block; padding: 0; margin: 0 } /*.footnav-container .panel-default .panel-title { padding: 0 15px }*/ .footnav-container .panel-default .panel-title label, .signup-title { font-family: Raleway,Helvetica,Arial,sans-serif; font-size: 24px; text-transform: uppercase; color: #8b6f4e; margin: 24px 0 12px; font-weight: 400 } @media (max-width:1599px) { .footnav-container { padding-bottom: 10px } .footnav-container .panel-group .panel-title { padding: 0 0 15px } .footnav-container .panel-group .panel-default:last-child { border-top: 1px solid #5c5c5c; margin-top: 30px; padding-top: 15px } } @media (max-width:991px) { .footnav-container .panel-group .panel-default.panel:first-child { border-bottom: 1px solid #5c5c5c; padding-bottom: 30px; margin-bottom: 30px } .copyright-disclaimer { padding: 20px 0 } .copyright-disclaimer ul { text-align: center; padding: 5px 0 } .copyright-disclaimer a, .copyright-disclaimer p { padding: 5px 0 } } @media (min-width:768px) { #mm-msi-mmenu { display: none !important; } /*.brand-header .form-control { width: 220px; }*/ .brand-header .nav-box { width: 100%; max-width: 290px; } #navLogin .hmbrgr-mbl { position: relative; float: right; padding: 10px; margin: 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; font-size: 24px; line-height: 1.0 } } @media (min-width:992px) { #mm-msi-mmenu { display: none !important; } /*.brand-header .form-control { width: 220px; }*/ .brand-header .nav-box { width: 100%; max-width: 235px; } #navLogin .hmbrgr-mbl { position: relative; float: right; padding: 10px; margin: 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; font-size: 24px; line-height: 1.0 } } @media (max-width:767px) { #msi-navbar { display: none !important; } .footnav-container .panel-default .panel-title { background-color: #8b6f4e; padding: 10px 15px } .footnav-container .panel-default .panel-title label { color: #fff; margin: 6px 0 } .msi-logo img, .msi-logo svg { margin: 0 auto } .social-tools { text-align: center; margin: 15px auto 0 auto } .social-tools a { height: 30px } .icon-container { padding: 0 6px } a.houzz { width: 17px } a.facebook { width: 15px } a.twitter { width: 36px } a.youtube { width: 75px } a.instagram, a.pinterest { width: 30px } } @media (max-width:480px) { .footnav-container, .social-tools-container { /*padding: 15px 0*/ } .copyright-disclaimer ul { padding: 0 } .footnav-container .panel-group .panel-default.panel:first-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } #careers.footnav li, #company.footnav li { padding-right: 0 } .footnav a { margin-top: 3px; margin-bottom: 5px } #company li { width: 100%; display: block; float: none } .footnav { padding: 0; margin-right: 0 } .footnav a { border: 1px solid #5c5c5c } .footnav-container .panel-group .panel-heading { background-color: #3e3e3e; margin-bottom: 2px } .footnav-container .panel-group .panel-open .panel-heading { background-color: #8b6f4e } .footnav a:hover { background-color: #8b6f4e; border-color: #8b6f4e; text-decoration: none } .footnav .collapsed { background-color: #8b6f4e } .more-less { display: block; float: right } .footnav-container .panel-group .panel + .panel { margin: 0 } .signup-container .panel-heading { background-color: transparent } .signup-title { text-align: center } .footnav-container .panel-group .panel-title { padding: 10px 15px } .footnav li:last-child a { margin-bottom: 25px } .msi-logo img, .msi-logo svg { height: 60px } .footnav-container .panel-body { padding: 0; width: 100% } .icon-container-mobile { display: block; padding: 0; margin-top: 20px } } @media (min-width:1200px) { .what-is-q-ceros { padding: 0 0 342% } /*.brand-header .form-control { width: 350px; }*/ .brand-header .nav-box { width: 100%; max-width: 260px; } } @media (min-width:1250px) { .brand-header .nav-box { width: 100%; max-width: 300px; } } @media (min-width:1300px) { .brand-header .nav-box { width: 100%; max-width: 340px; } } .fix-to-top-explore { top: 0; position: fixed; right: 0; z-index: 2 } .what-is-q-ceros { position: relative; width: auto; height: 0; top: 0; left: 0; bottom: 0; right: 0; margin: 36px auto 0; border: 0 none } .what-is-q-ceros iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; border: 0 none } .ctct-custom-form { font: 16px Helvetica Neue,Arial,sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; margin: 0 auto; box-sizing: border-box; padding: 15px } .ctct-form-defaults { color: #000; padding: 15px; border-radius: 5px } .ctct-custom-form * { box-sizing: border-box } .ctct-custom-form p { margin: 0; margin-bottom: 24px } .ctct-custom-form select { width: 100%; height: 46px; border: 1px solid #b0b6bb; background-color: #fff; box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } .ctct-custom-form .ctct-form-required { position: relative } .ctct-custom-form .ctct-form-required:before { content: "\2217"; position: absolute; top: -4px; left: -12px; color: #f5463b } .ctct-custom-form input[type=text] { width: 100%; padding: 10px 15px; border: 1px solid #b0b6bb; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: #394856; font-size: 16px; line-height: 1.5 } .ctct-custom-form input[type=text]:focus { outline: 1px solid #5dacd6 } .ctct-custom-form .ctct-form-errorMessage { font-size: 16px; line-height: 1.5; margin-bottom: 12px; color: #f5463b } .ctct-custom-form::-webkit-input-placeholder { color: #88919a } .ctct-custom-form:-moz-placeholder { color: #88919a } .ctct-custom-form::-moz-placeholder { color: #88919a } .ctct-custom-form:-ms-input-placeholder { color: #88919a } .ctct-custom-form .ctct-form-input.is-error, .ctct-custom-form input.is-error { border-color: #f5463b !important; color: inherit !important } .ctct-custom-form label { display: block; margin-bottom: 12px; line-height: 1; color: inherit } .ctct-custom-form .ctct-button { width: 100%; line-height: 1 } .ctct-custom-form .ctct-form-footer { font-size: 11px; padding: 10px 0 0 0 } .modal.fade.mm-page { position: fixed } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: #000; opacity: .8 } .modal-header { border: none; min-height: 58px; padding: 22px 21px 20px 15px; background-color: #8b6f4e; } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.in { opacity: .5 } .Q2020-banner, .msi-covid, .msi-covid-video, .msi-image-search, .msi-cartmsg { height: 54px; background-color: #8b6f4e; text-align: center; display: none; color: #fff } .Q2020-banner img, .msi-covid img, .msi-covid-video img, .msi-image-search img, .msi-cartmsg img { width: 40px } .Q2020-desc { font-size: 20px; margin: 12px 0; cursor: default } .Q2020-banner .close, .msi-covid .close, .msi-covid-video .close, .msi-image-search .close, .msi-cartmsg .close { color: #fff; float: right; padding: 2px 10px; cursor: pointer } .Q2020-banner a, .msi-covid a, .msi-covid-video a, .msi-image-search a, .msi-cartmsg a { white-space: nowrap; font-size: 16px; padding: 5px 12px; margin-left: 30px; border: 1px solid #fff; color: #fff; background-color: #8b6f4e; cursor: pointer; text-transform: uppercase } .Q2020-banner a:hover, .msi-covid a:hover, .msi-covid-video a:hover, .msi-image-search a:hover, .msi-cartmsg a:hover { background-color: #9b7c57; border-color: #fff } .Q2020-left, .Q2020-right { display: inline-block; position: relative; vertical-align: middle } .Q2020-right { margin-left: 10px } .hero-container .Q2020-banner, .hero-container .msi-covid, .hero-container .msi-covid-video, .hero-container .msi-image-search, .hero-container .msi-cartmsg { padding-left: 0; padding-right: 0 } @media (max-width:1280px) { .Q2020-banner a, .msi-covid a, .msi-covid-video a, .msi-image-search a, .msi-cartmsg a { margin-left: 20px } } @media (min-width:501px) and (max-width:767px) { .Q2020-desc { font-size: 16px } .Q2020-banner, .msi-covid, .msi-covid-video, .msi-image-search, .msi-cartmsg { height: auto } .Q2020-left { width: 17%; text-align: right } .Q2020-right { width: 70%; text-align: left; margin-left: 10px } .Q2020-banner a, .msi-covid a, .msi-covid-video a, .msi-image-search a, .msi-cartmsg a { display: inline-block; margin: 0 } } @media (max-width:500px) { .Q2020-desc { font-size: 16px } .Q2020-banner, .msi-covid, .msi-covid-video, .msi-image-search, .msi-cartmsg { height: auto } .Q2020-left { width: 15%; text-align: right } .Q2020-right { width: 70%; text-align: left; margin-left: 5px } .Q2020-banner a, .msi-covid a, .msi-covid-video a, .msi-image-search a, .msi-cartmsg a { display: inline-block; margin: 0 } } .Lvt-banner { height: 54px; background-color: #8b6f4e; text-align: center; display: none; color: #fff } .Lvt-banner img { width: 40px } .Lvt-desc { font-size: 20px; margin: 12px 0; cursor: default } .Lvt-banner .close { color: #fff; float: right; padding: 2px 10px; cursor: pointer } .Lvt-banner a { white-space: nowrap; font-size: 16px; padding: 5px 12px; margin-left: 30px; border: 1px solid #fff; color: #fff; background-color: #8b6f4e; cursor: pointer; text-transform: uppercase } .Lvt-banner a:hover { background-color: #9b7c57; border-color: #fff } .Lvt-left, .Lvt-right { display: inline-block; position: relative; vertical-align: middle } .Lvt-right { margin-left: 10px } .Lvt-banner .video-btn { width: 25px; margin: 0 4px 4px 0 } .hero-container .Lvt-banner { padding-left: 0; padding-right: 0 } @media (max-width:1280px) { .Lvt-banner a { margin-left: 20px } } @media (min-width:501px) and (max-width:767px) { .Lvt-desc { font-size: 16px } .Lvt-banner { height: auto } .Lvt-left { width: 17%; text-align: right } .Lvt-right { width: 70%; text-align: left; margin-left: 10px } .Lvt-banner a { display: inline-block; margin: 0 } } @media (max-width:500px) { .Lvt-desc { font-size: 16px } .Lvt-banner { height: auto } .Lvt-left { width: 15%; text-align: right } .Lvt-right { width: 70%; text-align: left; margin-left: 5px } .Lvt-banner a { display: inline-block; margin: 0 } } .cartbtn-header svg { /*display: inline-block*/ } .SampleSpan { padding: 3px; position: RELATIVE; margin-bottom: 10px; /*bottom: 7PX;*/ text-decoration: None; font-weight: Normal; vertical-align: middle } @media (max-width:1199px) { .SampleSpan { display: none } } @media (min-width:361px) and (max-width:767px) { .hmbrgr-mbl { position: relative; /*left: 75%*/ } .cartdvdr { left: 45%; position: relative } .cartbtn-header { /*position: relative;*/ /*right: 32%*/ } } .nav > li > a:focus, .nav > li > a:hover { background-color: #fff } .searchbox { padding-left: 10px } .ui-menu { background-color: #efefef; cursor: pointer; list-style-type: none; margin: 0; max-height: 290px; z-index: 99999 !important; overflow-y: auto; padding: 0; float: left } .ui-menu .ui-menu { margin-top: -3px } .ui-menu .ui-menu-item a { padding: 18px 15px; width: 100%; color: #5c5c5c; width: 100%; border-top: 1px solid #d4d4d4; display: block; text-decoration: none; font-weight: 500 } .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-hover { background-color: #8b6f4e; color: #fff; width: 100% } .ui-menu .ui-menu-item.ui-state-focus , .ui-menu .ui-menu-item.ui-state-focus a{ background-color: #8b6f4e; color: #fff!important; width: 100% } .ui-helper-hidden-accessible { display: none !important } .logo-container .nav-login { float: right } .nav-login #btn-menu { text-decoration: none; display: none } .ui-menu { width: auto; } @media (min-width:320px) and (max-width:767px) { .ui-menu { width: 200px } } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 991; background-color: #000; opacity: .8 } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.in { opacity: .5 } #mc_embed_signup ul { list-style-type: none; } #mc_embed_signup { background: #fff; clear: left; font: 14px Helvetica,Arial,sans-serif } #mc_embed_signup .mc-field-group input { padding: 10px 15px; border: 1px solid #b0b6bb; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: #394856; font-size: 16px; line-height: 1.5; text-indent: 0 } #mc_embed_signup input[type=checkbox] { margin: 0 auto } #mc_embed_signup .mc-field-group.input-group label { display: inline-block; margin-left: 10px; color: #555 } #mc-embedded-subscribe { margin: 0 auto !important; float: left !important } #msirights-text { float: none; text-align: center; width: 100% } @media(min-width:1300px) { #msirights-text { float: right; width: auto } } ul li a.li-glyph-anc:before { content: '\e003'; font-family: 'Glyphicons Halflings';transform: rotate(360deg);display: inline-block;font-size: 13px; } ul li a.li-new-anc:before { content: 'NEW! '; color: #8b6f4e } @media(min-width:768px) { ul li a.li-new-anc:hover:before { content: 'NEW! '; color: #fff } ul li a.li-glyph-anc:hover:before { content: '\e003'; color: #fff; font-family: 'Glyphicons Halflings';transform: rotate(360deg);display: inline-block;font-size: 13px; } } @media(max-width:767px) { .msi-logo { text-align: center; } } @media(min-width:375px) and (max-width:400px) { .brand-header .nav-links ul { margin: 0px; } } .glyphicon-camera { font-size: 0.62cm; } @media(max-width:340px) { .brand-header .navbar-brand img { height: 60px; } } #mm-msi-navbar > .mm-listview { width: 100%; } #mm-msi-navbar > .mm-listview > li.dropdown > a.dropdown-toggle, #mm-msi-navbar > .mm-listview > li.dropdown > a.mm-next { margin-bottom: 0 } #mm-msi-navbar.mm-panel::before { height: 0; } #mm-msi-navbar .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } #mm-msi-navbar .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #5c5c5c; display: block; font: 16px Open Sans; font-weight: normal; font-size: 16px; line-height: normal; padding: 18px 15px 17px; margin: 0; text-transform: uppercase; } .brand-header .nav-links { margin-right: 2px; } .no-js .lazy { display: none } .img-opacity { opacity: 0 !important } .fs-has-links { display: none } .fs-wrapper { height: auto } .fs-entry-container { height: 0 !important; width: 16.666% !important; padding-top: 16.666% !important } .fs-wrapper div.fs-text-container .fs-entry-title, div.fs-detail-title { font-family: Times New Roman,serif; font-style: italic; font-weight: 400 } .fs-overlink-text, .fs-text-product, div.fs-detail-container .fs-post-info, div.fs-text-container .fs-entry-date, div.fs-wrapper div.fs-has-links::after { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: 700 } .fs-slider-next-button, .fs-slider-prev-button { opacity: 1 } .fs-wrapper div.fs-text-container * { color: #fff } .fs-wrapper div.fs-text-container { background-color: rgba(0,0,0,.8); margin: 0 } div.fs-entry-date { display: none } div.fs-service-icon { display: none } div.fs-entry-title { display: none } .fs-wrapper div.fs-timeline-entry { margin: 1px } .fs-mobile .fs-slider-next-button, .fs-mobile .fs-slider-prev-button { display: -webkit-flex; display: -flex; top: 45%; bottom: auto; height: 60px; border-radius: 100% } .fs-mobile .fs-slider-next-button svg, .fs-mobile .fs-slider-prev-button svg { height: 30px } .fs-slider-next-button, .fs-slider-prev-button { z-index: 992 } .mm-slideout { z-index: 993 } .fs-slider-container { z-index: 0 } @media(max-width:991px) { .fs-desktop div.fs-entry-container { height: 0; width: calc(100% / 3) !important; padding-top: calc(100%/3) !important } } @media(max-width:767px) { .fs-mobile div.fs-entry-container { height: 0; width: calc(100% / 2) !important; padding-top: calc(90%/2) !important } } @media(max-width:480px) { .fs-mobile div.fs-entry-container { height: 0; width: 100% !important; padding-top: 90% !important } } .service-link-left { margin-left: 0 } @media(min-width:1600px) { .service-link-left { margin-left: -15px } } #trends-img { width: 120px; height: 48px; margin-top: -10px } @media(max-width:767px) { #trends-img { width: 100px; height: 40px; margin-top: -10px } } .favbtn .slcn-heart { content: ''; background-image: url(../../../images/miscellaneous/heart-white-sm.svg); height: 28px; width: 28px; display: inline-block } .favbtn { padding: 12px 5px 0 5px } @media (max-width:375px) { .cartbtn-header { padding: 15px 0 0 10px } .favbtn { padding: 12px 5px 0 10px } .logo-container .nav-login .divider { margin: 5px !important } } @media (max-width:320px) { .cartbtn-header { padding: 15px 0 0 5px } .favbtn { padding: 12px 5px 0 10px } } @media(min-width:1600px){ .container-xxl { padding: 0 45px; } }