/*======================================================== Bootstrap Reset =========================================================*/ @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,cyrillic-ext); @import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,cyrillic-ext); button, .btn { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } button::-moz-focus-inner, .btn::-moz-focus-inner { border: none; padding: 0; } button:focus, .btn:focus { outline: none; } label, input, button, select, textarea { font-size: 13px; color: #888; } @media (min-width: 768px) and (max-width: 991px) { label, input, button, select, textarea { font-size: 10px; } } label { font-weight: bold; font-size: 14px; cursor: default; } .modal-dialog { color: #888; } .panel a { color: black; } .panel a:visited { color: black; } .panel a:hover, .panel a:active, .panel a:focus { color: #008ea0; } .panel .table-responsive { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel-default { background: #f5f5f5; } .panel-default > .panel-heading { border-color: #3e3e3e; background: #f5f5f5; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-color: #3e3e3e; } textarea { resize: none; } blockquote { font-size: inherit; line-height: inherit; } select, textarea, 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 { font-size: 13px; border-radius: 0; box-shadow: none; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control, .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover, .input-group-addon { font-size: 12px; } input[type="checkbox"], input[type="checkbox"]:focus, input[type="radio"], input[type="radio"]:focus { outline: none; } .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background-color: transparent; } .bootstrap-datetimepicker-widget td span.active { background-color: #00bbd3; } .bootstrap-datetimepicker-widget td span.timepicker-minute, .bootstrap-datetimepicker-widget td span.timepicker-hour { margin-bottom: 5px; } .container > .alert, .breadcrumb + .alert { position: fixed; z-index: 1000; } .alert { position: relative; top: 0; left: 0; width: 100%; text-align: center; padding: 8px 14px 8px 14px; z-index: 30; color: #fff; border-radius: 0; } .alert i { font-size: 21px; margin-right: 5px; vertical-align: top; } .alert a { text-decoration: underline; } .alert a:hover { text-decoration: none; color: #fff; } .alert button.close { color: #fff; } .alert button.close:hover, .alert button.close:focus { opacity: 1; color: #fff; } .product-reviews .alert { z-index: 1; } .alert-success { color: #fff; background-color: #55C65E; border: 1px solid #48B151; } .alert-success a { color: #ffef97; } .alert-success a:visited { color: #ffef97; } .alert-success a:hover, .alert-success a:active, .alert-success a:focus { color: #fdda1c; } .alert-danger { color: #fff; background-color: #F3515C; border-color: #D4323D; } .alert-info { color: #fff; background-color: #FE9126; border-color: #E4752B; } .alert-info i { vertical-align: top; } .alert-warning { color: #fff; background-color: #EC710D; border-color: #D45634; } .polaroid { -webkit-box-shadow: 0 0 1px #3e3e3e; -moz-box-shadow: 0 0 1px #3e3e3e; box-shadow: 0 0 1px #3e3e3e; background: #3e3e3e; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #525252; border: none; color: #00bbd3; } .pagination > li > a, .pagination > li > span { color: #323232; background: #eaeaea; border: none; line-height: 1.2em; margin-left: 1px; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #525252; border: none; color: #00bbd3; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; text-decoration: none; } .help-block { color: #888; } .table { font-size: 14px; color: #888; background: #fff; } .table thead td { font-weight: bold; color: #323232 !important; font-size: 14px; background-color: #f5f5f5; } .table .btn-icon, .table .btn { margin: 2px 5px; } .table th, .table td { padding: 20px; border-color: #D7D7D7; -moz-box-sizing: border-box; box-sizing: border-box; } .block-compare .table th, .block-compare .table td { padding: 7px; } .product-compare .table-responsive .table-bordered .btn { margin-left: 0; margin-right: 0; } .panel-group .panel, .panel, .table-bordered, .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-radius: 0; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background: none; } .table-bordered thead tr td { border-bottom: none; } .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #3e3e3e; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: normal; } .table-responsive { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .table > tbody + tbody { border-top: none; } table a { color: #00bbd3; } .panel-heading { padding: 20px; } .product-options { line-height: 19px; } .fa-stack-2x { font-size: 1.5em; } .owl-carousel .owl-buttons div { color: #ccc; } .owl-carousel .owl-buttons div i { font-size: 26px; line-height: 26px; } .owl-carousel .owl-buttons div:hover { color: #00bbd3; } .owl-carousel:hover div.owl-buttons div { opacity: 1; } a.addthis_button_tweet { width: 85px !important; } .addthis_button_facebook_like { line-height: 20px; } html[lang="de"] a.addthis_button_tweet { width: 97px !important; } html[lang="ru"] a.addthis_button_tweet { width: 101px !important; } .fancybox-close, .fancybox-prev span, .fancybox-next span { opacity: 0.8; } .fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover { opacity: 1; } .text-danger { color: red; font-size: 16px; } .panel.panel-default { color: #888; background: #f5f5f5; border: 1px solid #3e3e3e; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .panel.panel-default .panel-collapse { color: #fff; color: #888; background: #fff; } .panel.panel-default .panel-collapse label, .panel.panel-default .panel-collapse input, .panel.panel-default .panel-collapse button, .panel.panel-default .panel-collapse select, .panel.panel-default .panel-collapse textarea { color: #888; } .panel.panel-default .panel-collapse input.btn { color: #fff; } .panel.panel-default .panel-collapse input.btn:visited { color: #fff; } .panel.panel-default .panel-collapse input.btn:hover, .panel.panel-default .panel-collapse input.btn:active, .panel.panel-default .panel-collapse input.btn:focus { color: #fff; } .panel .panel-heading { background: #f5f5f5; } .panel-title { color: #323232; } a.accordion-toggle { color: #323232; } a.accordion-toggle:focus, a.accordion-toggle:visited, a.accordion-toggle.collapsed { color: #323232; } a.accordion-toggle:hover, a.accordion-toggle:active { color: #00bbd3; } .buttons input[type="checkbox"] { position: relative; top: 2px; } .fancybox-skin { background: #fff; } .tooltip { z-index: 10000; } .product-image .polaroid .magnificent-area { z-index: 2 !important; } .product-image .polaroid .magnificent-viewport { z-index: 1 !important; } /*================== tooltip ==================*/ .tooltip-inner { background-color: #323232; } .tooltip.top .tooltip-arrow { border-top-color: #323232; } .tooltip.top-left .tooltip-arrow { border-top-color: #323232; } .tooltip.top-right .tooltip-arrow { border-top-color: #323232; } .tooltip.right .tooltip-arrow { border-right-color: #323232; } .tooltip.left .tooltip-arrow { border-left-color: #323232; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #323232; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #323232; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #323232; } /*=============================================*/ /*======================================================== Google fonts =========================================================*/ /*======================================================== Main Styles =========================================================*/ /*======================================================== Bootstrap Reset =========================================================*/ button, .btn { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } button::-moz-focus-inner, .btn::-moz-focus-inner { border: none; padding: 0; } button:focus, .btn:focus { outline: none; } label, input, button, select, textarea { font-size: 13px; color: #888; } @media (min-width: 768px) and (max-width: 991px) { label, input, button, select, textarea { font-size: 10px; } } label { font-weight: bold; font-size: 14px; cursor: default; } .modal-dialog { color: #888; } .panel a { color: black; } .panel a:visited { color: black; } .panel a:hover, .panel a:active, .panel a:focus { color: #008ea0; } .panel .table-responsive { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel-default { background: #f5f5f5; } .panel-default > .panel-heading { border-color: #3e3e3e; background: #f5f5f5; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-color: #3e3e3e; } textarea { resize: none; } blockquote { font-size: inherit; line-height: inherit; } select, textarea, 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 { font-size: 13px; border-radius: 0; box-shadow: none; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control, .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover, .input-group-addon { font-size: 12px; } input[type="checkbox"], input[type="checkbox"]:focus, input[type="radio"], input[type="radio"]:focus { outline: none; } .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background-color: transparent; } .bootstrap-datetimepicker-widget td span.active { background-color: #00bbd3; } .bootstrap-datetimepicker-widget td span.timepicker-minute, .bootstrap-datetimepicker-widget td span.timepicker-hour { margin-bottom: 5px; } .container > .alert, .breadcrumb + .alert { position: fixed; z-index: 1000; } .alert { position: relative; top: 0; left: 0; width: 100%; text-align: center; padding: 8px 14px 8px 14px; z-index: 30; color: #fff; border-radius: 0; } .alert i { font-size: 21px; margin-right: 5px; vertical-align: top; } .alert a { text-decoration: underline; } .alert a:hover { text-decoration: none; color: #fff; } .alert button.close { color: #fff; } .alert button.close:hover, .alert button.close:focus { opacity: 1; color: #fff; } .product-reviews .alert { z-index: 1; } .alert-success { color: #fff; background-color: #55C65E; border: 1px solid #48B151; } .alert-success a { color: #ffef97; } .alert-success a:visited { color: #ffef97; } .alert-success a:hover, .alert-success a:active, .alert-success a:focus { color: #fdda1c; } .alert-danger { color: #fff; background-color: #F3515C; border-color: #D4323D; } .alert-info { color: #fff; background-color: #FE9126; border-color: #E4752B; } .alert-info i { vertical-align: top; } .alert-warning { color: #fff; background-color: #EC710D; border-color: #D45634; } .polaroid { -webkit-box-shadow: 0 0 1px #3e3e3e; -moz-box-shadow: 0 0 1px #3e3e3e; box-shadow: 0 0 1px #3e3e3e; background: #3e3e3e; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #525252; border: none; color: #00bbd3; } .pagination > li > a, .pagination > li > span { color: #323232; background: #eaeaea; border: none; line-height: 1.2em; margin-left: 1px; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #525252; border: none; color: #00bbd3; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; text-decoration: none; } .help-block { color: #888; } .table { font-size: 14px; color: #888; background: #fff; } .table thead td { font-weight: bold; color: #323232 !important; font-size: 14px; background-color: #f5f5f5; } .table .btn-icon, .table .btn { margin: 2px 5px; } .table th, .table td { padding: 20px; border-color: #D7D7D7; -moz-box-sizing: border-box; box-sizing: border-box; } .block-compare .table th, .block-compare .table td { padding: 7px; } .product-compare .table-responsive .table-bordered .btn { margin-left: 0; margin-right: 0; } .panel-group .panel, .panel, .table-bordered, .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-radius: 0; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background: none; } .table-bordered thead tr td { border-bottom: none; } .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #3e3e3e; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: normal; } .table-responsive { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .table > tbody + tbody { border-top: none; } table a { color: #00bbd3; } .panel-heading { padding: 20px; } .product-options { line-height: 19px; } .fa-stack-2x { font-size: 1.5em; } .owl-carousel .owl-buttons div { color: #ccc; } .owl-carousel .owl-buttons div i { font-size: 26px; line-height: 26px; } .owl-carousel .owl-buttons div:hover { color: #00bbd3; } .owl-carousel:hover div.owl-buttons div { opacity: 1; } a.addthis_button_tweet { width: 85px !important; } .addthis_button_facebook_like { line-height: 20px; } html[lang="de"] a.addthis_button_tweet { width: 97px !important; } html[lang="ru"] a.addthis_button_tweet { width: 101px !important; } .fancybox-close, .fancybox-prev span, .fancybox-next span { opacity: 0.8; } .fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover { opacity: 1; } .text-danger { color: red; font-size: 16px; } .panel.panel-default { color: #888; background: #f5f5f5; border: 1px solid #3e3e3e; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .panel.panel-default .panel-collapse { color: #fff; color: #888; background: #fff; } .panel.panel-default .panel-collapse label, .panel.panel-default .panel-collapse input, .panel.panel-default .panel-collapse button, .panel.panel-default .panel-collapse select, .panel.panel-default .panel-collapse textarea { color: #888; } .panel.panel-default .panel-collapse input.btn { color: #fff; } .panel.panel-default .panel-collapse input.btn:visited { color: #fff; } .panel.panel-default .panel-collapse input.btn:hover, .panel.panel-default .panel-collapse input.btn:active, .panel.panel-default .panel-collapse input.btn:focus { color: #fff; } .panel .panel-heading { background: #f5f5f5; } .panel-title { color: #323232; } a.accordion-toggle { color: #323232; } a.accordion-toggle:focus, a.accordion-toggle:visited, a.accordion-toggle.collapsed { color: #323232; } a.accordion-toggle:hover, a.accordion-toggle:active { color: #00bbd3; } .buttons input[type="checkbox"] { position: relative; top: 2px; } .fancybox-skin { background: #fff; } .tooltip { z-index: 10000; } .product-image .polaroid .magnificent-area { z-index: 2 !important; } .product-image .polaroid .magnificent-viewport { z-index: 1 !important; } /*================== tooltip ==================*/ .tooltip-inner { background-color: #323232; } .tooltip.top .tooltip-arrow { border-top-color: #323232; } .tooltip.top-left .tooltip-arrow { border-top-color: #323232; } .tooltip.top-right .tooltip-arrow { border-top-color: #323232; } .tooltip.right .tooltip-arrow { border-right-color: #323232; } .tooltip.left .tooltip-arrow { border-left-color: #323232; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #323232; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #323232; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #323232; } /*=============================================*/ body { font: 400 14px/22px "Roboto Condensed", sans-serif; color: #2C2C2C; background: #3e3e3e; } #page { background: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; line-height: 1.2em; text-transform: uppercase; font-weight: bold; color: #3e3e3e; } button { outline: none; } .green { color: green; } /* default font size */ .fa { line-height: inherit; } /* Override the bootstrap defaults */ h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } button { -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } a { font: inherit; color: #00bbd3; text-decoration: none; outline: none; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } a:visited { color: #00bbd3; } a:active { background: transparent; outline: none; } a:visited, a:focus { text-decoration: none; outline: 0; } a:hover { text-decoration: none; } a:hover, a:active, a:focus { color: #323232; } p a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; } legend { font-size: 16px; color: #323232; text-transform: uppercase; border-color: #3e3e3e; padding: 20px 0; margin-bottom: 30px; } label { font-size: 14px; text-transform: uppercase; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 12px; border-radius: 0; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover, .input-group-addon { font-size: 12px; } .input-group .input-group-addon { height: 30px; } .nav-tabs { margin-bottom: 15px; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /* Gradent to all drop down menus */ .dropdown-menu li > a:hover { color: #ffffff; background-color: #00bbd3; background-repeat: repeat-x; } /*======================================================== Header styles =========================================================*/ .header { margin-bottom: 30px; padding-top:10px; } .header .col-sm-12 { min-height: 0; } .header .block-logo { text-align: center; margin-bottom: 8px; position: relative; } .header a.checkout-button { display: inline-block; float: right; margin: 0 0 10px 26px; font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 12px 13px; color: #fff; background: #FFC20E ; } .header a.checkout-button i { display: none; } .header a.checkout-button:visited { color: #fff; background: #FFC20E ; } .header a.checkout-button:hover, .header a.checkout-button:focus, .header a.checkout-button:active { color: #fff; background: #07e3ff; } .header .top { display: inline-block; width: 100%; border-bottom: 3px solid #3e3e3e; margin-bottom: 19px; position: relative; } .header .box-language, .header .box-currency { display: inline-block; float: right; margin: 17px 0 10px 18px; font: 400 12px/14px "Roboto Condensed", sans-serif; } .header .box-language { margin-left: 18px; } .header .social { display: inline-block; float: right; margin: 15px 0 0; } .header .social li { display: inline-block; float: left; font-size: 17px; line-height: 20px; margin: 1px 9px 5px; } .header .social li a { color: #c8c7c7; } .header .social li a:visited { color: #c8c7c7; } .header .social li a:hover, .header .social li a:active, .header .social li a:focus { color: #3e3e3e; } .header .logo { float: left; max-width: 100%; margin-bottom: 20px; } .header .logo .tx { display: inline-block; margin: 10px 0 0 -10px; } .header .logo .tx .title { font-size: 45px; line-height: 45px; font-weight: 500; margin-right: 6px; } .header .logo .tx br { display: none; } .header .logo .tx .description { font-size: 12px; line-height: 14px; text-transform: uppercase; } .header .logo a { display: block; color: #888; } .header .logo a:visited, .header .logo a:hover, .header .logo a:focus, .header .logo a:active { color: #888; } .header .logo a img { display: inline-block; float: left; } .header .dropdown-menu { color: #888; background: #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 15px 0; border: none; margin-top: 15px; text-transform: uppercase; } .header .dropdown-menu > li > button, .header .dropdown-menu > li > a { color: #888; font-size: 14px; line-height: 16px; font-weight: 400; } .header .dropdown-menu > li > button:visited, .header .dropdown-menu > li > a:visited { color: #888; } .header .dropdown-menu > li > button:hover, .header .dropdown-menu > li > button:focus, .header .dropdown-menu > li > button:active, .header .dropdown-menu > li > a:hover, .header .dropdown-menu > li > a:focus, .header .dropdown-menu > li > a:active { color: #fff; background: #00bbd3; } .header .dropdown-menu:before { content: ''; display: block; height: 5px; left: 8px; position: absolute; top: -5px; width: 9px; } .common-home header { margin-bottom: 0; } /*================ Top Links style ===============*/ .nav { display: inline-block; float: left; margin: 0; } .nav > ul { padding: 0; margin: 0; } .nav > ul li { padding: 0; } .nav > ul li a { display: inline-block; color: #888; font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 17px 7px 16px 8px; position: relative; } .nav > ul li a:after { position: absolute; display: block; content: ''; top: 100%; left: 50%; width: 0; height: 3px; background: #00bbd3; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .nav > ul li a i { display: none; font-size: 16px; line-height: 19px; } .nav > ul li a i.fa-angle-down { display: inline-block; margin-left: 9px; } .nav > ul li a:hover, .nav > ul li a:active, .nav > ul li a:focus { color: #3e3e3e; } .nav > ul li a:hover i, .nav > ul li a:active i, .nav > ul li a:focus i { color: #3e3e3e; } .nav > ul li a:hover:after, .nav > ul li a:active:after, .nav > ul li a:focus:after { left: 0; width: 100%; } /*================ CURRENCY AND LANGUAGE BOXES ===============*/ .box-language .open .dropdown-toggle, .box-currency .open .dropdown-toggle, .box-language .dropdown-toggle:hover, .box-currency .dropdown-toggle:hover { color: #00bbd3; } .box-language .open .dropdown-toggle:after, .box-currency .open .dropdown-toggle:after, .box-language .dropdown-toggle:hover:after, .box-currency .dropdown-toggle:hover:after { color: #00bbd3; } .box-language .dropdown-toggle, .box-currency .dropdown-toggle { display: block; text-align: center; font-size: 14px; line-height: 16px; color: #888; text-transform: uppercase; cursor: pointer; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .box-language .dropdown-toggle:after, .box-currency .dropdown-toggle:after { display: inline-block; content: '\f0d7'; font-size: 12px; line-height: 12px; vertical-align: top; font-weight: 400; font-family: "FontAwesome"; margin-left: 3px; color: #888; } .box-currency .dropdown-menu, .box-language .dropdown-menu { margin-top: 19px; right: 0; min-width: 155px; padding: 6px 0 8px 0; } .box-currency .dropdown-menu:before, .box-language .dropdown-menu:before { left: auto; right: 8px; } .box-currency .dropdown-menu a, .box-currency .dropdown-menu button, .box-language .dropdown-menu a, .box-language .dropdown-menu button { text-align: left; display: block; padding: 7px 10px 7px 18px; width: 100%; font-size: 13px; text-transform: uppercase; } .box-currency .dropdown-menu a span, .box-currency .dropdown-menu button span, .box-language .dropdown-menu a span, .box-language .dropdown-menu button span { margin-right: 5px; } /********** Swipe menu ******************/ .toprow-1 { color: #fff; left: 0; position: fixed; top: 0; width: 100%; z-index: 90; display: none; background: #00bbd3; } .toprow-1 a i, .toprow-1 a:visited i, .toprow-1 a:focus i, .toprow-1 a:hover i, .toprow-1 a:active i { color: #fff; } .swipe-control { border-right: 1px solid #fff; display: block; height: 50px; vertical-align: top; text-align: center; width: 64px; z-index: 100; } .swipe-control i { line-height: 50px; font-size: 30px; vertical-align: top; color: #fff; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .swipe-control:hover i, .swipe-control.active i { color: #fff; } .swipe { display: block; overflow: hidden; position: fixed; top: 50px; width: 237px; z-index: 101; bottom: 0; left: -237px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .swipe .swipe-menu { height: 100%; overflow-y: auto; padding-bottom: 30px; } .swipe ul { padding: 0; margin: 0; } .swipe ul li { list-style-type: none; } .swipe ul li a { display: block; padding: 10px 20px; color: #929497; border-top: 1px solid #cecece; font-size: 14px; line-height: 25px; background: #fff; } .swipe ul li a i, .swipe ul li a:before { font-size: 20px; color: #00bbd3; margin-right: 9px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; vertical-align: top; } .swipe ul li a:hover { background-color: #00bbd3; color: #fff; } .swipe ul li a:hover i, .swipe ul li a:hover:before { color: #fff; } .swipe .foot li a:before { content: "\f05a"; font-family: "FontAwesome"; display: inline-block; } .ind .swipe { display: block; left: 0; } .ind #page { left: 0; position: fixed; top: 0; width: 100%; z-index: 88; } .ind .shadow { background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; z-index: 88; } .swipe .foot li + li a:before { content: "\f0d1"; } .swipe .foot li + li + li a:before { content: "\f06a"; } .swipe .foot li + li + li + li a:before { content: "\f085"; } .swipe .foot.foot-1 li a:before { content: "\f0ac"; } .swipe .foot.foot-1 li + li a:before { content: "\f079"; } .swipe .foot.foot-1 li + li + li a:before { content: "\f0e8"; } .swipe .foot.foot-2 li a:before { content: "\f02c"; } .swipe .foot.foot-2 li + li a:before { content: "\f06b"; } .swipe .foot.foot-2 li + li + li a:before { content: "\f0c0"; } .swipe .foot.foot-2 li + li + li + li a:before { content: "\f0a3"; } .swipe .foot.foot-3 li a:before { content: "\f0cb"; } .swipe .foot.foot-3 li + li a:before { content: "\f003"; } @media (max-width: 767px) { .toprow-1 { display: block; } } .header_modules { position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*======================================================== Responsive Header styles =========================================================*/ @media (min-width: 1200px) { .header .logo { margin-right: 42px; } } @media (min-width: 768px) { .header { height: 112px; } } @media (min-width: 768px) and (max-width: 991px) { .nav > ul li a { font-size: 13px; } .header a.checkout-button { margin-left: 10px; } } @media (min-width: 768px) { .header { position: relative; z-index: 6; } .header .block-logo { z-index: 2; } aside .box .box-heading { position: relative; } } @media (max-width: 767px) { .header .block-logo { text-align: center; } .header .block-logo .logo { float: none; margin-bottom: 25px; } .header .block-logo .logo a { display: inline-block; } .header .block-logo .logo a img { float: none; } .header .block-logo .search { float: left; margin: 0 10px 10px 0; vertical-align: top; } .fluid_container { margin-top: 0; } .header { background: none; padding-top: 50px; } .header .box-currency { margin-right: 0; padding: 0; } .header .box-cart { margin: 0; } .header .box-cart:before { display: none; } .header div.nav__primary { margin-top: 0; } .header .box-cart { float: right; } .header .nav { margin-top: 0; } .header .nav ul { display: none; } .header .nav__primary { margin-top: 15px; background: none; } } @media (max-width: 420px) { .header .block-logo { margin-bottom: 0; } .header .block-logo .search { float: none; margin: 0 0 15px 0; } .header .block-logo .pull-right { float: none !important; } .header .block-logo .pull-right a.checkout-button { margin-left: 0; float: none; } } @media (max-width: 410px) { .box-language .dropdown-toggle, .box-currency .dropdown-toggle { font-size: 12px; line-height: 14px; } .box-language .dropdown-toggle:after, .box-currency .dropdown-toggle:after { font-size: 12px; line-height: 14px; margin-left: 4px; } .header .dropdown-menu:before { right: 10px; } } /*======================================================== Content styles =========================================================*/ #page { overflow: hidden; } .content_bottom { background: #E5F5F7; padding: 50px 0 30px 0; margin-top: 15px; } /*================== Marked List ======================*/ .box.account ul, .box.affilate ul, .box.info ul { padding: 0; list-style-type: none; } .box.account ul li, .box.affilate ul li, .box.info ul li { float: none; padding: 9px 0; text-transform: uppercase; } .box.account ul li a, .box.affilate ul li a, .box.info ul li a { position: relative; display: inline-block; color: #323232; font-size: 14px; line-height: 16px; } .box.account ul li a:visited, .box.affilate ul li a:visited, .box.info ul li a:visited { color: #323232; } .box.account ul li a:hover, .box.account ul li a:active, .box.account ul li a:focus, .box.affilate ul li a:hover, .box.affilate ul li a:active, .box.affilate ul li a:focus, .box.info ul li a:hover, .box.info ul li a:active, .box.info ul li a:focus { color: #00bbd3; } aside .box .box-content { margin: 0; } .manufacturer-content div { margin: 0; list-style-type: none; font: 400 16px/19px "Roboto Condensed", sans-serif; } .manufacturer-content div a { position: relative; color: #3e3e3e; } .manufacturer-content div a:visited { color: #3e3e3e; } .manufacturer-content div a:hover, .manufacturer-content div a:focus, .manufacturer-content div a:active { color: #00bbd3; } .site-map-page #content ul { padding-left: 0; } .site-map-page #content ul ul { padding-left: 30px; } .account-account #content ul.list-unstyled { margin-bottom: 25px; } #content .product-info ul.list-unstyled a:before { display: none; } /*==============================================*/ @media (min-width: 768px) and (max-width: 991px) { .box.account ul li, .box.affilate ul li { padding: 6px 0; } } @media (max-width: 767px) { aside { margin-top: 20px; } aside .container { padding: 0; width: 100%; } #content [class*="col-sm-"] + [class*="col-sm-"] { margin-top: 20px; } } /*================== Lazy Img ======================*/ .lazy { display: block; position: relative; height: 0; overflow: hidden; background: transparent url(../image/lazy-loader.gif) no-repeat center center; } .lazy img { position: absolute; top: 0; left: 0; width: 100%; height: 270px; z-index: 0; -moz-transition: 1s all ease; -o-transition: 1s all ease; -webkit-transition: 1s all ease; transition: 1s all ease; opacity: 0; } .lazy.lazy-loaded { background: none; } .lazy.lazy-loaded img { opacity: 1; } .search { position: relative; display: inline-block; margin: 0 0 10px 0; } .search input { color: #888; float: left; margin: 0; font-size: 14px; line-height: 20px; width: 300px; height: 40px; padding: 10px 5px 10px 17px; background: #fff; border: 1px solid #e5e3e3; border-right: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .search input::-webkit-input-placeholder { color: #888; opacity: 1; } .search input:-moz-placeholder { color: #888; opacity: 1; } .search input::-moz-placeholder { color: #888; opacity: 1; } .search input:-ms-input-placeholder { color: #888; opacity: 1; } .search button { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; width: 70px; height: 40px; text-align: center; color: #00bbd3; float: right; border: 1px solid #e5e3e3; background: #fff; font: 400 22px/38px "FontAwesome"; } .search button::-moz-focus-inner { border: none; padding: 0; } .search button:hover, .search button:focus, .search button:active { background: #fafafa; } .search button:hover i, .search button:focus i, .search button:active i { color: #3e3e3e; } #livesearch_search_results { margin: 10px 0 0; padding: 5px; position: absolute; top: 100%; width: 100%; left: 0; color: #888; text-align: left; border: 1px solid #e5e3e3; background: #fff; list-style-type: none; z-index: 12; font-size: 14px; } #livesearch_search_results:before { content: ''; display: block; height: 5px; position: absolute; left: 8px; top: -5px; width: 9px; } #livesearch_search_results li { -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; text-transform: uppercase; } #livesearch_search_results li img { float: left; margin-right: 10px; } #livesearch_search_results li img.loading { background: #f5f5f5; } #livesearch_search_results li:hover, #livesearch_search_results li.highlighted { background-color: #00bbd3; } #livesearch_search_results li:hover a, #livesearch_search_results li:hover a:visited, #livesearch_search_results li.highlighted a, #livesearch_search_results li.highlighted a:visited { color: #fff; } #livesearch_search_results a { display: block; padding: 5px; color: #888; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } #livesearch_search_results a:visited { color: #888; } #livesearch_search_results a:before, #livesearch_search_results a:after { display: table; content: ""; line-height: 0; } #livesearch_search_results a:after { clear: both; } @media (min-width: 992px) and (max-width: 1199px) { .search input { width: 230px; } .search button { width: 66px; } } @media (min-width: 768px) and (max-width: 991px) { #livesearch_search_results li img { display: none !important; } .search button { width: 44px; } .search input { width: 150px; } } @media (max-width: 767px) { .search { margin-top: 23px; margin-bottom: 0; margin-left: 20px; } .search input { width: 200px; } .search button { width: 66px; } .header .logo { margin-bottom: 10px; } .header .phone { margin-top: 22px; } } /*================ Box Cart ===============*/ .box-cart { margin: 0 0 0 10px; display: inline-block; float: right; } .box-cart .btn-danger { border: 0; padding: 0; color: #525252; font-size: 14px; line-height: 14px; vertical-align: top; background: none !important; margin-right: 4px; margin-top: -2px; } .box-cart .btn-danger:hover, .box-cart .btn-danger:focus, .box-cart .btn-danger:active { color: #00bbd3; background: none; } .box-cart a:hover img { opacity: .9; } .box-cart .btn { margin-bottom: 7px; } /*================ Cart ===============*/ .cart { position: relative; } .cart > button { color: #888; font-size: 14px; line-height: 19px; text-transform: uppercase; text-align: left; } .cart > button strong { font-size: 18px; color: #00bbd3; font-weight: bold; letter-spacing: -.45px; } .cart > button > span { display: inline-block; } .cart > button i.material-design-shopping231 { color: #00bbd3; display: inline-block; font-size: 40px; line-height: 40px; vertical-align: top; margin-right: 12px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .cart > button i.material-design-drop25 { display: inline-block; vertical-align: top; color: #888; font-size: 19px; line-height: 16px; margin-left: 8px; } .cart > button .cart-total2 { display: none; } .cart > button:hover i.material-design-shopping231, .cart.open > button i.material-design-shopping231 { color: #07e3ff; } /*================ Cart DropDown ===============*/ .cart .dropdown-menu { text-align: left; z-index: 1001; min-width: 260px; width: 280px; margin-top: 0; padding: 10px 0 0 0; left: auto; color: #888; right: 0; font: 400 13px/18px "Roboto Condensed", sans-serif; } .cart .dropdown-menu:before { left: auto; right: 20px; } .cart .dropdown-menu .prod { max-height: 230px; overflow: auto; } .cart .dropdown-menu .title { padding: 5px 15px 1px 29px; letter-spacing: 1px; font: 400 18px/23px "Roboto Condensed", sans-serif; text-transform: uppercase; } .cart .dropdown-menu .title i { font-size: 18px; margin-right: 7px; } .cart .dropdown-menu .quantity { margin-top: 3px; margin-bottom: 5px; } .cart .dropdown-menu .cart-total2 { display: inline-block; } .cart .dropdown-menu .image { margin-left: 20px; } .cart .dropdown-menu small { font-size: 13px; } .cart .dropdown-menu .price-cart { color: #00bbd3; font-weight: bold; } .cart .dropdown-menu .name { line-height: 16px; margin-top: -2px; margin-bottom: 5px; } .cart .dropdown-menu .name a { font-size: 14px; line-height: 16px; } .cart .dropdown-menu img { max-width: 66px; } .cart .dropdown-menu table { margin-bottom: 0; background: none; } .cart .dropdown-menu .table > tbody > tr > td { padding: 15px 8px; } .cart .dropdown-menu .table > tbody > tr > td.text-left { padding-right: 0; } .cart .dropdown-menu .block-total { font-size: 14px; line-height: 16px; padding: 10px 15px 21px 23px; background: #e5e5e5; border-top: 1px solid #d1d1d1; } .cart .dropdown-menu .block-total strong { font-weight: bold; color: #00bbd3; } .cart .dropdown-menu .block-total .table { margin: 0 0 10px; } .cart .dropdown-menu .block-total p { margin: 0 5px 0 0; } .cart .dropdown-menu .block-total tr { border: none; } .cart .dropdown-menu .block-total .btn { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-weight: 400; padding: 10px 15px; margin: 0 1px 5px; } .cart .dropdown-menu .block-total .btn.btn-primary { color: #888; background: #fff; } .cart .dropdown-menu .block-total .btn.btn-primary:visited { color: #eaeaea; background: #fff; } .cart .dropdown-menu .block-total .btn.btn-primary:hover, .cart .dropdown-menu .block-total .btn.btn-primary:focus, .cart .dropdown-menu .block-total .btn.btn-primary:active { color: #fff; background: #525252; } .cart .dropdown-menu .block-total tbody > tr > td { padding: 2px 8px 3px !important; } .cart .dropdown-menu .table > tbody > tr > td { border-top: none; } .cart ul > li tr { border-top: 1px solid #d1d1d1; } .cart ul > li tr:first-child { border: none; } .cart td { font-size: 13px; } .cart td strong { font-size: 14px; } .cart .total td { border: none; padding: 4px; font-size: 14px; } .cart .table.total tr.last td strong, .cart .table.total tr.last td { font-size: 18px; font-weight: bold; color: #00bbd3; } .cart .table.total tr.last td strong { font-size: 19px; } /*========= responsive =============*/ @media (min-width: 1200px) { html[lang="ru"] .cart > button { min-width: 250px; } html[lang="ru"] .nav > ul > li + li { margin-left: 10px; } } @media (max-width: 1199px) { .cart .cart-total, .cart > button strong { display: none; } .cart .cart-total2 { display: inline-block; } .cart > button { min-width: 0; } .cart > button br { display: none; } .cart > button span i.material-design-drop25 { margin: 10px 0 0; } .cart > button i.material-design-shopping231 { margin-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .box-cart { margin-left: 0; } } @media (min-width: 768px) { .box-cart { position: relative; z-index: 1; } } @media (max-width: 767px) { .cart { position: fixed; top: 0; right: 0; margin: 0; z-index: 91; } .cart > button { border-left: 1px solid #fff; height: 50px; padding: 0 10px; min-width: 72px; text-align: left; background: none; } .cart > button i.material-design-shopping231, .cart > button i.material-design-drop25 { color: #fff; } .cart > button:hover i, .cart > button:hover i.material-design-shopping231, .cart > button:visited i, .cart > button:visited i.material-design-shopping231, .cart > button:active i, .cart > button:active i.material-design-shopping231, .cart > button:focus i, .cart > button:focus i.material-design-shopping231 { color: #fff !important; } .cart > button .fa-angle-down { display: none; } .cart > button .cart-total2 { vertical-align: top; height: 27px; line-height: 27px; top: 2px; width: 27px; } .cart .dropdown-menu { left: auto; right: 0; max-height: 300px; overflow: auto; padding-bottom: 0; } .cart .dropdown-menu .prod { max-height: none; overflow: hidden; } .cart .dropdown-menu:before { right: 27px; } .cart.open i.material-design-shopping231 { color: #fff !important; } } @media (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { .cart .dropdown-menu { max-height: 270px !important; } } /*======================================================== Product =========================================================*/ /* =================== Product Layout =================== */ .product-layout { margin-bottom: 30px; } #content .box .product-layout { margin-bottom: 0; } /* =================== Product Image =================== */ .product-thumb .image { position: relative; display: inline-block; width: 100%; margin-bottom: 11px; } .product-thumb .image > a { display: inline-block; width: 100%; } .product-thumb .image > a img { -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; margin: 0 auto; background: #f5f5f5; opacity: 1; } .product-thumb .image > a:hover img { opacity: .9; } /* =================== Product Caption =================== */ .product-thumb { position: relative; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-thumb .description, .product-thumb .description-small { font: 400 14px/19px "Roboto Condensed", sans-serif; margin-bottom: 10px; } .product-thumb .caption { width: 100%; display: inline-block; } .product-thumb .caption .price { font-size: 23px; line-height: 28px; color: #00bbd3; display: block; margin-bottom: 2px; } .product-thumb .caption .price-new { color: #00bbd3; } .product-thumb .caption .name { margin-bottom: 5px; padding-left: 10px; padding-right: 10px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .product-thumb .cart-button .btn-icon { margin: 0 1px 1px 0; } .product-thumb .cart-button .btn-icon.quickview { margin-right: 0; } .product-thumb .rating { margin-bottom: 16px; } .product-grid .product-thumb .caption .name { margin-bottom: 5px; } .line-pagination { padding-top: 20px; } .product-grid .price-list, .product-list .price, .product-grid .description, .product-list .description-small { display: none; } .product-grid .product-thumb { overflow: hidden; } .product-layout.product-list { margin-bottom: 20px; } .product-list .product-thumb .caption { position: relative; display: block; width: auto; bottom: auto; } .product-list .product-thumb .caption .name { margin-bottom: 10px; padding: 0; } .product-list .product-thumb .caption .cart-button { padding: 0; } .product-list .product-thumb:hover div.caption { bottom: auto; } .product-list .product-thumb:hover div.caption .name { margin-bottom: 10px; } .product-list .product-thumb .stickers { left: 0; } /* ================== Product List, Product Grid =================== */ .fancybox-inner .cart-button > div, .product-list .cart-button > div { display: inline-block; vertical-align: top; } .product-list .product-thumb { text-align: left; } .product-list .product-thumb > .price { display: none; } .product-list .product-thumb .caption, .product-list .product-thumb .cart-button { overflow: hidden; text-align: left; } .product-list .price-list { display: inline-block; float: none; } .product-list .product-thumb .image { float: left; margin-right: 30px; width: 30%; max-width: 270px; } .product-grid .product-thumb .image { float: none; } /* ================== SALE, NEW Message =================== */ .stickers { position: absolute; display: block; top: 0; left: 0; z-index: 1; width: 100%; pointer-events: none; } .stickers .sale, .stickers .new_pr { position: relative; font: bold 14px/16px "Roboto Condensed", sans-serif; height: 35px; text-transform: uppercase; display: inline-block; color: #fff; padding: 9px 21px 10px; background: #004165 ; text-align: center; } .stickers .sale { background: #FFC20E; float: left; padding-left: 19px; padding-right: 19px; } .stickers .new_pr { float: right; } aside .stickers { left: 0; } /* =================== Product Price =================== */ .price, .price-new, .price-old { font: 400 23px/28px "Roboto Condensed", sans-serif; color: #00bbd3; } .price-tx { color: #00bbd3; font: 400 16px/19px "Roboto Condensed", sans-serif; } .price-new { margin-right: 0; } .price-old { color: #888; font-weight: 300; font-size: 19px; line-height: 23px; text-decoration: line-through; } .price-section .price-new, .price-section .price-old { font-size: 30px; line-height: 36px; } .price-section .price-old { font-size: 20px; line-height: 30px; } .price-section .reward { display: block; margin-top: 10px; } .price-tax { font-size: 12px; } .price-total { font-weight: 400; color: #00bbd3; } .price s { font-size: 15px; } .prod-stock { color: #6BA239; } .product-thumb .price-tax { font-size: 12px; display: block; } .box .product-thumb .price-tax, .product-grid .product-thumb .price-tax { display: none; } /* ============================================================*/ #product .btn { line-height: 25px; } #product .btn i { margin-right: 5px; font-size: 25px; line-height: 25px; vertical-align: top; } #product .btn span { line-height: 25px; vertical-align: top; } #product ul.product-buttons .btn { line-height: 0; } .product-buttons .btn { color: #888; background: #eaeaea; } .product-buttons .btn:visited { color: #888; background: #eaeaea; } .product-buttons .btn:hover, .product-buttons .btn:active, .product-buttons .btn:focus { color: #fff; background: #525252; } /* =================== Product Rating =================== */ .fa-stack { font-size: 20px; line-height: 23px; width: 0.8em; height: auto; vertical-align: top; } .fa-stack i { color: #bbc2c7; } .fa-stack i.active { color: #00bbd3; } .table-compare td.rating .fa-stack, .table-compare td.rating .fa-stack-2x { width: 1em; height: 1em; font-size: 1em; } /* =================== Product Quickview =================== */ .quick_info { display: none; } .fancybox-inner .cart-button { padding: 0; } .fancybox-inner .cart-button > span { display: inline-block; vertical-align: top; } .fancybox-inner .cart-button .btn, .fancybox-inner .cart-button .btn-icon { margin: 0 1px 1px 0; } .fancybox-inner .cart-button .btn { margin-right: 1px; } .fancybox-skin:hover .fancybox-nav span { visibility: visible; } .fancybox-nav { height: 40px; top: 50%; width: 40px; } .fancybox-next { right: -60px; } .fancybox-prev { left: -60px; } .quickview_description { overflow: auto; max-height: 300px; border: 1px solid #3e3e3e; padding: 10px; margin-top: 15px; } .quickview_description iframe, .product-desc iframe { width: 40% !important; height: 200px !important; float: left; margin-right: 2em; margin-bottom: 15px; } .quickview-style .inf { font-size: 14px; margin-bottom: 10px; } .quickview-style .rating { margin-top: 5px; } /*=========================================================*/ .magnificent-viewport { z-index: 5 !important; } /*======================================================== Responsive Styles Product =========================================================*/ @media (min-width: 768px) and (max-width: 991px) { .product-grid .btn-icon { font-size: 18px; height: 35px; line-height: 35px; width: 51px; } } @media (max-width: 991px) { .product-layout.product-list { margin-bottom: 30px; } } @media (min-width: 768px) { .box .box-content .last { clear: left; } .fancybox-next { right: -30px; } .fancybox-prev { left: -30px; } } @media (max-width: 767px) { .product-thumb .quickview { display: none; } .product-list .product-thumb { text-align: center; } .block-grid .product-thumb { padding-bottom: 0; } .block-grid .product-thumb .caption { background: none; bottom: auto; display: inline-block; left: 0; position: relative; } .block-grid .product-thumb .caption .name { margin-bottom: 5px; } .block-grid .product-thumb .caption .price { margin-top: 5px; } .block-grid .product-thumb:hover .caption div.name { margin-bottom: 5px; } #content .block-grid [class*="col-sm-"] + [class*="col-sm-"] { margin-top: 10px; } #content .block-grid, #content .list-block, #content .product-list .product-thumb .caption, #content .product-list .product-thumb .cart-button { text-align: center; } #content .box .product-layout, #content .product-grid.product-layout, #content .product-list.product-layout { width: 100%; display: inline-block; float: none; } #content .product-grid.product-layout, #content .product-list.product-layout { max-width: 300px; } #content .product-list .description { display: none; } #content .product-list .description-small { display: block; } #content .product-list .product-thumb .caption .price { margin-top: 0; } .quickview_description iframe, .product-desc iframe { float: none; width: 100% !important; margin: 0 0 2em; } .product-list .product-thumb .image { float: none; margin: 0 0 15px; width: 100%; } } @media (max-width: 600px) { .quickview_description iframe, .product-desc iframe { height: 240px !important; } } /*======================================================== Box =========================================================*/ .box { margin-bottom: 33px; } .box .box-heading { padding-bottom: 13px; margin: 0 0 30px; border-bottom: 3px solid #FFC20E; text-align: left; } .box .box-heading h3 { font: bold 24px/29px "Roboto Condensed", sans-serif; color: #FFC20E; margin: 0; } .box .box-content { font-size: 14px; line-height: 16px; } #content .box .box-content { padding: 0; } aside .box.specials .box-content, aside .box.latest .box-content, aside .box.featured .box-content, aside .box.bestsellers .box-content { padding: 0; } aside .box.specials .box-content .product-layout, aside .box.latest .box-content .product-layout, aside .box.featured .box-content .product-layout, aside .box.bestsellers .box-content .product-layout { width: 100%; background: none; } aside .box.specials .box-content .product-layout .box-carousel > div:first-child, aside .box.latest .box-content .product-layout .box-carousel > div:first-child, aside .box.featured .box-content .product-layout .box-carousel > div:first-child, aside .box.bestsellers .box-content .product-layout .box-carousel > div:first-child { border-top: none; } aside .box.specials .box-content .product-layout .box-carousel > div .product-thumb, aside .box.latest .box-content .product-layout .box-carousel > div .product-thumb, aside .box.featured .box-content .product-layout .box-carousel > div .product-thumb, aside .box.bestsellers .box-content .product-layout .box-carousel > div .product-thumb { padding: 0 0 30px; } aside .box.specials .box-content .product-layout .box-carousel > div .product-thumb .image, aside .box.latest .box-content .product-layout .box-carousel > div .product-thumb .image, aside .box.featured .box-content .product-layout .box-carousel > div .product-thumb .image, aside .box.bestsellers .box-content .product-layout .box-carousel > div .product-thumb .image { padding: 0; width: 100%; margin-bottom: 10px; float: left; } aside .box.specials .box-content .product-layout .box-carousel > div .product-thumb .caption, aside .box.latest .box-content .product-layout .box-carousel > div .product-thumb .caption, aside .box.featured .box-content .product-layout .box-carousel > div .product-thumb .caption, aside .box.bestsellers .box-content .product-layout .box-carousel > div .product-thumb .caption { background: none; bottom: auto; left: auto; display: inline-block; padding-bottom: 0; position: relative; width: 100%; } aside .box.specials .box-content .product-layout .box-carousel > div .product-thumb .caption .price, aside .box.latest .box-content .product-layout .box-carousel > div .product-thumb .caption .price, aside .box.featured .box-content .product-layout .box-carousel > div .product-thumb .caption .price, aside .box.bestsellers .box-content .product-layout .box-carousel > div .product-thumb .caption .price { margin: 0 0 5px; } /*================ Facebook =======================*/ .box.facebook .box-content { padding: 22px 30px 20px 30px; } /*======================================================== Responsive Box =========================================================*/ @media (max-width: 767px) { aside .box .box-heading { position: relative; cursor: pointer; padding: 15px 20px; background: #3e3e3e; } aside .box .box-heading h3 { color: #fff; } aside .box .box-heading:after { content: '\f055'; position: absolute; right: 17px; top: 0; font-size: 24px; line-height: 62px; color: #fff; font-family: "FontAwesome"; } aside .box .box-heading.active:after { content: '\f056'; } aside .box .box-heading:hover:after { color: #00bbd3; } aside .box .box-carousel { text-align: center; } aside .box .box-carousel > div { margin-left: 15px; margin-right: 15px; max-width: 270px; display: inline-block; } #content .box.latest .box-content, #content .box.featured .box-content, #content .box.bestsellers .box-content, #content .box.specials .box-content { background: none; line-height: 0; } #content .box.latest .box-content .product-thumb .caption, #content .box.featured .box-content .product-thumb .caption, #content .box.bestsellers .box-content .product-thumb .caption, #content .box.specials .box-content .product-thumb .caption { background: none; bottom: auto; display: inline-block; left: 0; position: relative; } #content .box.latest .box-content .product-thumb .caption .name, #content .box.featured .box-content .product-thumb .caption .name, #content .box.bestsellers .box-content .product-thumb .caption .name, #content .box.specials .box-content .product-thumb .caption .name { margin-bottom: 15px; } } /*======================================================== Buttons =========================================================*/ .buttons { margin: 1em 0; } .buttons:before, .buttons:after { display: table; content: ""; line-height: 0; } .buttons:after { clear: both; } .input-group-btn .btn, #product .input-group-btn .btn { padding: 9px 12px; line-height: 15px; } .input-group-btn .btn i, #product .input-group-btn .btn i { font-size: 14px; line-height: 16px; margin: 0; } #product .input-group-btn .btn { line-height: 16px; } /* ================ Default Buttons BEGIN =============== */ .btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn, a.btn { font: bold 14px/16px "Roboto Condensed", sans-serif; letter-spacing: -.3px; color: #fff; background: #00bbd3; text-transform: uppercase; text-shadow: none; border: none; padding: 12px 20px 11px; outline: none; margin-bottom: 5px; border-radius: 0; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .btn:visited, .btn-default:visited, .btn-primary:visited, .btn-success:visited, .btn-info:visited, .btn-warning:visited, .btn-danger:visited, .btn:visited, a.btn:visited { color: #fff; background: #00bbd3; } .btn:hover, .btn:active, .btn:focus, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn:hover, .btn:active, .btn:focus, a.btn:hover, a.btn:active, a.btn:focus { color: #fff; background: #525252; } .btn i, .btn-default i, .btn-primary i, .btn-success i, .btn-info i, .btn-warning i, .btn-danger i, .btn i, a.btn i { -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } /*================ Product Buttons BEGIN ===============*/ .btn.btn-danger, a.btn.btn-danger, .btn.btn-warning, a.btn.btn-warning { color: #fff; background: #00bbd3; } .btn.btn-danger:visited, a.btn.btn-danger:visited, .btn.btn-warning:visited, a.btn.btn-warning:visited { color: #fff; background: #00bbd3; } .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus, a.btn.btn-danger:hover, a.btn.btn-danger:active, a.btn.btn-danger:focus, .btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus, a.btn.btn-warning:hover, a.btn.btn-warning:active, a.btn.btn-warning:focus { color: #00bbd3; background: #323232; } .btn-icon.btn-danger, .btn-icon.btn-warning { color: #fff; background: #00bbd3; } .btn-icon.btn-danger:visited, .btn-icon.btn-warning:visited { color: #fff; background: #00bbd3; } .btn-icon.btn-danger:hover, .btn-icon.btn-danger:focus, .btn-icon.btn-danger:active, .btn-icon.btn-warning:hover, .btn-icon.btn-warning:focus, .btn-icon.btn-warning:active { color: #00bbd3; background: #323232; } .btn-icon { display: inline-block; font-size: 25px; line-height: 46px; width: 67px; text-align: center; height: 46px; color: #fff; background: #eaeaea; padding: 0; } .btn-icon:visited { color: #fff; background: #eaeaea; } .btn-icon:hover, .btn-icon:focus, .btn-icon:active { color: #00bbd3; background: #323232; } a.btn-icon { width: 66px; } .cart-button .btn-icon { vertical-align: top; } /* ================ Compare Button =============== */ .nav-cat .btn { padding: 15px 20px; font-size: 18px; margin-left: 10px; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } /* ================ Product page buttons =============== */ .product-buttons { margin: 0 -5px 1em; padding: 0; } .product-buttons:before, .product-buttons:after { display: table; content: ""; line-height: 0; } .product-buttons:after { clear: both; } .product-buttons li { float: left; width: 50%; padding: 0 5px; list-style: none; } .product-buttons li button { width: 100%; } .product_page #button-cart { width: 100%; } /*======================================================== Responsive styles Buttons =========================================================*/ @media (min-width: 992px) and (max-width: 1199px) { .account-wishlist table td .btn { padding: 10px; } .btn-icon, a.btn-icon { font-size: 20px; line-height: 37px; width: 52px; height: 37px; } } @media (min-width: 768px) and (max-width: 991px) { .table-bordered > tbody > tr > .text-right { padding: 5px; } .btn-icon, a.btn-icon { font-size: 20px; line-height: 37px; width: 54px; height: 37px; } .account-wishlist table td .btn { padding: 6px; } aside .product-thumb .cart-button .btn-icon.quickview { margin-right: 1px; } } @media (max-width: 767px) { .button-view { display: none; } .btn-icon, a.btn-icon { font-size: 21px; line-height: 40px; width: 61px; height: 40px; } } @media (min-width: 601px) and (max-width: 745px) { .related-slider .btn-icon { font-size: 17px; height: 32px; line-height: 32px; width: 45px; } } @media (min-width: 481px) and (max-width: 530px) { .related-slider .btn-icon { font-size: 17px; height: 32px; line-height: 32px; width: 45px; } } @media (min-width: 580px) and (max-width: 676px) { .box .btn-icon { font-size: 17px; height: 32px; line-height: 32px; width: 49px; } } @media (min-width: 373px) and (max-width: 460px) { .box .btn-icon { font-size: 17px; height: 32px; line-height: 32px; width: 46px; } } @media (max-width: 410px) { .account-address .table td a { display: block; } .account-address .table td a + a { margin-top: 5px; } } @media (max-width: 400px) { .buttons .pull-left, .buttons .pull-right { float: none !important; margin-top: 10px; } } #tm-newsletter-popup-form:before, #tm-newsletter-popup-form:after { display: table; content: ""; line-height: 0; } #tm-newsletter-popup-form:after { clear: both; } .newsletter-popup-wrap { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; padding-top: 0; } .newsletter-popup { position: absolute; top: 50%; left: 50%; margin: -172px 0 0 -235px; width: 470px; height: 343px; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 54px 60px 0; text-align: center; } .newsletter-popup:before, .newsletter-popup:after { display: table; content: ""; line-height: 0; } .newsletter-popup:after { clear: both; } .newsletter-popup h2 { text-transform: uppercase; color: #eaeaea; font: bold 28px/34px "Roboto Condensed", sans-serif; margin: 0; } .newsletter-popup h2 + p { margin: 13px 0 0; color: #888; font: 400 14px/22px "Roboto Condensed", sans-serif; } .newsletter-popup .tm-login-form { position: relative; margin-top: 30px; } .newsletter-popup .tm-login-form:before, .newsletter-popup .tm-login-form:after { display: table; content: ""; line-height: 0; } .newsletter-popup .tm-login-form:after { clear: both; } .newsletter-popup .tm-login-form input { width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 0; margin-bottom: 18px; } .newsletter-popup .tm-login-form .newsletter-popup-btn { width: 100%; padding: 14px 15px; font: bold 16px/19px "Roboto Condensed", sans-serif; color: #00bbd3; background: #eaeaea; text-transform: uppercase; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .newsletter-popup .tm-login-form .newsletter-popup-btn:visited { color: #00bbd3; background: #eaeaea; } .newsletter-popup .tm-login-form .newsletter-popup-btn:hover, .newsletter-popup .tm-login-form .newsletter-popup-btn:active, .newsletter-popup .tm-login-form .newsletter-popup-btn:focus { color: #888; background: #007786; } .newsletter-popup .tm-login-form .newsletter-popup-btn i { display: none; } .newsletter-popup .logo + h2 { margin-top: 25px; } .newsletter-popup .logo img { display: inline-block; } .newsletter-popup-close-btn { background: none; outline: none; border: none; position: absolute; color: #888; } .newsletter-popup-close-btn:hover { color: #eaeaea; } .newsletter-popup-btn { margin-top: 0; border: none; outline: none; display: inline-block; font-size: 16px; line-height: 30px; height: 47px; color: #fff; background: #00bbd3; border-radius: 3px; padding: 10px 20px 10px 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.2); } .newsletter-popup-btn i { font-size: 26px; line-height: 30px; margin-right: 5px; height: 30px; } .newsletter-popup-btn:hover { background: #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .newsletter-popup .newsletter-error, .newsletter-popup .newsletter-success { display: block; text-align: center; margin-top: 5px; font-size: 16px; line-height: 20px; position: absolute; top: 100%; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .newsletter-error { color: #D4323D; } .newsletter-success { color: #55C65E; } @media (max-width: 767px) { .newsletter-popup-wrap { display: none !important; } } /*=================== Menu gadget ===================*/ .menu-icon { position: relative; cursor: pointer; display: block; font-size: 24px; line-height: 29px; padding: 15px 20px; text-transform: uppercase; font-weight: bold; color: #fff; background: #3e3e3e; } .menu-icon.active:after { content: "\f0d7"; } .menu-icon:after { float: right; content: "\f0d8"; font-family: "FontAwesome"; margin-top: 0; display: inline-block; text-align: center; font-size: 14px; color: #fff; } .menu-icon:hover:after { color: #00bbd3; } .menu-gadget { display: none; margin: 20px 0 0; } .menu-gadget .menu ul ul a { padding-left: 60px !important; } .menu-gadget .menu { padding: 10px 0 15px; margin: 0; text-align: left; background: #f5f5f5; } .menu-gadget .menu ul { width: auto; padding: 0; display: none; } .menu-gadget .menu li { position: relative; list-style-type: none; } .menu-gadget .menu li i { position: absolute; display: block; top: 0; right: 0; line-height: 35px; height: 35px; padding-right: 10px; width: 40px; text-align: center; font-size: 14px; cursor: pointer; color: #dcdcdc; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .menu-gadget .menu li i:hover { color: #00bbd3; } .menu-gadget .menu li.active > a, .menu-gadget .menu li > a:hover { background: #00bbd3; color: #fff; } .menu-gadget .menu li > a.active { color: #fff; background: #00bbd3; } .menu-gadget .menu a { padding: 8px 25px 8px 25px; display: block; color: #888; font-size: 16px; line-height: 19px; font-weight: 400; text-transform: uppercase; } .menu-gadget .menu li li a { color: #888; font-size: 14px; line-height: 16px; padding: 9px 25px 9px 45px; } .menu-gadget .menu li li a.active, .menu-gadget .menu li li a:hover { color: #fff; background: #00bbd3; } .menu-gadget .menu li li:last-child { padding-bottom: 0; } .menu-gadget .menu li li i { height: 34px; line-height: 34px; padding-right: 10px; } .menu-gadget .menu li li li a { padding: 10px 15px 10px 35px; } @media (max-width: 767px) { .menu-gadget { display: block; } } /*======================================================== TM BOX CATEGORY =========================================================*/ .box.category ul.menu { padding: 0; margin: 0; } .box.category ul.menu li { position: relative; list-style-type: none; font-size: 14px; line-height: 16px; padding: 10px 0; text-transform: uppercase; display: block; color: #323232; } .box.category ul.menu li a { display: inline-block; color: #323232; } .box.category ul.menu li a:visited { color: #323232; } .box.category ul.menu li a:hover, .box.category ul.menu li a:active, .box.category ul.menu li a:focus, .box.category ul.menu li a.active { color: #00bbd3; } .box.category ul.menu li.inset > a { padding-right: 45px; } .box.category ul.menu li ul { padding: 5px 0 0 0; } .box.category ul.menu li ul li { font-size: 14px; line-height: 16px; padding: 10px 0 0; display: block; } .box.category ul.menu li ul li ul { padding: 5px 0 5px 0; } .box.category ul.menu li ul li a { color: #888; padding: 0 0 0 20px; font-weight: 400; font-size: 14px; line-height: 16px; display: inline-block; position: relative; } .box.category ul.menu li ul li a:visited { color: #888; } .box.category ul.menu li ul li a:hover, .box.category ul.menu li ul li a:active, .box.category ul.menu li ul li a:focus, .box.category ul.menu li ul li a.active { color: #00bbd3; background: none; } .box.category ul.menu li ul li ul { padding-left: 15px; } .box.category ul.menu li ul li.inset { padding-right: 20px; } .box-category .menu li a + i { display: block; position: absolute; right: 0; top: 0; width: 20px; text-align: center; color: #323232; font-size: 14px; line-height: 37px; vertical-align: top; height: 37px; } .box-category .menu li li a + i { line-height: 14px; height: 28px; padding-top: 14px; } .box-category .menu li a + i:hover { cursor: pointer; color: #00bbd3; } .box-category .menu ul { width: auto; padding: 0; display: none; } @media (min-width: 992px) and (max-width: 1199px) { .box-category .menu li a + i { margin-right: 15px; } .box-category .menu li li a + i { margin-right: 0; } .box.category ul.menu li.inset > a { padding-right: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .box-category .menu li a + i { margin-right: 10px; } .box-category .menu li li a + i { margin-right: 0; } .box.category ul.menu li.inset > a { padding-right: 25px; } .box.category ul.menu li { font-size: 16px; padding-left: 24px; padding-right: 10px; } .box.category ul.menu li ul li a { font-size: 12px; padding-left: 0; } .box.category ul.menu li ul li a:before { display: none; } } @media (max-width: 767px) { .box.category { display: none; } } /*======================================================== Menu styles =========================================================*/ .nav__primary .menu { display: inline-block; position: relative; } .nav__primary .menu:before, .nav__primary .menu:after { display: table; content: ""; line-height: 0; } .nav__primary .menu:after { clear: both; } .nav__primary { font: 400 14px/16px "Roboto Condensed", sans-serif; background: #004165; line-height: 0; } .nav__primary ul { list-style: none; margin: 0; padding: 0; } .nav__primary .menu { width: 100%; } .nav__primary .menu > li { float: left; /*padding-left: 4px;*/ /*background: url(../image/menu-separator.png) no-repeat 1px center;*/ border-right:1px solid #046195; } .nav__primary .menu > li:first-child { padding-left: 0; background: none; } .nav__primary .menu > li:last-child { border-right:0px; } .nav__primary .menu > li > a { display: block; text-transform: uppercase; position: relative; color: #fff; padding: 14px 14px 14px 15px; font: bold 18px/22px "Roboto Condensed", sans-serif; } .nav__primary .menu > li > a .over { display: block; position: absolute; content: ''; top: 10%; left: 10%; border-bottom:5px solid #ffc20e; width: 80%; height: 80%; opacity: 0; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .nav__primary .menu > li > a .tx { position: relative; z-index: 1; } .nav__primary .menu > li.sfHover > a, .nav__primary .menu > li > a:hover, .nav__primary .menu > li > a.active { color: #fff; background: none; } .nav__primary .menu > li.sfHover > a .over, .nav__primary .menu > li > a:hover .over, .nav__primary .menu > li > a.active .over { top: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .nav__primary .menu > li > ul { display: none; position: absolute; padding: 15px 15px 34px 15px; background: #f5f5f5; z-index: 99; left: 0; top: 100%; width: 100%; margin-top: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav__primary .menu > li > ul li { position: relative; display: table-cell; padding: 0 15px; } .nav__primary .menu > li > ul li > a { text-transform: uppercase; font: bold 16px/19px "Roboto", sans-serif; color: #323232; padding: 10px 0 12px; } .nav__primary .menu > li > ul li ul { padding-top: 10px; border-top: 1px solid #cecece; margin-top: 5px; } .nav__primary .menu > li > ul li ul li { display: block; padding: 0; opacity: 1 !important; } .nav__primary .menu > li > ul li ul li a { font: 300 14px/16px "Roboto", sans-serif; color: #929497; padding: 8px 0 9px; text-transform: none; } .nav__primary .menu > li > ul a { display: inline-block; } .nav__primary .menu > li > ul li.active > a, .nav__primary .menu > li > ul a:hover { color: #00bbd3; } .nav__primary .menu > li > ul ul { position: relative; display: block !important; opacity: 1 !important; visibility: visible !important; width: 100%; table-layout: fixed; } .nav__primary .menu > li > ul ul:before { display: none; } .nav__primary .menu > li.sfHover > ul { display: table !important; } .nav__primary .menu > li > .sf-with-ul { position: relative; } .nav__primary .menu > li > .sf-with-ul:after { position: relative; display: inline-block; margin-top: 3px; margin-left: 7px; vertical-align: top; color: #fff; content: '\f0d7'; opacity: .5; font: 400 13px/14px "FontAwesome"; } .nav__primary .menu ul > li > .sf-with-ul:before { display: none; } @media (min-width: 992px) and (max-width: 1199px) { .nav__primary .menu > li > a { font-size: 15px; padding-left: 10px; padding-right: 10px; } .nav__primary .menu > li > ul li ul li a { padding: 7px 0; } } @media (min-width: 768px) and (max-width: 991px) { .nav__primary .menu > li > a { font-size: 12px; padding-left: 6px; padding-right: 6px; } .nav__primary .menu > li > .sf-with-ul:after { font-size: 12px; margin-left: 5px; } .nav__primary .menu > li > ul li ul li a { padding: 6px 0; } } @media (max-width: 767px) { .nav__primary { display: none; } } /*================== Stuck menu ======================*/ .isStuck { z-index: 999; } @media only screen and (max-width: 991px) { .isStuck { display: none !important; } } /*======================================================== Banners =========================================================*/ .banners { position: relative; } .banners > div { margin-bottom: 25px; } .banners > div .banner-box { position: relative; line-height: 0; display: inline-block; max-width: 100%; overflow: hidden; position: relative; } .banners > div .banner-box .s-desc { position: relative; display: inline-block; width: 100%; text-align: center; } .banners > div .banner-box .s-desc h2 { color: #00535E; margin: 0 0 7px 0; font-weight:normal;} .banners > div .banner-box .s-desc h2 a { display: inline-block; max-width: 100%; padding: 0; font: 400 24px/29px "Roboto Condensed", sans-serif; background: none; color: #00bbd3; } .banners > div .banner-box .s-desc h2 a:visited { color: #00bbd3; background: none; } .banners > div .banner-box .s-desc h2 a:hover, .banners > div .banner-box .s-desc h2 a:active, .banners > div .banner-box .s-desc h2 a:focus { color: #fff; background: none; } .banners > div .banner-box .s-desc p { font-size: 14px; line-height: 25px; padding: 0 5%; margin: 0 0 16px 0; } .banners > div .banner-box .s-desc a { display: inline-block; font: bold 18px/22px "Roboto Condensed", sans-serif; color: #fff; padding: 14px 19px; background: #004165 ; text-transform: uppercase; } .banners > div .banner-box .s-desc a:visited { background: #FFC20E ; } .banners > div .banner-box .s-desc a:hover, .banners > div .banner-box .s-desc a:hover, .banners > div .banner-box .s-desc a:hover { background: #FFC20E ; } .banners > div .banner-box .img-responsive { margin-bottom: 24px; opacity: .7 !important; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border:1px solid; } .banners > div .banner-box a { display: inline-block; max-width: 100%; } .banners > div .banner-box a:hover .img-responsive, .banners > div .banner-box a:focus .img-responsive, .banners > div .banner-box a:active .img-responsive { opacity: 1 !important; } /*======================================================== Responsive Banners =========================================================*/ @media (min-width: 992px) and (max-width: 1199px) { .banners > div .banner-box .s-desc h2 a { font-size: 19px; line-height: 23px; } .banners > div .banner-box .s-desc p { line-height: 22px; padding: 0; } } @media (min-width: 768px) and (max-width: 991px) { .banners > div .banner-box .s-desc h2 a { font-size: 15px; line-height: 18px; } .banners > div .banner-box .s-desc p { font-size: 13px; line-height: 20px; padding: 0; } .banners > div .banner-box .s-desc > a { font-size: 14px; line-height: 16px; padding: 12px 15px; } .banners > div .banner-box .img-responsive { margin-bottom: 15px; } } @media (max-width: 767px) { .banners { text-align: center; } .banners > div { margin-top: 30px; } .banners > div:first-child, .banners > div.clear { margin-top: 0; } .banners .banner-box a { text-align: left; } .banners > div .banner-box .s-desc p { padding: 0; } } @media (max-width: 480px) { .banners > div .banner-box .s-desc p { line-height: 22px; } } /*======================================================== HTML boxes =========================================================*/ .box_html.top-banners { /*border: 10px solid #FFC20E ; border-left-width: 5px; border-right-width: 5px;*/ display: inline-block; padding-top:20px; width: 100%; margin-bottom: 28px; } .box_html.top-banners .one-third { position: relative; display: inline-block; float: left; width: 33.3333%; border-left: 5px solid #FFC20E ; border-right: 5px solid #FFC20E ; } .box_html.top-banners .one-third .desc { position: absolute; display: inline-block; top: 50%; margin-top: -97px; left: 8.7%; width: 90%; } .box_html.top-banners .one-third .desc .tx { display: inline-block; width: 100%; color: #888; font-size: 17px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; } .box_html.top-banners .one-third .desc .tx span { font-size: 28px; line-height: 34px; color: #004165; letter-spacing: -.3px; } .box_html.top-banners .one-third .desc .tx span span { display: inline-block; font-size: 42px; line-height: 42px; font-weight: bold; color: #3e3e3e; padding: 16px 0 7px; letter-spacing: -.3px; } .box_html.top-banners .one-third .desc .button { display: inline-block; font-size: 18px; line-height: 22px; color: #fff; padding: 14px 19px; background: #004165; margin-top: 8px; text-transform: uppercase; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .box_html.top-banners .one-third:hover .desc .button { background: #FFC20E; } /*======================================================== Responsive HTML boxes =========================================================*/ @media (min-width: 1200px) and (max-width: 1650px) { .box_html.top-banners .one-third .desc { margin-top: -74px; } .box_html.top-banners .one-third .desc .tx { font-size: 14px; line-height: 16px; margin-bottom: 8px; } .box_html.top-banners .one-third .desc .tx span { font-size: 20px; line-height: 25px; } .box_html.top-banners .one-third .desc .tx span span { font-size: 30px; line-height: 30px; padding: 10px 0 6px; } .box_html.top-banners .one-third .desc .button { font-size: 14px; line-height: 18px; margin-top: 6px; padding: 11px 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .box_html.top-banners .one-third .desc { margin-top: -60px; } .box_html.top-banners .one-third .desc .tx { font-size: 14px; line-height: 16px; margin-bottom: 0; } .box_html.top-banners .one-third .desc .tx span { font-size: 16px; line-height: 19px; } .box_html.top-banners .one-third .desc .tx span span { font-size: 24px; line-height: 24px; padding: 4px 0 4px; } .box_html.top-banners .one-third .desc .button { font-size: 14px; line-height: 18px; margin-top: 6px; padding: 11px 15px; } } @media (min-width: 768px) and (max-width: 991px) { .box_html.top-banners .one-third .desc { margin-top: -50px; } .box_html.top-banners .one-third .desc .tx { font-size: 14px; line-height: 16px; margin-bottom: 0; } .box_html.top-banners .one-third .desc .tx span { font-size: 12px; line-height: 16px; } .box_html.top-banners .one-third .desc .tx span span { font-size: 17px; line-height: 19px; padding: 2px 0 2px; } .box_html.top-banners .one-third .desc .button { font-size: 13px; line-height: 16px; margin-top: 6px; padding: 9px 12px; } } @media (max-width: 767px) { .box_html.top-banners { border: none; border-top: 10px solid #00bbd3; } .box_html.top-banners .one-third { width: 100%; border: 10px solid #00bbd3; border-top: none; } .box_html.top-banners .one-third img { width: 100%; } } @media (max-width: 600px) { .box_html.top-banners .one-third .desc { margin-top: -78px; } .box_html.top-banners .one-third .desc .tx { font-size: 14px; line-height: 16px; margin-bottom: 8px; } .box_html.top-banners .one-third .desc .tx span { font-size: 22px; line-height: 27px; } .box_html.top-banners .one-third .desc .tx span span { font-size: 34px; line-height: 34px; padding: 13px 0 6px; } } @media (max-width: 480px) { .box_html.top-banners .one-third .desc { margin-top: -55px; } .box_html.top-banners .one-third .desc .tx { font-size: 11px; line-height: 13px; margin-bottom: 6px; } .box_html.top-banners .one-third .desc .tx span { font-size: 15px; line-height: 20px; } .box_html.top-banners .one-third .desc .tx span span { font-size: 22px; line-height: 22px; padding: 5px 0 0; } .box_html.top-banners .one-third .desc .button { font-size: 14px; line-height: 18px; margin-top: 0; padding: 11px 15px; } } .newsletter .box-heading { display: none; } .newsletter > div > form { padding-right: 100px; position: relative; } .newsletter .dropdown-btn { background: #00bbd3; } .newsletter .dropdown-btn i { margin-right: 5px; } .newsletter .dropdown-btn:hover { background: #eaeaea; } .newsletter .tm-login-form .form-control { border-color: #525252; color: #888; background: none; height: 40px; } .newsletter .tm-login-form .form-control::-webkit-input-placeholder { color: #888; } .newsletter .tm-login-form .form-control:-moz-placeholder { color: #888; } .newsletter .tm-login-form .form-control::-moz-placeholder { color: #888; } .newsletter .tm-login-form .form-control:-ms-input-placeholder { color: #888; } .newsletter .btn { position: absolute; top: 0; right: 0; display: inline-block; font-size: 16px; line-height: 19px; padding: 10px 17px 11px 16px; color: #00bbd3; background: #525252; } .newsletter .btn i { display: none; } .newsletter .btn:hover, .newsletter .btn:focus, .newsletter .btn:active { color: #fff; } .newsletter-error, .newsletter-success { display: block; text-align: center; margin-top: 5px; font-size: 16px; line-height: 20px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .newsletter-error { color: #D4323D; } .newsletter-success { color: #55C65E; } @media (min-width: 768px) and (max-width: 991px) { .newsletter .btn { font-size: 13px; padding-left: 10px; padding-right: 10px; } .newsletter > div > form { padding-right: 78px; } footer .newsletter input.form-control[type="text"] { font-size: 12px; } } footer { color: #70C3F3; background: #004165; padding-top: 40px; position: relative; margin-top: 40px; font-size: 12px; line-height: 14px; border-top:5px solid #ffc20e; } footer h5 { font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 17px; } footer h5.newsletter-description { margin-bottom: 26px; } footer .footer-block { display: inline-block; width: 100%; padding-left: 30px; border-left: 3px solid #70C3F3; margin-bottom: 18px; } footer .box.newsletter { margin-bottom: 8px; } footer hr { border-color: #525252; border-width: 3px; margin-top: 10px; margin-bottom: 39px; } footer .col-sm-12 > hr { display: none; } footer .footer > h5 { display: none; } footer ul li { padding: 8px 0 9px; font-size: 14px; line-height: 16px; } footer ul li a { text-transform: none; color: #70C3F3; } footer ul li a:visited { color: #fff; } footer ul li a:hover, footer ul li a:focus, footer ul li a:active { color: #fff; } footer .logo { display: inline-block; margin-right: 8px; } footer .social-list { display: inline-block; width: 100%; } footer .social-list li { display: inline-block; float: left; margin-right: 10px; } footer .social-list li a { display: inline-block; color: #fff; border: 1px solid #fff; font-size: 17px; line-height: 38px; width: 40px; height: 40px; text-align: center; } footer .social-list li a:visited { color: #888; } footer .social-list li a:hover, footer .social-list li a:hover, footer .social-list li a:hover { color: #00bbd3; } footer .social-list li a span { display: none; } footer input.form-control[type="text"] { font-size: 14px; } .common-home footer { margin-top: 0; padding: 50px 0 30px; } .common-home footer:before { display: none; } .common-home footer .col-sm-12 > hr { display: block; } .copyright br { display: none; } .copyright { font-size: 12px; line-height: 14px; color: #888; text-align: left; margin: 0 0 52px; letter-spacing: -.1px; } .copyright hr { margin: 21px 0 32px; } .copyright a { color: #888; } .copyright a:visited { color: #888; } .copyright a:hover, .copyright a:focus, .copyright a:active { color: #fff; } .copyright > .container { padding-top: 16px; padding-bottom: 20px; } /*======================================================== Responsive Footer =========================================================*/ @media (min-width: 768px) and (max-width: 991px) { footer h5 { font-size: 14px; line-height: 16px; margin-bottom: 15px; } footer ul li { padding: 6px 0; } footer .col-sm-2 { width: 25%; } footer .col-sm-4 { width: 100%; margin-top: 15px; } footer .col-sm-4 .footer-block { padding: 0; border: none; } } @media (max-width: 767px) { footer .col-sm-2 { display: none; } footer .footer-block { padding: 0; border: none; } footer .social-list { margin-bottom: 0; } footer .footer-block { margin-bottom: 0; } .copyright > .container { padding-top: 20px; padding-bottom: 40px; text-align: center; } } @media (max-width: 410px) { .copyright { text-align: center; } .copyright .logo { width: 100%; margin: 0 0 5px 0; } .copyright .logo a { display: inline-block; } } /*================== ToTop ======================*/ .toTop { width: 42px; height: 42px; font-size: 18px; line-height: 38px; text-align: center; color: #888; background: #eaeaea; border: none; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: fixed; right: 50px; bottom: 80px; display: none; overflow: hidden; text-decoration: none; z-index: 20; } .toTop:visited { color: #888; background: #eaeaea; } .toTop:hover, .toTop:focus, .toTop:active { color: #fff; background: #00bbd3; } @media only screen and (max-width: 1399px) { .toTop { display: none !important; } } /* alert */ .alert { position: relative; top: 0; left: 0; width: 100%; text-align: center; padding: 8px 14px 8px 14px; z-index: 30; } .alert-warning { background-color: #ec710d; border-color: #d45634; color: #888; } #product .alert { position: relative; z-index: 1; } /*=================== Breadcrumb ===================*/ .breadcrumb { margin: 0 0 30px; font: 400 12px/14px "Roboto Condensed", sans-serif; border-radius: 0; border: none; color: #323232; background: #eaeaea; text-transform: uppercase; } .breadcrumb a { display: inline-block; color: #323232; } .breadcrumb a:visited { color: #323232; } .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { color: #00bbd3; } .breadcrumb li.last span { color: #00bbd3; } .breadcrumb i { font-size: 15px; vertical-align: top; } .breadcrumb > li + li::before { color: #b7a99a; } .site-map-page #content .breadcrumb, .breadcrumb { padding: 15px 20px; } /**---------------------**/ .pagination { margin: 0; } .name { font: 400 14px/22px "Roboto Condensed", sans-serif; text-transform: uppercase; margin-bottom: 5px; color: #323232; } .name a { color: #323232; } .name a:visited { color: #323232; } .name a:hover, .name a:focus, .name a:active { color: #00bbd3; } td .name a { font-size: 13px; } td .price, .price b { padding-bottom: 0; } td .price, td .price b { font-size: 18px; line-height: 22px; } td .price b { color: #00bbd3; font-weight: 400; } td .price s { color: #888; font-size: 16px; line-height: 22px; font-weight: 300; } /*************************/ .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 10px 16px; font-size: 15px; } .dropdown-menu { border-radius: 0; } .btn-group.open .dropdown-toggle { box-shadow: none; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } #list-view.active, #grid-view.active, #list-view:hover, #grid-view:hover { color: #00bbd3; } #list-view, #grid-view { background: none; box-shadow: none; color: #d1d1d1; } #list-view i, #grid-view i { line-height: 36px; height: 32px; } /* list group */ .list-group a { border: 1px solid #3e3e3e; color: #888; padding: 8px 12px; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { color: #444444; background: #eeeeee; border: 1px solid #3e3e3e; text-shadow: 0 1px 0 #fff; } /* carousel */ .carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { margin-left: 20px; } .thumbnails { margin-left: -20px; } .thumbnails > img { width: 100%; } .thumbnail a { display: block; } .thumbnail a img { -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .thumbnail a:hover img { opacity: .9; } .image-additional a { display: block; border: 4px solid #3e3e3e; } .image-additional a:hover, .image-additional a.active { border-color: #00bbd3; } .image-additional { max-width: 78px; } .thumbnails .image-additional { float: left; margin-left: 20px; } .flexslider .slides img { width: inherit; } .flexslider.carousel .slides img { width: auto; } .slides { padding: 0; margin: 0; list-style: none; } .slides li { text-align: center; } .slides li img { text-align: center; } .flex-direction-nav a:before { line-height: 40px; } /** dropdown **/ .dropdown-menu > li > a { padding: 7px 15px 7px 20px; display: inline-block; width: 100%; } /***************PRODUCT PAGE**********************/ .quickview_description { margin-top: 15px; } .fancybox-inner .price { margin-bottom: 15px; } .quickview_description iframe, .product-desc iframe { width: 40% !important; height: 200px !important; float: left; margin-right: 2em; } .quickview-style .inf { font-size: 14px; margin-bottom: 10px; } .product-desc ul { list-style: inside; } .product-section { margin-bottom: 3em; } .product-content-columns { margin-bottom: 20px; } .product-share { clear: both; padding: 0; height: 32px; margin-top: 10px; } .product-share li { display: inline-block; text-align: center; margin-right: 3px; } .product-share li a { display: block; height: 30px; width: 30px; border-radius: 100%; background: #ccc; color: #fff; } .product-share li a:hover { background: #383838; } .product-share li i { line-height: 32px; font-size: 18px; } .product-buttons { clear: both; overflow: hidden; margin: 0 -5px 1em; padding: 0 0 5px; } .product-buttons li { float: left; width: 50%; padding: 0 5px; list-style: none; } .product-buttons li button { width: 100%; } ul.product-section.list-unstyled li a i { display: none; } .product-section_title { margin-bottom: 1em; text-align: center; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } #reviews_form_title:hover { color: #00bbd3; } .review-form-title { text-align: center; } #reviews_form_title { cursor: pointer; position: relative; border-bottom: 1px solid #00bbd3; padding: 0 10px 5px; display: inline-block; text-align: center; } #reviews_form_title:before { display: block; position: absolute; bottom: -20px; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #00bbd3; content: ''; margin-left: -10px; } .product-review-form { display: none; } .bootstrap-datetimepicker-widget td span.glyphicon:hover { background: none !important; } .product_page #button-cart { width: 100%; } .bx-wrapper .bx-viewport { background-color: transparent; } .bx-wrapper .bx-controls-direction a i { line-height: 30px; vertical-align: top; } .bx-wrapper .bx-controls-direction a:hover { color: #fff; background-color: #323232; } .bx-wrapper .bx-controls-direction a { background: #00bbd3; color: #fff; font-size: 15px; line-height: 30px; text-align: center; display: inline-block; width: 30px; } .bx-wrapper .bx-prev { left: -1px; } .bx-wrapper .bx-next { right: -1px; } @media (max-width: 767px) { .bx-wrapper .bx-controls-direction .bx-prev i, .bx-wrapper .bx-controls-direction .bx-next i { display: none; } .bx-wrapper .bx-controls-direction .bx-prev:before, .bx-wrapper .bx-controls-direction .bx-next:before { font-family: "FontAwesome"; } .bx-wrapper .bx-controls-direction .bx-prev:before { content: '\f104'; } .bx-wrapper .bx-controls-direction .bx-next:before { content: '\f105'; } } .product-gallery:before, .product-gallery:after { display: table; content: ""; line-height: 0; } .product-gallery:after { clear: both; } #full_gallery { border: 1px solid #3e3e3e; } #full_gallery li a img { background: #f5f5f5; } #default_gallery { margin-bottom: 30px; } #default_gallery .product-image { cursor: pointer; } #default_gallery .bx-controls-direction, #default_gallery .bx-controls { height: 100%; } .bx-wrapper .bx-controls-direction a { z-index: 2 !important; } #default_gallery .image-thumb .bx-wrapper .bx-prev, #default_gallery .image-thumb .bx-wrapper .bx-next { top: auto; bottom: 0; width: 100%; height: 30px; line-height: 30px; padding: 0; background: rgba(242, 241, 236, 0.7); text-align: center; right: auto; margin: 0; left: auto; border: 0; } #default_gallery .image-thumb .bx-wrapper .bx-prev:hover, #default_gallery .image-thumb .bx-wrapper .bx-next:hover { background: #00bbd3; } #default_gallery .image-thumb .bx-wrapper .bx-prev:hover i, #default_gallery .image-thumb .bx-wrapper .bx-next:hover i { color: #fff; } #default_gallery .image-thumb .bx-wrapper .bx-prev { top: 0; bottom: auto; right: auto; } #default_gallery .image-thumb .bx-wrapper .bx-prev i, #default_gallery .image-thumb .bx-wrapper .bx-next i { line-height: 30px; color: #323232; display: block; } #default_gallery .image-thumb img:hover, #default_gallery .image-thumb .active img { border-color: #eaeaea; } #default_gallery .image-thumb img { border: none; } #default_gallery .image-thumb { padding: 0; float: left; padding-right: 1em; width: 18%; } .product-image { float: left; width: 81.6%; background: none; } .zoomWindow { background-color: #fff; } #image-additional { margin: 0; padding: 0; } #image-additional li { float: none; list-style: none; } #default_gallery .bx-wrapper { margin: 0 !important; } #default_gallery img { background-color: #f5f5f5; width: 100%; } .product-reviews .review-item { margin-bottom: 2em; padding-bottom: 2em; } .review-author { font-size: 14px; color: #60393e; text-transform: uppercase; font-weight: 300; margin-bottom: 5px; } .review-score { margin-bottom: 10px; } .review-score .fa-stack { width: 1em; height: 1em; } .product_page h1 { margin-bottom: 20px; } .product-section { font-size: 16px; } .reward-block span { display: block; } #product .input-group[class*="col-"] { padding-left: 15px; padding-right: 15px; } .ps-carousel-item img { background-color: #EFEEEE; } .ps-zoom-pan-rotate img { background-color: #EFEEEE; } #full_gallery { display: none; } /***************owl carousel**********************/ .box-content { margin: 0 -15px; } .box-content .owl-carousel { box-shadow: none; margin-bottom: 0; border: none; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .box-content .owl-carousel .owl-item { position: relative; } .box-content .owl-carousel .owl-item > div { padding: 0 15px; } .box-content .owl-carousel .owl-buttons div { opacity: 1 !important; top: 39.5% !important; text-shadow: none; display: inline-block; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; width: 26px; } .box-content .owl-carousel .owl-buttons div.owl-next { right: 5px !important; } .box-content .owl-carousel .owl-buttons div.owl-prev { left: 5px !important; } .owl-carousel.related-slider .owl-buttons div.owl-next { right: 0 !important; } .owl-carousel.related-slider .owl-buttons div.owl-prev { left: 0 !important; } .box .owl-carousel .owl-buttons div.owl-next, .box .owl-carousel .owl-buttons div.owl-prev { right: -38px !important; top: 46% !important; margin-top: -13px; } .box .owl-carousel .owl-buttons div.owl-prev { left: -38px !important; } /***************BOX**********************/ aside .box .box-product > div { width: 100%; } /***************PRODUCT CATEGORY PAGE**********************/ .zoomWrapper { vertical-align: top; } #default_gallery .image { background-color: #3e3e3e; width: 81.6%; overflow: hidden; border: 1px solid #3e3e3e; margin-bottom: 1px; } #default_gallery .image img { vertical-align: top; width: 100% !important; height: auto !important; display: block; position: relative !important; } .product_page h1.product-title { margin: 0 0 10px 0; } .general_info { margin-bottom: 20px; } .fancybox-skin .rating { margin: 10px 0 10px; } .general_info .product-section, .general_info .price-section { margin: 0 0 5px; padding-bottom: 10px; border-bottom: 1px solid #3e3e3e; } .box-subcat { padding: 0; margin: 0; } .box-subcat li { list-style: none; text-align: center; margin-bottom: 30px; } .box-subcat li .image { margin-bottom: 15px; } .box-subcat li .image a { display: inline-block; max-width: 100%; position: relative; overflow: hidden; } .box-subcat li .image a img { background-color: #f5f5f5; opacity: 1; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .box-subcat li .image a:hover img, .box-subcat li .image a:focus img, .box-subcat li .image a:active img { opacity: .9; } .box-subcat li.first-in-line { clear: left; } .img-thumbnail { border: 0; background-color: #fff; padding: 0; border-radius: 0; } .product-filter { border: none; padding: 15px 15px 15px 20px; margin-bottom: 20px; background: #f5f5f5; } .product-filter label { font-size: 14px; padding-top: 8px; text-transform: uppercase; font-weight: 400; color: #323232; } .product-filter select.form-control { font-size: 11px; } .nav-cat { margin-bottom: 20px; } .nav-cat .nam-page { margin: 5px 0 10px 10px; } .button-view button:active, .button-view button:focus, .button-view button:hover { color: #00bbd3; } .button-view button { border: 0; background: none; font-size: 27px; padding: 0; margin: 0 5px; } .button-view button i { vertical-align: top; border: 0; background: none; font-size: 27px; } /*======== RELATED PRODUCTS =============*/ .related-products .owl-carousel .owl-item > div { margin-left: 15px; margin-right: 15px; } .related-slider { padding: 0 30px; margin: 0; list-style-type: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .related-slider.owl-carousel .owl-wrapper > div { vertical-align: top; } .related-slider .owl-item { text-align: center; } .related-slider .product-thumb { display: inline-block; width: 100%; max-width: 222px; background: none; } .related-slider .image { margin-bottom: 10px; } .related-slider .image img { background: #f5f5f5; } .related-products li .product-thumb { margin-bottom: 0; } /*======== PRODUCT TABS =============*/ .tabs { margin-top: 10px; } .tabs .tab-heading i { font-size: 26px; color: #7e7e7e; float: right; margin-top: 5px; } .tabs .tab-heading { padding: 13px 20px; line-height: 32px; color: #323232; font-weight: bold; text-transform: uppercase; border: 1px solid #3e3e3e; border-bottom: 4px solid #000; background-color: #fff; } .tabs .tab-content { padding: 20px 0; } #review td { font-size: 13px; } .rating a { cursor: pointer; } /*======== BLOCK COMPARE =============*/ .compare-block { margin-bottom: 20px; } .compare-block .image { margin-right: 10px; } .compare-block .remove a { font-size: 19px; line-height: normal; } .compare-info { width: 100%; } .block-compare { position: relative; overflow: hidden; } .table .rating { line-height: 20px; } @media (max-width: 991px) { .table-compare { overflow-x: scroll; overflow-y: hidden; } .table-compare .table.table-bordered td + td { min-width: 270px; } } @media (max-width: 767px) { .product-filter { padding-bottom: 25px; } .related-slider .product-thumb .caption .description-small { display: none; } .box-content { margin: 0 -15px; } .box-content .owl-carousel { padding-left: 15px; padding-right: 15px; } .box-content .owl-carousel .owl-buttons div.owl-next { right: 0 !important; } .box-content .owl-carousel .owl-buttons div.owl-prev { left: 0 !important; } .table-responsive { border: none; } .table-responsive .table-bordered { border: 1px solid #3e3e3e; } .box-subcat li .image a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /************** QUICKVIEW **************************/ .quick_info { display: none; } .fancybox-skin:hover .fancybox-nav span { visibility: visible; } .fancybox-nav { height: 40px; top: 50%; width: 40px; } .fancybox-skin { color: #888; } .fancybox-inner .image a { display: inline-block; max-width: 100%; background: #f5f5f5; } .fancybox-inner a { color: #00bbd3; } .fancybox-inner a:visited { color: #00bbd3; } .fancybox-inner a:hover, .fancybox-inner a:focus, .fancybox-inner a:active { color: #323232; } .quickview_description { overflow: auto; max-height: 300px; border: 1px solid #3e3e3e; padding: 10px; } /****** ABOUT PAGE*****/ .extra-wrap { overflow: hidden; } .dropcap { background: #00bbd3; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; font: 400 30px/36px "Roboto Condensed", sans-serif; min-width: 67px; height: auto; margin: 0px 20px 30px 0; padding: 17px; width: auto; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; display: block; float: left; } img.alignleft { float: left; margin: 0 20px 0px 0; } hr { border-color: #e8d3c9; } .sm_hr { height: 1px; background-color: #3e3e3e; margin: 50px 0; } .about-page h4 { margin: -3px 0 5px; font-size: 16px; line-height: 20px; } .human_info figure, .about-page figure { background: #f5f5f5; border: none; padding: 12px; display: block; max-width: 254px; margin: 0 auto 12px; border-radius: 0; } .human_info figure { float: left; margin-right: 20px; } .about-page .excerpt { text-align: center; font-size: 14px; margin-bottom: 30px; } .about-page h5 { text-align: center; margin: 0 0 5px; } .about-page h5 a { color: #323232; } .about-page h5 a:visited { color: #323232; } .about-page h5 a:hover, .about-page h5 a:focus, .about-page h5 a:active { color: #00bbd3; } .about-page i { color: #00bbd3; display: block; float: left; font-size: 56px; margin-right: 15px; overflow: hidden; } .clear { clear: both; margin: 0; padding: 0; font-size: 0; border: 0; line-height: 0; } .recent-posts { text-align: center; } .testimonials { font-weight: 400; } .testimonials .testi-item { margin-bottom: 30px; } .testimonials .testi-item a { font-size: 14px; } .testimonials .testi-meta { line-height: 18px; padding-left: 50px; display: block; } .testimonials .user { text-transform: uppercase; font-size: 14px; color: #323232; } .testimonials blockquote:after { content: ''; position: absolute; display: block; background: url(../image/testi_arr.png) no-repeat left top; width: 21px; height: 20px; bottom: -20px; left: 30px; } .testimonials blockquote { border: none; background: #f5f5f5; position: relative; margin-bottom: 30px; } .testimonials blockquote a { color: #888; } .testimonials blockquote a:hover, .testimonials blockquote a:focus, .testimonials blockquote a:active { color: #323232; } .terms_conditions_page p { margin-bottom: 20px; } .terms_conditions_page h4 { margin: 0 0 10px; font-size: 18px; } .table.privacy_page td { border-top: 0; padding: 15px 30px 15px; } .privacy_page td:first-child { text-align: right; } .privacy_page tr > td + td { border-left: 1px solid #3e3e3e; } .privacy_page { font-weight: 300; } .privacy_page h4 { float: right; margin: 0 0 10px; line-height: normal; font-size: 18px; } /********** SITEMAP PAGE ******************/ .site-map-page #content .col-sm-6 ul li { padding: 5px 0; } .site-map-page #content ul li a { font-size: 14px; text-transform: uppercase; color: #323232; } .site-map-page #content ul li a:visited { color: #323232; } .site-map-page #content ul li a:hover, .site-map-page #content ul li a:focus, .site-map-page #content ul li a:active { color: #00bbd3; } .site-map-page #content ul li { list-style-type: none; } /********/ .product-manufacturer #content strong { font-weight: 400; color: #888; } .product-manufacturer #content p a { color: #323232; font-size: 14px; font-weight: 700; } .product-manufacturer #content p a:hover, .product-manufacturer #content p a:active, .product-manufacturer #content p a:focus { color: #00bbd3; text-decoration: none; } .manufacturer-list { border: 1px solid #eaeaea; background: #f2f2f2; margin-bottom: -1px; } .manufacturer-list a { font-weight: 400; } .manufacturer-heading { background: #eaeaea; border-bottom: none; font-size: 15px; font-weight: normal; margin-bottom: 2px; padding: 5px; } .manufacturer-heading span { background: #00bbd3; color: #fff; display: inline-block; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0; text-align: center; text-transform: uppercase; width: 50px; } .manufacturer-content a i { font-size: 15px; color: #00bbd3; margin-right: 5px; } .manufacturer-content { padding: 20px; } .manufacture a:hover, .manufacture a:focus, .manufacture a:active { text-decoration: none; } /*************************************/ ul > li > a { color: #323232; text-transform: uppercase; } ul > li > a:visited { color: #323232; } ul > li > a:hover, ul > li > a:focus, ul > li > a:active { color: #00bbd3; } /********** ACCOUNT ******************/ .well { color: #888; background-color: #f5f5f5; border: 1px solid #eaeaea; margin-top: 15px; margin-bottom: 15px; padding: 30px; border-radius: 0; box-shadow: none; } .well .heading { border-bottom: 1px solid #3e3e3e; margin-bottom: 15px; padding-bottom: 15px; } .well .heading i { color: #323232; float: left; font-size: 40px; margin: 0 15px 10px 0; line-height: 44px; } .well .heading h2 { font-size: 18px; margin: 0 0 5px; } .well .heading strong { font-weight: normal; font-style: italic; } .well p { border-bottom: 1px solid #3e3e3e; margin-bottom: 15px; padding-bottom: 15px; } .well a { display: inline-block; margin-top: 10px; color: black; } .well a:visited { color: #e6e6e6; } .well a:hover, .well a:active, .well a:focus { color: #e6e6e6; } .well a.btn { color: #fff; } .well a.btn:visited { color: #e6e6e6; } .well a.btn:hover, .well a.btn:active, .well a.btn:focus { color: #eaeaea; } #content ul.list-unstyled li { padding: 6px 0; } #content ul.list-unstyled li a i { font-size: 17px; margin-right: 5px; color: #00bbd3; } .zoomWindow { z-index: 40 !important; } .bootstrap-datetimepicker-widget { color: #888; padding-bottom: 0; } .bootstrap-datetimepicker-widget ul { margin-bottom: 0; } .picker-switch.accordion-toggle { margin-top: 2px; } .datepicker .prev, .datepicker .next { cursor: pointer; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .datepicker .prev:hover, .datepicker .next:hover { color: #00bbd3; } .datepicker th { text-align: center; } .datepicker .day { -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; cursor: pointer; } .datepicker .day:hover { color: #00bbd3; } .datepicker .day.active, .datepicker .day.active:hover { color: #fff; background: #00bbd3; } .radio { line-height: 20px; } .gm-style > .gmnoprint { bottom: 100px !important; } /* parallax */ .parallax > div { padding: 100px; } .parallax > div .row > .col-sm-12 { padding: 0; } /* rd-video */ .rd-video { height: 500px; } /* fixed colum left + content + right*/ @media (min-width: 768px) { #column-left .product-layout .col-md-3 { width: 100%; } #column-left + #content .product-layout .col-md-3 { width: 50%; } #column-left + #content + #column-right .product-layout .col-md-3 { width: 100%; } #content + #column-right .product-layout .col-md-3 { width: 100%; } } .fancybox-next { right: -60px; } .fancybox-prev { left: -60px; } input#input-voucher, input#input-coupon { display: inline-block; width: 45%; margin-right: 5px; } @media (max-width: 1199px) { .table th, .table td { padding: 8px; } } @media (min-width: 1200px) { .container { width: 1200px; } } @media (max-width: 991px) { input#input-voucher, input#input-coupon { display: inline-block; margin: 0 0 5px 0; width: 100%; } } @media (min-width: 768px) { .box .box-content .last { clear: left; } } @media (min-width: 768px) and (max-width: 991px) { .well .heading { text-align: center; } .well .heading i { float: none; } .fancybox-next span { right: 25px; } .fancybox-prev span { left: 25px; } .panel-body input + span { margin-top: 5px; display: inline-block; } } @media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .magnificent-area { display: none !important; } .parallax > div { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #full_gallery { display: block; } .product-content-columns #default_gallery { display: none; } .box .box-content .box-product ul li:hover .quick-view-button { display: none !important; visibility: hidden; } .bx-wrapper .bx-controls-direction .bx-prev i, .bx-wrapper .bx-controls-direction .bx-next i { display: none; } .bx-wrapper .bx-controls-direction .bx-prev:before, .bx-wrapper .bx-controls-direction .bx-next:before { font-family: "FontAwesome"; } .bx-wrapper .bx-controls-direction .bx-prev:before { content: '\f104'; } .bx-wrapper .bx-controls-direction .bx-next:before { content: '\f105'; } } @media (max-width: 767px) { .breadcrumb > li { display: inline; line-height: 18px; } a.quickview { display: none !important; } #full_gallery { display: block; } #default_gallery { visibility: hidden; height: 0; } #default_gallery .image-thumb, #default_gallery .product-image { height: 0; } .tabs .tab-heading:hover { cursor: pointer; } .tabs .tab-content { display: none; } .checkout_button, .button-view { display: none; } aside { display: block; } .box-subcat li { overflow: hidden; text-align: left; float: left; width: 50%; margin-bottom: 15px; } .box-subcat li .image { display: inline-block; float: left; margin-right: 15px; width: 25%; } .box-subcat li:nth-child(2n+1) { clear: both; } .box-subcat li + li { margin-top: 0 !important; } .quickview_description iframe, .product-desc iframe { float: none; width: 90% !important; } .delivery_page .table { font-size: 13px; } .fb-page { text-align: center; } } @media (max-width: 600px) { .quickview_description iframe, .product-desc iframe { float: none; width: 90% !important; height: 240px !important; } } @media (max-width: 530px) { .panel-group .panel input#input-voucher, .panel-group .panel input#input-coupon { width: 100%; } .panel-group .panel span { display: block; margin-top: 5px; } } @media (max-width: 500px) { img.alignleft, .human_info figure { float: none; margin: 0 auto 20px; } .box-subcat li { width: 100%; float: none; } } @media (max-width: 480px) { .related-slider.owl-carousel .owl-wrapper > div { background: none; border: none; } } @media (max-width: 440px) { .buttons .pull-left, .buttons .pull-right { float: none !important; margin-top: 6px; } .panel-group .btn { white-space: normal; } } @media (max-width: 410px) { #accordion .table td, #accordion .table thead td { font-size: 12px; word-wrap: break-word; } .panel-heading { padding: 20px 18px; } .panel-title { font-size: 13px; } } @media (max-width: 370px) { img.alignleft { float: none; margin: 0 0 20px; } .table.privacy_page td { padding: 8px; } .delivery_page .table td, .delivery_page .table th { padding: 6px; } .panel-body { padding-left: 12px; padding-right: 12px; } } .book-now{ display: inline-block; font-size: 14px; line-height: 13px; color: #fff; padding: 9px; background: #004165; margin-top: 8px; text-transform: uppercase; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .book-now:hover{ background: #FFC20E; color:#000; } .read-more{ display: inline-block; font-size: 14px; line-height: 13px; color: #000; padding: 9px; background: #FFC20E; margin-top: 8px; text-transform: uppercase; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .read-more:hover{ background: #004165; color:#fff; } .testimonial{ background:#f1f1f1; min-height:300px; text-align:center; } .testimonial h1{ color:#004165; } .carousel-control.left{ background-image:none; } .carousel-control.right{ background-image:none; } .carousel-indicators{ bottom:-115px; } .carousel-indicators li{ background:#333; border:1px solid #333; } .carousel-control{ top:115px; color:#333; opacity:1; } .banner img{ min-height:300px; background-size:cover; margin-bottom:20px; } .desc { background-color: #000; bottom: 0; color: #fff; text-align:center; left: 0; font-size: 20px; width: 100%; }