/* * MarketShop OpenCart Theme CSS * By Harnish Design * www.harnishdesign.net */ @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; font-family: 'Conv_Freescpt'; src: url('../fonts/Freescpt.eot'); src: local('☺'), url('../fonts/Freescpt.woff') format('woff'), url('../fonts/Freescpt.ttf') format('truetype'), url('../fonts/Freescpt.svg') format('svg'); font-weight: normal; font-style: normal; } @import url(http://fonts.googleapis.com/css?family=Varela+Round); html {overflow: -moz-scrollbars-vertical; margin:0; padding:0; -webkit-font-smoothing: antialiased;} body {background:#dcdbdb; color:#222; font-family: 'Varela Round', sans-serif; line-height:18px; font-size:12px;} ul, ol { margin:0; padding:0; } #container h1 { position: relative; padding: 0px; margin: 0px 0px 20px 0px; line-height: 1.5; font-size: 20px; color: #000000; /* border-bottom: 2px solid #ddd;*/ padding-bottom: 3px;} #container h2, #container h3{position:relative; padding:0px; margin:0px 0px 10px 0px; line-height:normal; font-size:20px; color:#000000; border-bottom:2px solid #ddd; padding-bottom:3px;} #container h3 .viewall{font-size:12px;} a, a b {color:#2C3947; text-decoration: none; cursor: pointer;} a:hover, a b:hover {text-decoration:none; color:#000;} a:focus{outline:none;} legend { font-size: 18px; padding: 7px 0px } label{font-weight:normal;} .clear{clear:both;} form {padding:0; margin:0; display:inline;} .form-control{border-radius:0px;} img{vertical-align:inherit;} .img-thumbnail{border-radius:0px;} /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .nav-tabs { margin-bottom: 15px; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /********** layout **********/ .wrapper-box{max-width:1220px; margin:0px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);} .wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08);} .main-wrapper{max-width:1170px; margin:0px auto; padding:0 25px; clear:both;} #container{text-align:left; margin-top:20px; margin-bottom:20px;} /********** header **********/ #header {position: relative; padding:0px; } #header .htop{ background: #080808;} #header .header-row{position:relative; padding: 0;} #header .header-row .inner{padding:0;} /********** Language & Currency **********/ #language, #currency{float:left; border-right:1px dotted #0F0F0F;} #language span, #currency span{color:#9d9d9d; font-size:15px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} #top .dropdown-menu{margin:0; border-radius:0px; padding:0; border:none; z-index:1013; } #top .dropdown-menu li a, #currency ul li .currency-select{display:block; color:#333; padding:7px 10px; text-align:left; font-size:12px;} #top .dropdown-menu li + li a, #currency ul li + li .currency-select{border-top:1px solid #eee;} #my_account:hover > a:after, #language:hover span:after, #currency:hover span:after, #header .links > ul > li.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; z-index:1014; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;} #header .links > ul > li.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; z-index:1014; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;} #language button .btn-link{border:none 0px;} #header .links > ul > li.wrap_custom_block > a b{clear:both; content:' '; display:inline-block; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-width:4px 5px 0px 5px; margin:0 0 1px 0;} #language img {cursor: pointer; margin-right:5px;} #top .dropdown-menu li a:hover, #currency ul li .currency-select:hover{color:#3e7cb4; background:none; text-decoration:none;} /********** Top Links **********/ #header .links { position: relative; float:left; border-right:1px dotted #0F0F0F;} #header .links > ul > li{float:left; list-style-type:none; border-left:1px dotted #0F0F0F;} #header .links > ul > li.mobile, #header .links > ul > li.email{color:#fff;} #header .links > ul > li.mobile{ padding: 5px 10px; font-size: 13px; color: #fff; } #header .links > ul > li > a, #header .links > ul > li .wrap_custom_block > a {padding: 5px 10px; color: #fff; text-decoration: none; font-size:13px; position:relative; display:block;} #language .btn-link, #currency .btn-link{padding:5px 10px; border:none;font-weight:bold;color: #9d9d9d;} #language .btn-link:hover, #currency .btn-link:hover{text-decoration:none;} #header .links > ul > li .fa-phone, #header .links > ul > li .fa-envelope{font-size:120%; margin-right:5px;} #header .links > ul > li.wrap_custom_block{position:relative;} #header .links > ul > li.wrap_custom_block > div { display: none; background:#fff; position:absolute; z-index:1015; top:35px; padding:10px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);} #header .links > ul > li.wrap_custom_block > a b{margin-left:3px;} #header .links > ul > li.wrap_custom_block > a:hover{text-decoration:none;} #header .links > ul > li.wrap_custom_block > div ul li{list-style-type:none;} #header #top-links {color:#fff; border-right:1px dotted #5b9ad4;} #header #top-links > ul > li{float:left; border-left:1px dotted #0F0F0F;padding: 5px 10px;} #header #top-links > ul > li > a {color:#fff; text-transform:capitalize; display: inline-block; padding:0px 10px; font-size:13px;} #header #top .links > ul > li, #header #top-links > ul > li, #language .btn-link span, #currency .btn-link span{line-height:28px;} #header #top-links > ul > li > a:hover, #header .links > ul > li > a:hover{text-decoration:none;color:#b60f1d;} .wrapper-box #header #top-links{border-right:none;} .wrapper-box .htop .main-wrapper{max-width:1220px; padding:0;} /********** Mini Cart ***********/ #header #cart {position:relative; text-align: left; padding-left: 20px; padding-right: 20px;} #header #cart .heading h4{width:20px; height:16px; background:#3e7cb4; position:relative; margin-right:5px;} #header #cart .heading h4:before{clear:both; content:' '; display:block; width:14px; height:19px; top:-8px; left:3px; border:2px solid #3e7cb4; border-radius:50%; border-bottom:none; position:absolute; } #header #cart .heading h4:after{clear:both; content:' '; display:block; width:20px; height:2px; bottom:-2px; left:0px; border:1px solid #3e7cb4; border-top:none; position:absolute;} #header ul, #header ol{list-style:none;} #header #cart .heading { text-decoration: none; font-size:14px; height:32px; color:#444; display:inline-block; position:relative; padding:0; background:none; border:none;} #header #cart .heading span {display:inline-block; line-height:32px;} #header #cart.open .heading{color:#000;} #header #cart.open .heading span:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1012;} #header #cart .dropdown-menu {padding:8px; margin:0; z-index:1011; background: #FFF; border:3px solid #2C3947; border-width:3px 0px 0px 0px; width:350px; border-radius:0px; right:0; left:auto;} #cart .dropdown-menu li > p{margin:30px 0;} #header #cart .dropdown-menu .remove{border-radius:100%; padding:1.5px 4px; line-height:normal;} #cart .dropdown-menu > li > .table > tbody > tr > td{border-bottom: 1px solid #ddd; border-top:none 0px;} #header #logo img{display:inline-block!important;} .table-container {display: table; width: 100%; table-layout: fixed;} .table-container .col-table-cell {display: table-cell; vertical-align: middle; float: none;} /********** Search Bar **********/ #header #search { position:relative; display:block;} #header .button-search {width:36px; height:36px; font-size:14px; z-index:2; position:absolute; right:0; cursor:pointer; float:right; background:none; border:none; color:#bbb; padding:0;} #header #search input {background:#FFF; padding:0 36px 0 10px; height:36px; font-size:13px; color:#333; outline:none; display:block; border-radius:0px;} #header #search input:focus{border-color:#bbb; box-shadow:none;} #header.style2 #logo{text-align:center;} #header.style2 #logo a img{display:inline-block;} #header.style2 #cart {text-align:left;} #header.style2 #cart .dropdown-menu{left:0; right:auto;} #header.style3 #cart{text-align:right;} /********** Menu **********/ #menu .navbar-collapse{padding-left:0px; padding-right:0px;} #menu.navbar{border-radius:0px; min-height:inherit;background: rgb(55,56,58); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(55,56,58,1) 0%, rgba(16,16,16,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,56,58,1)), color-stop(100%,rgba(16,16,16,1))); background: -webkit-linear-gradient(top, rgba(55,56,58,1) 0%,rgba(16,16,16,1) 100%); background: -o-linear-gradient(top, rgba(55,56,58,1) 0%,rgba(16,16,16,1) 100%); background: -ms-linear-gradient(top, rgba(55,56,58,1) 0%,rgba(16,16,16,1) 100%); background: linear-gradient(to bottom, rgba(55,56,58,1) 0%,rgba(16,16,16,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383a', endColorstr='#101010',GradientType=0 );} #menu .navbar-nav{float:none; position:relative;} #menu .nav > li > a.home_link span{text-indent:-99999px; position:relative; background:#656565; width:12px; height:5px; display:inline-block; vertical-align:middle; margin:0 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link span:before{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #656565 transparent; position:absolute; border-width:0 10px 9px; top:-9px; left:-4px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link span:after{clear:both; content:' '; display:block; width:12px; height:4px; border:1px solid #656565; border-width:0px 4px 0px 4px; position:absolute; bottom:-4px; left:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link:hover span{background:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link:hover span:before{border-bottom-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link:hover span:after{border-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu {border-bottom:1px solid #171616;border-top:1px solid #171616; border-right:0; border-left:0; margin-bottom:0px;margin-top: -1px;} #menu .nav {} #menu .nav > li {height:40px; } #menu .nav > li > a { font-size:16px; color: #fff; line-height:40px; text-decoration: none; padding:0px 10px 0px 10px; z-index: 1009; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} @media only screen and (max-width: 1200px) and (min-width: 992px) { #menu .nav > li > a { font-size:13px; } } #menu .nav > li:hover > a {color:#fff; background: rgb(170,0,0); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(170,0,0,1) 0%, rgba(90,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,0,0,1)), color-stop(100%,rgba(56,56,56,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(170,0,0,1) 0%,rgba(90,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(170,0,0,1) 0%,rgba(90,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(170,0,0,1) 0%,rgba(90,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(170,0,0,1) 0%,rgba(90,0,0,1) 100%); /* W3C */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > .dropdown-menu { display: none; background:#fff; position:absolute; z-index:1010; padding:5px 0 0; /*border-top:3px solid #2C3947;*/ border-bottom:0px none; border-left:0px none; border-right:0px none; font-size:12px;} #menu .nav > li:hover > .dropdown-menu.custom_block ul{display:table-cell;} #menu .nav > li > .dropdown-menu > ul { display: table-cell; } #menu .nav > li .dropdown-menu{border-radius:0px;} #menu .nav > li.categories_hor > div { display:none; background:#fff; margin-left:0px!important; width:100%; position:absolute; padding:10px 0px 0px 0px; } #menu .nav > li.sub:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #B61918 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1009;} #menu .nav > li.categories_hor > div > .column a span, #menu .nav > li.categories > div > .column a span, #menu .nav > li > div > ul li a span{float:right; font-size:18px; line-height:13px;} #menu .nav > li.categories_hor > div > .column {position:relative; display:inline-block; margin:0 0px 15px 0px;} #menu .nav > li > div > ul{position:relative; width:160px;} #menu .nav > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; } #menu .nav > li.categories_hor > div > .column a, #menu .nav > li > div > ul li a{padding:4px 0; display:block; } #menu .nav > li > div > ul li a{font-size:12px;} #menu .nav > li.categories_hor > div > .column:hover > a{color:#2C3947;} #menu .nav > li.categories_hor > div > .column > div{display:block;} #menu .nav > li.categories_hor > div > .column > div ul li, #menu .nav > li.categories > div > .column > div ul li{position:relative;} #menu .nav > li ul + ul { padding-left: 20px; } #menu .nav > li.categories_hor ul + ul, #menu .nav > li.categories > div > .column > div ul + ul { padding-left:0px;} #menu .nav > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 160px;} #menu .nav > li div > ul > li > a {color:#222;} #menu .nav > li div > ul > li:hover > a {color:#3e7cb4;} #menu .nav > li.categories > div { display: none; background:#fff; min-width:180px; position:absolute; z-index:1008; padding:5px 0 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} #menu .nav > li.categories > div > .column, #menu .nav > li > div > ul{position:relative;} #menu .nav > li.categories > div > .column + .column, #menu .nav > li > div > ul li + li{border-top:1px solid #eee;} #menu .nav > li.categories > div > .column > a, #menu .nav > li div > ul > li > a{font-size:13px; padding:7px 10px; display:block; color:#444;} #menu .nav > li.categories > div > .column:hover > a, #menu .nav > li > div > ul li:hover > a{color:#3e7cb4;} #menu .nav > li.categories > div > .column > div{display:none; position:absolute; background:#fff; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); z-index:1010; left:100%; top:0; padding:0; border-top:3px solid #3e7cb4;} #menu .nav > li.categories > div > .column > div ul li + li, #menu .nav > li.categories_hor > div .submenu ul li + li a{border-top:1px solid #eee;} .submenu {background:#fff; position:absolute; z-index:1008; padding:0px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.3); min-width:160px; display:none; border-top:3px solid #3e7cb4; left:100%; margin-top:-32px;} #menu .nav > li.categories_hor > div .submenu{margin-top:-23px; margin-left:-15px;} #menu .nav > li.categories_hor > div .submenu ul li a{padding:7px 10px;} #menu .nav > li.categories_hor.dropdown, #menu .nav > li.menu_brands.dropdown {position: static;width: 25%; text-align: center;} #menu .nav > li.menu_brands.name {position: relative;} #menu .nav > li.menu_brands.name > div{padding:0px!important;} #menu .nav > li.menu_brands > div{padding:15px 0px 0px!important; width:100%; margin-left:0px!important;} #menu .nav > li.menu_brands > div > div{text-align:center; margin-bottom:10px;} #menu .nav > li.menu_brands > div > div a{display:block; line-height:16px;} #menu .nav > li.menu_brands > div > div a img{display:inline-block;} #menu .nav > li.custom-link-right{float:right;} #menu .nav > li.wrap_custom_block > div.custom_block{padding:5px;} .custom_block p{line-height:18px; margin:0;} .custom_block a, #menu .nav > li.wrap_custom_block > div.custom_block a{display:inline-block;} .custom_block {line-height:normal;} .custom_block td, .custom_block th{padding:5px;} .custom_block h1{font-size:28px; margin-top:0px;} .custom_block h2{font-size:24px; margin-top:0px;} .custom_block h3{font-size:22px; margin-top:0px;} .custom_block h4{font-size:20px; margin-top:0px;} .custom_block h5{font-size:18px; margin-top:0px;} .alert {padding:10px 14px;} .breadcrumb{color:#c2c2c2; margin-bottom: 10px; background:none; padding:0; border-radius:0px;} .breadcrumb a{color:#999; font-size:11px;} .breadcrumb a:hover{color:#7F7F7F; text-decoration:none;} .breadcrumb a i dd{text-indent:-99999px; display:inline-block;} /*********** Pagination ***********/ .pagination {margin:0px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #3e7cb4;} .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0px;} .pagination > li > a, .pagination > li > span{color:#3e7cb4;} /*********** button ***********/ .buttons { border-top:1px solid #EEEEEE; /*overflow: auto;*/ padding:15px 6px 0px 6px; margin-bottom: 20px; } .btn { padding: 3.8px 12px; border:0px none; border-radius:0px; box-shadow:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 3px solid #2C3947;} .btn:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 9px 16px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .dropdown-menu { 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; } .btn-default { color: #444; background-color: #e7e7e7; border-bottom: 2px solid #B61918;} .btn-default:hover{background:#444; color:#fff; border-bottom: 2px solid #B61918;} .btn-primary { background-color: #00a331;/*B61918*/ color: #ffffff; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #2C3947; color: #ffffff; border-bottom: 3px solid #B61918;} .btn-warning { color: #ffffff; background-color: #faa732; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; background-color: #da4f49; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; background-color: #5bb75b;} .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; background-color: #df5c39;} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #3e7cb4; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; background-color: #363636;} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222;} .htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom:2px solid #ddd; } .htabs a {padding:7px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;} .nav-tabs > li > a.selected {color:#111; padding-bottom:5px; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;} .nav-tabs{margin-bottom:0px; border-width:2px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:2px; font-weight:bold;} .nav-tabs > li{margin-bottom:-2px; background-color:rgba(234, 234, 234, 0.43);} .nav-tabs > li > a:hover{border-color:transparent; color:#444;} .nav-tabs > li > a{border-radius:0px; color:#666;} .tab-content{padding:15px 15px 10px; margin-bottom: 20px; z-index:2; border:2px solid #ddd; border-top:0px; } #tab-description ul {margin-left:20px; margin-bottom:15px;} .tab-sub{position:absolute; right:70px; top:-46px; border:none; padding:0; height:25px; line-height:25px;} .tab-sub a{padding:0px 7px; font-size:12px;} .tab-sub a.selected{padding:0px 10px; position:relative; border-width:2px; line-height:24px;} .tab-sub a.selected:hover{text-decoration:none; cursor:default;} .tab-sub a:hover{text-decoration:underline;} .category-module-content{position:relative;} .category-module .tabs{position:absolute; right:70px; top:-46px; height:25px; line-height:25px;} .category-module .tabs li{float:left; list-style-type:none;} .category-module .tabs li a{padding:0px 7px; font-size:12px; display:inline-block; color:#333;} .category-module .tabs li.active a{position:relative; line-height:24px; color:#111; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;} .category-module .tabs li.active a:hover{text-decoration:none; cursor:default;} .category-module .tabs li a:hover{text-decoration:underline; color:#004B91;} .product-tab{margin-bottom:20px;} .product-tab .tabs{height:32px; line-height:15px; padding-left:10px; border-bottom:2px solid #ddd; margin-bottom:20px;} .product-tab .tabs li{float:left; list-style-type:none;} .product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:18px; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff;} .product-tab .tabs li.active a{opacity:1; padding-bottom:8px; background: #FFFFFF; border-top:2px solid #ddd; border-left: 2px solid #ddd; border-right:2px solid #ddd;} .product-tab .deactive, .category-module .deactive {display:none;} .addthis_default_style > a{padding:0} /********** Comented for Right Part *******/ #column-right .featured_carousel, #column-right .bestseller_carousel, #column-right .latest_carousel, #column-right .special_carousel, #column-left .featured_carousel, #column-left .bestseller_carousel, #column-left .latest_carousel, #column-left .special_carousel{display:block;} #column-right .owl-carousel .product-thumb, #column-left .owl-carousel .product-thumb{padding:0px 0px 7px 0px; text-align:left; border:0px none; margin:0; clear:both;} #column-right .owl-carousel .product-thumb + .product-thumb, #column-left .owl-carousel .product-thumb + .product-thumb{border-top:1px dotted #ccc; padding-top:7px;} #column-right .owl-carousel .product-thumb .image, #column-left .owl-carousel .product-thumb .image{float:left; margin-right:8px; margin-bottom:0px; width:50px;} #column-right .owl-carousel .product-thumb .caption, #column-left .owl-carousel .product-thumb .caption{float:left; max-width:202px;} #column-right .owl-carousel .product-thumb h4, #column-left .owl-carousel .product-thumb h4 {margin-bottom:2px;} #column-right .owl-carousel .product-thumb h4 a, #column-left .owl-carousel .product-thumb h4 a{font-size:12px; display:block;} #column-right .owl-carousel .product-thumb .price, #column-left .owl-carousel .product-thumb .price {padding:0; margin:0px 0 2px 0; font-size:12px;} #column-right .owl-carousel .product-thumb .saving, #column-left .owl-carousel .product-thumb .saving{position:relative; line-height:normal; padding:0 3px; width:auto; height:auto; top:0px; left:0px; font-size:11px; border-radius:0px; display:inline-block;} #column-right .owl-carousel .product-thumb .button-group, #column-left .owl-carousel .product-thumb .button-group{display:none;} /*********** Category boxes ***********/ .box-category, .list-item{background-color: #F0F0F0; font-size: 15px; font-weight: bold;} .box-category ul, .list-item { list-style: none; margin-bottom:20px; margin-top:-5px;} .box-category > ul > li, .list-item > li {display: block; position: relative; } .box-category .down { top:5px; right: 6px; position: absolute; cursor: pointer; width:16px; height:24px; background: transparent url(../image/plus.png) 0px 4px no-repeat; opacity: 0.6; -moz-opacity: 0.6; } .box-category .down:hover { opacity: 1; -moz-opacity: 1;} .box-category ul li a, .list-item li a {padding:6px 0px 4px 10px; color:#222; display: block; } .box-category ul li.double a { display: inline-block; margin: 0; } .box-category ul li {position: relative;border-bottom: 1px solid #ccc; } .box-category ul li ul li + li{/*border-top:1px dotted #ccc;*/} .box-category > ul > li a.active + .down { background-position: 0px -74px;opacity: 1; } .box-category > ul > li > a { color: #333; text-transform: uppercase; padding-left: 10px;padding-top: 9px; padding-bottom: 7px;} .box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:-3px; background-color: #fff;} .box-category > ul > li a.active { font-weight: bold; color: #B60F1D;} .box-category > ul > li > a.active { margin-bottom:4px; color:#fff;background-color: #B60F1D;} .box-category > ul > li a.active + ul { display: block; } .box-category a:hover, .list-item a:hover {background: #B60F1D; color:#fff; } .box-category > ul > li ul li a { margin-right: 16px; } .box-category > ul > li ul li a:hover, .list-item a:hover { } .box-category > ul > li ul > li > a { text-decoration: none; padding-top: 8px; padding-bottom: 8px;} .box-category > ul > li ul > li > a:hover { color: #B60F1D; background: transparent ;} .box-category > ul > li > a.active:hover { color: #fff; background: #B60F1D; 10px 10px no-repeat; } .box-category > ul > li ul > li > ul > li > a.active { font-weight: bold;color: #B60F1D; } /*********** Filter ***********/ .box-filter{list-style-type:none; margin-bottom:20px;} .box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444; } .box-filter > li > ul{margin-bottom:15px; list-style-type:none;} .box-filter > li > ul li {margin-bottom:5px;} .box-filter > li > ul li label{margin-left:5px;} .box-filter > li > ul li label input[type="radio"], .box-filter > li > ul li label input[type="checkbox"]{margin-left:0; margin-right:5px; position:relative;} #button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;} /*********** sitemap ***********/ .sitemap{list-style: none; margin: 0; padding: 0; } .sitemap > li{border-top:1px solid #eee; display:block; position:relative; font-weight:bold; color:#555;} .sitemap > li:first-child{border-top:0;} .sitemap li a{color:#555; padding:5px 8px 5px 0px; display:block; font-weight:bold;} .sitemap li ul{margin-left:30px; } .sitemap li ul li a{font-weight:normal;} .sitemap li a:hover{color:#3e7cb4; text-decoration:underline;} /*********** content ***********/ #content { min-height:400px; } /*********** category ************/ .category-list-thumb, .category-list {margin-bottom:15px;} .category-list-thumb > div {text-align:center; vertical-align:top; margin-bottom:10px;} .category-list-thumb > div img{max-width:100%!important; border:1px solid #dddddd; padding:3px;} .category-list .div a { text-decoration: underline; font-weight: bold;} /*********** manufacturer ***********/ .product-manufacturer.manufacturer-list {margin-bottom: 20px; } .product-manufacturer #container h2 {border:1px solid #EAEAEA; background:#F6F6F6; padding:3px 8px; margin-bottom:10px; margin-top:20px; font-size:20px; color: #333;} /*====For Five Grid Columns====*/ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} .col-xs-5ths {width: 20%; float: left;} /*********** Grid-List Icon ***********/ #list-view, #grid-view{font-size:21px; padding:0; background:none; margin-right:10px; color:#555;} #list-view:hover, #grid-view:hover{color:#000;} #list-view:active, #grid-view:active{color:#444; box-shadow:none;} #list-view.selected, #grid-view.selected{color:#999; cursor:default;} /*********** product ***********/ .product-filter { border:1px solid #EAEAEA; background:#F6F6F6; padding:6px 5px; line-height:25px;} .product-filter .form-control{padding:2px 12px; height:auto;} .product-list.row, .products-category.row{margin:0;} .owl-carousel{margin-bottom:20px;} .owl-carousel .product-thumb .image{margin-bottom:5px;} .owl-carousel .product-thumb{padding:7px; margin:0px 3px 0px 0px; position:relative; text-align: center; ; } .owl-carousel .product-thumb:hover{border-color:#eae9e9;} /* 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; } .product-thumb .image {text-align: center;} .product-thumb .image a { display: block; } .product-thumb .image a img{display:inline-block;} .product-thumb h4 {margin:0;} .product-thumb h4 a{font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;} .product-thumb h4 a:hover {text-decoration:underline;} .product-thumb .price {margin:10px 0; color:#2E3E4D; font-size:13px; font-weight: bold;} .product-thumb .price-new {font-weight: bold;} .product-thumb .price-old { color: #F00; text-decoration: line-through; font-weight:normal; font-size:12px;} .product-thumb .price-tax { color: #999; font-size: 12px; display: block; font-weight:normal;} .product-thumb .button-group button{border: none;} .product-thumb .button-group .btn-primary{padding:4px 8px; margin-bottom:7px; font-size:11px; height:auto; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:normal;} .product-thumb .button-group .add-to-links button {background:none; color:#666; font-size:15px;} .product-thumb .button-group .add-to-links button:hover { color:#3e7cb4; cursor: pointer; } .product-thumb .rating {padding-bottom:7px; } .product-thumb .rating span{vertical-align:top;} /*********** Grid Product ***********/ .product-grid{position: relative; text-align:center; vertical-align:top; background:#fff; padding:7px 7px 7px 7px; border:3px solid transparent; margin-bottom:15px;} .product-grid:hover { border-color: #F6F6F6; } .product-grid .product-thumb .image {margin-bottom:5px;} .product-grid .product-thumb .image {float: none;} .product-grid .product-thumb .description, .product-grid .product-thumb .price-tax, .owl-carousel .product-thumb .price-tax{display:none;} .product-grid .product-thumb .button-group .add-to-links button, .owl-carousel .product-thumb .button-group .add-to-links button, {padding:2px 6px;} .product-grid .product-thumb .button-group .add-to-links, .owl-carousel .product-thumb .button-group .add-to-links{visibility:hidden; } .product-grid:hover .product-thumb .button-group .add-to-links, .owl-carousel .product-thumb:hover .button-group .add-to-links{visibility:visible;} .product-grid .product-thumb .button-group .add-to-links button span{display:none;} .saving {background:#f12b63; border-radius: 100% 100% 100% 100%; color: #FFFFFF; display: block; font-size: 13px; font-weight:bold; height:40px; line-height:40px; position: absolute; right: 10px; text-align: center; top: 10px; width: 40px;} .product-list{position:relative; padding:20px 0px; border-top:2px solid #eae9e9;} .product-list:first-child {border-top:none;} .product-list .image { float: left; margin-right: 15px; border: 1px solid #ddd; padding: 5px 5px 0 5px;} .product-list .product-thumb h4 {margin-bottom:8px;} .product-list .product-thumb h4 a {font-weight: bold; font-size:15px; } .product-list .product-thumb .description {margin-bottom:0px;} .product-list .product-thumb .button-group .btn-primary{float:left; margin-right:5px;} .product-list .product-thumb .button-group .add-to-links {float:left; padding:1px 0px; display:inline-block;} .product-list .product-thumb .button-group .add-to-links button span{font-size:12px;} .product-list .saving{top:25px; left:16px;} .rating .fa-stack {font-size:6px;} .rating .fa-star-o { color: #999; font-size: 13px; } .rating .fa-star { color: #FC0; font-size: 13px; } .rating .fa-star + .fa-star-o { color: #E69500; } /*********** Product ***********/ .product-info {margin-bottom: 20px;} .product-info .image {position:relative; text-align:left;} .product-info .zoomWrapper{display:inline-block;} .product-info span.zoom-gallery {font-size:11px; line-height: 11px; font-style:italic; color:#666; padding:1px 0;} .product-info span.zoom-gallery .fa{font-size:13px;} .product-info .image .zoomWrapper:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .product-info .image-additional {overflow: hidden; margin-left: -7px; margin-top:15px; } .product-info .image-additional img { max-width:75px; height:auto; display:block; } #column-left + #content .product-info .image-additional img, #column-right + #content .product-info .image-additional img{max-width:66px;} .product-info .image-additional a { float: left; display: block; margin-left:4px; border-radius:0px; margin-bottom:15px;} .product-info .image-additional a:hover, .product-info .image-additional a:focus, .product-info .image-additional a:active{border-color:#bbb;} .product-info .image-additional a.active{ opacity:0.5; outline: 0; cursor:default;} .addthis_toolbox{display:table; width:100%;} .product-info .description {line-height: 22px; margin-bottom:15px;} .product-info .price-box { background: #FFFFFF; border: 15px solid #f4f3f3; overflow: auto; padding: 20px 0px 5px 0px; margin: 15px 0px; border-radius: 20px; font-size: 110%; } .product-info .price{font-size:28px; font-weight: bold; color: #2C3947;} .product-info .price-old {color:#F00; font-size:80%; text-decoration: line-through; font-weight:normal; } .product-info .cart { /*border-bottom: 1px solid #eae9e9;*/ padding: 20px 0px 10px; margin-bottom:15px; color: #4D4D4D; overflow: auto; } .product-info .cart div { vertical-align: middle; float:left;} .product-info .cart div.text-or{padding:5px 6px 0;} .product-info .cart div > span { padding-top: 7px; display: block; color: #999; } .product-info .cart .wishlist{font-size:11px; display:inline-block; padding-top:3px; border:none; background:none; margin-left:15px;} .product-info .cart div .wishlist .fa{font-size:14px;} .product-info .cart div .wishlist:hover{text-decoration:underline;} .product-info .cart #button-cart{padding:9px 15px; text-transform: uppercase;} .product-info .cart .minimum { padding-top:5px; font-size: 11px; color: #999; clear: both; } .product-info .cart div .qty{float:left;} .qty .control-label{margin-right:10px; margin-bottom:0px; float:left; padding:12px 0; display:inline-block;} .qty a{background: url("../image/plus.png") no-repeat 2px -123px #f5f5f5; display: inline-block; height:20px; width:20px; position: relative; text-indent: -9999px; border:1px solid #ccc; border-width:1px 1px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline:none;} .qty a.mines{background-position:2px -13px; border-width:1px 1px 1px 0px;} .qty a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color:#fff;} .qty #button-cart, .qty #input-quantity{float:left; font-size:15px; max-width:50px; height:40px; text-align:center;} #back-top{display:none;} #back-top a{ position:fixed; bottom:0px; right:10px; background-color:rgba(0, 0, 0, 0.2); width:45px; height:30px; text-align:center; color:#fff; display:block; font-size:20px; line-height:28px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #back-top a:hover {background-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******* Facebook ********/ #facebook{position:fixed; width:241px; background:#fff; border:3px solid #3b5998; padding:0px;} #facebook.fb-left{left:-241px;} #facebook.fb-right{right:-241px;} #facebook_icon{width:30px; height:50px; text-align:center; line-height:54px; cursor:pointer; display:block; position:absolute; top:-3px; background-color:#3b5998;} .fb-left #facebook_icon{right:-33px;} .fb-right #facebook_icon{left:-33px;} /******** Twitter *******/ #twitter_footer{position:fixed; width:215px; background:#fff; border:3px solid #2daae1; padding:5px 10px;} #twitter_footer.twit-left{left:-215px;} #twitter_footer.twit-right{right:-215px;} .twitter_icon{width:30px; height:50px; text-align:center; line-height:54px; cursor:pointer; display:block; position:absolute; top:-3px; background-color:#2daae1;} .twitter_icon .fa-twitter, #facebook_icon .fa-facebook{font-size:19px; color:#FFF;} .twit-left .twitter_icon{right:-33px;} .twit-right .twitter_icon{left:-33px;} /******** Custom Side block *******/ #custom_side_block{position:fixed; width:215px; background:#fff; border:3px solid #ed5f01; padding:5px 10px;} #custom_side_block.custom_side_block_left{left:-215px;} #custom_side_block.custom_side_block_right{right:-215px;} #custom_side_block img{width:100%!important; height:auto!important;} .custom_side_block_icon{width:30px; height:50px; cursor:pointer; display:block; text-align:center; line-height:54px; position:absolute; top:-3px; background-color:#ed5f01;} .custom_side_block_icon .fa-chevron-right, .custom_side_block_icon .fa-chevron-left{font-size:20px; color:#FFF;} .custom_side_block_left .custom_side_block_icon{right:-33px;} .custom_side_block_right .custom_side_block_icon{left:-33px;} /******* Video Box ********/ #video_box{position:fixed; width:566px; background:#fff; border:3px solid #ff679a; padding:0px;} #video_box.vb-left{left:-566px;} #video_box.vb-right{right:-566px;} #video_box p{margin-bottom:0px; line-height:0px;} #video_box_icon{width:30px; height:50px; text-align:center; line-height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-color:#ff679a;} #video_box .fa-play{font-size:16px; color:#FFF;} .vb-left #video_box_icon{right:-33px;} .vb-right #video_box_icon{left:-33px;} /************************* Footer ***********************/ /******** Footer Links *******/ #footer .fpart-first{background-color:#f3f3f3; color:#444; padding-top:80px; padding-bottom:50px;} #footer .fpart-first a{color:#888;} #footer .fpart-first a:hover{color:#3e7cb4; text-decoration:underline;} #footer .fpart-second{background-color:#F3F3F3; color:#666; padding:25px 0px 0px} #footer .fpart-second a{color:#3e7cb4;} #footer .fpart-second a:hover{color:#3e7cb4; text-decoration:underline;} #footer .custom-text{padding:0px 0px 25px;} #footer .custom-text p{margin:0;} #footer h5{color:#000; font-size:17px; margin:0px 0 15px 0; padding:0px 0px 7px 0px; font-weight:normal;} #footer .column ul li { list-style-type:none; } #footer .column a { text-decoration: none; display:block; padding:3px 0px; line-height:18px; font-size:12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Contact Details *******/ #footer .contact ul li{font-size:12px; list-style-type:none; line-height:20px; } #footer .contact > ul > li > .fa{margin-right:10px;} #footer .contact > ul > li > .fa-map-marker{font-size:18px;} #footer .contact > ul > li > .fa-phone{font-size:18px;} #footer .contact > ul > li > .fa-envelope{font-size:15px;} #footer .contact ul li + li{margin-top:12px;} #footer .contact ul li.email a{text-decoration:underline;} #footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none;} /******** Payments Types *******/ #footer .payments_types{text-align:center; padding:0px 0 25px 0;} #footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Social Icon *******/ #footer .social {margin:0; text-align:right; padding:0px;} #footer .social a {float:left; margin:0px 0 0px 10px;} #footer .social a img{display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .social a img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Powered *******/ #footer #powered {line-height:20px; padding:0px 0 25px; margin-bottom:25px; border-bottom:1px solid #E8E8E8;} #footer #powered a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .powered_text{padding-top:6px;} #footer .powered_text p{line-height:18px; margin:0;} /*********** Marketshop banner ***********/ .marketshop-banner > div.row div {margin-bottom:25px;} .marketshop-banner div img {width:100%; height:auto; display:block; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .marketshop-banner div a img:hover{opacity:0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .custom-feature-box .feature-box{background:#f2f2f2; text-align:center; padding:10px; margin-bottom:20px;} .custom-feature-box .feature-box .title{color:#555; font-size:13px; text-transform:uppercase; line-height:normal; margin:0;} .custom-feature-box .feature-box p{color:#888; font-size:12px; margin:0; line-height:normal;} /*********** Extra ***********/ .w30{max-width:50px; text-align:center; display:inline-block;} .panel-group .panel{border-radius:0px;} /********* FlightCaseDesign Custom **************/ #logo { line-height: 10px; } .styleSwitcher { position: absolute; bottom: 15px; right: 40px; } .styleSwitcher li { float: left; margin-right: 5px; cursor: pointer; } .categoryMenuLeft { background: #F7F7F7; padding: 10px; border: 1px solid #B6B6B6; font-weight: bold; font-size: 14px; width: 220px; } .headerBoxRight { background: #FFF; padding: 10px 0; border-radius: 5px; float: right; border: solid 1px #DFDFDF; } #searchBoxHeader { padding-right: 20px !important; } .subCatColor.active { background: #B61918; color: #fff; } #marketshop-banner0 { margin-top: 0px; } a.catActive.subCatColor.active { margin-bottom: 0px; } a.catActive.subCatColor.active + .down { background-position: 0px -94px; opacity: 1; } .mobileMenu { display: none; } .desktopMenu { display: block; } .farbwahlSwitcher { position: absolute; width: 80px; right: 10%; top: 30%; } li.mobileMenuDropdown { display: none; } li.mobileMenuDropdownNo { display: block; } #bubbleCaseKalkulator { position: absolute; left: 10px; display: none; top: 45px; } #footerLogo { margin-top: -45px; margin-bottom: 3px; } #footerAdresse { padding: 15px 0px; line-height: 18px; font-size: 12px; } #footerAdresse p { margin: 0 0 6px; } #top-linksMobile { display: none; } #top-linksMobile ul li a { height: 100%; } #top-linksMobile ul li a { color: #fff; } .vollimtrendThumb { position: relative; /* width: 20px; */ height: 20px; bottom: 82px; left: 5px; } .vollimtrendThumb img { width: 45px; } #vollimtrendBig { position: absolute; bottom: 40px; z-index: 999999; left: 65px; width: 300px; display: none; box-shadow: 0px 1px 15px 7px; } #newsletterForm { padding: 10px; } .cutom-parent-li ul li { border-bottom: 0; } .lager14 { color: #00A331; font-weight: bold; } .priceBoxBigText { line-height: normal; font-size: 20px; color: #000000; } .priceBoxBigText2 { font-size: 190%; font-weight: 900; } .priceBoxSmText { font-size: 80%; margin-top: 10px; } .priceBoxMedText { font-size: 90%; margin-top: 10px; } .hrPrice { margin-top: 10px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(58, 58, 58, 0.2); } .mb-0 { margin-bottom: 0 !important; } .smallImgTxt { margin-right: 15px; color: #939393; line-height: normal; text-align: center; font-size: 10px; } #container h2 { font-size: 17px; } #madeInGermany { width: 100px; position: absolute; top: 10px; right: 50px; } /* LOVE SCHILD */ .loveCreatorText_1_1zeile { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 140px; position: relative; height: 67px; bottom: -55px; left: 15px; color: #fff; font-size: 30px; white-space: nowrap; text-align: center; } .loveCreatorText_1_2zeile { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 140px; position: relative; height: 67px; bottom: -55px; left: 0px; color: #fff; font-size: 25px; text-align: center; line-height: 1; display: none; } /* LOVE STÄNDER */ .loveCreatorText_2_1zeile { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg); width: 140px; position: relative; height: 67px; bottom: -80px; left: 50px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_2_2zeile_1,.loveCreatorText_2_2zeile_2 { display:none; } .loveCreatorText_2_2zeile_1 { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg); width: 140px; position: relative; height: 30px; bottom: -65px; left: 40px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_2_2zeile_2 { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg); width: 140px; position: relative; height: 67px; bottom: -75px; left: 70px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_2_3zeile_1,.loveCreatorText_2_3zeile_2,.loveCreatorText_2_3zeile_3 { display:none; } .loveCreatorText_2_3zeile_1 { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg); width: 140px; position: relative; height: 30px; bottom: -40px; left: 30px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_2_3zeile_2 { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg); width: 140px; position: relative; height: 45px; bottom: -45px; left: 60px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_2_3zeile_3 { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg); width: 140px; position: relative; height: 67px; bottom: -35px; left: 90px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } /* LOVE HERZ GROSS */ .loveCreatorText_3_1zeile { font-family: 'Conv_Freescpt',Sans-Serif; width: 100%; position: relative; height: 67px; bottom: -80px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_3_2zeile_1,.loveCreatorText_3_2zeile_2 { display:none; } .loveCreatorText_3_2zeile_1 { font-family: 'Conv_Freescpt',Sans-Serif; width: 100%; position: relative; height: 30px; bottom: -65px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_3_2zeile_2 { font-family: 'Conv_Freescpt',Sans-Serif; width: 100%; position: relative; height: 67px; bottom: -75px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_3_3zeile_1,.loveCreatorText_3_3zeile_2,.loveCreatorText_3_3zeile_3 { display:none; } .loveCreatorText_3_3zeile_1 { font-family: 'Conv_Freescpt',Sans-Serif; width: 100%; position: relative; height: 30px; bottom: -40px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_3_3zeile_2 { font-family: 'Conv_Freescpt',Sans-Serif; width: 100%; position: relative; height: 45px; bottom: -50px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } .loveCreatorText_3_3zeile_3 { font-family: 'Conv_Freescpt',Sans-Serif; width: 100%; position: relative; height: 67px; bottom: -45px; color: #fff; font-size: 42px; white-space: nowrap; text-align: center; } /* LOVE HERZ KLEIN */ .loveCreatorText_4_1zeile { font-family: 'Conv_Freescpt',Sans-Serif; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); width: 190px; position: relative; height: 37px; bottom: -68px; color: #fff; font-size: 82px; white-space: nowrap; text-align: center; left: 75px } #form-group_id357,#form-group_id358,#form-group_id360,#form-group_id361,#form-group_id362,#form-group_id363,#form-group_id374,#form-group_id375,#form-group_id378,#form-group_id379,#form-group_id382,#form-group_id384,#form-group_id388,#form-group_id389,#form-group_id392,#form-group_id393,#form-group_id397,#form-group_id398 { display: none; } .inputLoveTxt5 { font-size: 82px; } .inputLoveTxt9 { font-size: 62px; bottom: -80px; } .inputLoveTxt12 { font-size: 42px; bottom: -80px; left: 90px; } .product-layout-accessoires { padding: 5px 0px; } .product-layout-accessoires .price { margin-bottom: 3px !important; font-size: 20px; margin: 5px 0; } .bildMitAktionslabel { border: none !important; position: relative; left: -20px; width: 280px; } @media (max-width: 1200px) { .bildMitAktionslabel { width: 230px; } } @media (max-width: 990px) { .bildMitAktionslabel { width: 180px; } } #button-cart { background: #00a331; } .img-smallcart { width: 150px; } .table-smallcart { font-size: 100%; } .pricebox_kal_info { color: #666; font-size: 12px; } .pricebox_kal_info h3{ margin: 0px 0px 3px 0px !important; font-size: 16px !important; border-bottom: 1px solid #ddd !important; } #warnungBanner { color: #b30202; font-weight: bold; } .socialmediaFooter { width: 100%; margin-top: -55px; max-width: 490px; margin-bottom: -5px; margin-right: 95px; } @media (max-width: 768px) { .socialmediaFooter { margin-right: 0px; } } .accesoiresRow { padding-top: 25px; } .accesoiresRowBox { max-height: 365px; overflow-x: hidden; overflow-y: auto; } .paycartBox { text-align:center; padding-top: 10px; background: #fff; } .paycartBox img { width: 100%; max-width: 270px; }