* { padding: 0; margin: 0; outline: none; border: none; list-style: none; box-sizing: border-box; font-family: ‘Montserrat’, sans-serif; } p { font-size: 14px; font-weight: 300; line-height: 26px; color: #4b4b4b; } img { max-width: 100%; } .wrapper { margin: 0 auto; width: 90%; max-width: 1200px; } .clear { clear: both; } main, header, section, .store_faetures ul, .footer_features ul, footer { width: 100%; float: left; } header { padding: 20px 0; text-align: center; } header a { display: inline-block; } .store_features { background: #323b47; } .store_features li { width: 25%; display: table; float: left; } .store_features li div { padding-right: 5%; width: 30%; height: 100px; display: table-cell; vertical-align: middle; text-align: right; } .store_features li h3 { display: table-cell; vertical-align: middle; font-size: 15px; font-weight: 400; color: #FFF; } .store_features li h3 span { font-size: 13px; font-weight: 300; } .gif_img { display: none; } .title { padding: 20px; border: 1px solid #e9e9e9; border-top: none; text-align: center; } .title h2 { font-size: 24px; font-weight: 400; color: #323b47; } .image_gallery { margin-bottom: 20px; padding: 20px; text-align: center; } /*GALLERY CSS*/ .container { width: 100%; position: relative; margin:0 auto; } .thumbnails { text-align: center; list-style: none; font-size: 0; } .thumbnails li { margin: 15px 8px 0 8px; width: 90px; height: 90px; background: #fff; display: inline-block; text-align: center; vertical-align: middle; } .thumbnails input[name=”select”] { display: none; } .thumbnails .item-hugger { padding: 5px; width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #e3e3e3; transition: all 150ms ease-in-out; } .thumbnails label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } .thumbnails .gallery_content { max-width: 540px; width: 100%; height: 500px; background: #fff; transition: all 150ms linear; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .thumbnails input[name=”select”]:checked + .item-hugger { border-color: #a2a2a2; } .thumbnails input[name=”select”]:checked ~ .gallery_content { opacity: 1; } .white-box { height: 500px; overflow: hidden; } .temp_content { margin-bottom: 40px; } .temp_content h2 { padding: 12px 20px; background: #323b47; font-size: 24px; font-weight: 400; color: #FFF; } .description { padding: 20px; border: 1px solid #e9e9e9; border-top: none; } .description ul { margin-bottom: 20px; } .description ul li, .tab-content ul li { padding: 5px 10px 5px 20px; background: url(https://wearephoenixteam.com/ebay/free-templates/images/temp6/bullet.png) left 10px no-repeat; font-weight: 300; font-size: 14px; color: #4b4b4b; } .vertabs { margin-bottom: 40px; } /*CSS VRETICAL TABS*/ .css_tab { width: 100%; float: left; position: relative; } .css-tab { display: none; } .css_tab li { display: inline-block; float: left; width: 100%; } .css_tab li label { padding: 15px; width: 250px; background: #323b47; font-family: ‘Montserrat’, sans-serif; text-align: left; font-size: 16px; font-weight: 400; color: #FFF; position: absolute; left: 1px; top: 1px; float: left; cursor: pointer; } .css_tab li:nth-child(2) label { top: 52px; } .css_tab li:nth-child(3) label { top: 103px; } .css_tab li:nth-child(4) label { top: 154px; } .css_tab li:nth-child(5) label { top: 205px; } .css_tab li:nth-child(6) label { top: 256px; } .css_tab li:nth-child(7) label { top: 307px; } .css-tab:checked + .tab-label { background: #FFF; color: #323b47; } .tab-label:hover { background: #F2F2F2; color: #323b47; } #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5, #tab6:checked ~ #tab-content6, #tab7:checked ~ #tab-content7 { display: block; } .tab-content { padding: 30px 20px 30px 270px; width: 100%; border: solid 1px #e9e9e9; display: none; text-align: left; float: left; min-height: 410px; } .tab-content h2{ margin-bottom: 20px; text-align: center; font-size: 24px; letter-spacing: 1px; font-weight: 400; color: #323b47; } .footer_features { margin-bottom: 20px; } .footer_features ul li { margin: 0 2.66% 20px 0; width: 23%; float: left; } .footer_features ul li:nth-child(4) { margin-right: 0; } .footer_features ul li div { width: 100%; height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #323b47; text-align: center; vertical-align: middle; } .footer_features ul li h2 { padding: 10px; text-align: center; font-size: 24px; font-weight: 400; letter-spacing: 1px; line-height: 24px; color: #323b47; border: 1px solid #323b47; } .footer_features ul li h2 span { font-size: 13px; } footer { padding: 30px 20px; text-align: center; border-top: 1px solid #e9e9e9; } @media only screen and (max-width: 840px) { .store_features { text-align: center; } .store_features ul { display: none; } .gif_img { display: inline-block; } /*tab-css*/ .css_tab li label { padding: 15px; width: 100% !important; position: static; background: #323b47 url(https://wearephoenixteam.com/ebay/free-templates/images/temp6/plus.png) right center no-repeat; text-align: left; border: none; } .css_tab li{ margin-bottom: 1px; } .tab-content { padding: 15px 20px; } .css_tab li label:hover{ background: #d8d8d8 url(https://wearephoenixteam.com/ebay/free-templates/images/temp6/plus.png) right center no-repeat; border: none; } .css-tab:checked + .tab-label{ border-bottom: 1px solid #ddd; background: #d8d8d8 url(https://wearephoenixteam.com/ebay/free-templates/images/temp6/images/minus.png) right center no-repeat; } .footer_features ul li { margin-right: 4%; width: 48%; } .footer_features ul li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 640px) { .footer_features ul li { margin-right: 0 !important; width: 100%; } .thumbnails .gallery_content, .white-box { height: 400px; } }

/* FONTS AND COLORS */ body { font-family: Arial,sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; background-color: white; } h1, h2, h3, h4, h5, h6 { color: black; } .navbar a, .navbar a:active, .navbar a:hover, .navbar a:visited { color: #333; } .product-specs { background-color: #f1f1f1; padding: 1em; } .product-specs td { font-size:12px; } .attr-left { min-width:6em; font-weight:bold; vertical-align:top; } .attr-right { vertical-align:top; } div.footer { border-top: 1px solid #f1f1f1; } .navbar-default { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); background-repeat: repeat-x; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); } .navbar-default .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); } /* LAYOUT – CHANGING THESE WILL AFFECT THE SIZE AND LAYOUT OF YOUR AD TEMPLATE */ /* Responsive Columns */ .col-md-6{width:100%;} .col-md-12{width:100%;} .container{margin:auto;width:100%;} @media (min-width:768px){ .container{width:750px;} .col-md-12, .col-md-6{float:left;} .col-md-6{width:48%; margin:1%;} } @media (min-width:992px){ .container{width:970px;} .col-md-12,.col-md-6{float:left;} .col-md-6{width:48%; margin:1%;} } @media (min-width:1200px){ .container{width:1170px;} .col-md-12,.col-md-6{float:left;} .col-md-6{width:48%; margin:1%;} } .img-responsive{display:block;height:auto;max-width:100%;} /* Responsive Navigation Bar */ .nav{padding-left:0;margin-bottom:0;list-style:none;} .nav:before, .nav:after{display:table;content:” “;} .nav:after{clear:both;} .nav:before, .nav:after{display:table;content:” “;} .nav:after{clear:both;} .nav > li{position:relative;display:block;} .nav > li > a{position:relative;display:block;padding:10px 15px;} .nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:#eeeeee;} .nav > li > a > img{max-width:none;} .navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;} @media (min-width:768px){.navbar{border-radius:4px;} } .navbar-header:before, .navbar-header:after{display:table;content:” “;} .navbar-header:after{clear:both;} .navbar-header:before, .navbar-header:after{display:table;content:” “;} .navbar-header:after{clear:both;} @media (min-width:768px){.navbar-header{float:left;} } .navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch;} .navbar-collapse:before, .navbar-collapse:after{display:table;content:” “;} .navbar-collapse:after{clear:both;} .navbar-collapse:before, .navbar-collapse:after{display:table;content:” “;} .navbar-collapse:after{clear:both;} .navbar-collapse.in{overflow-y:auto;} @media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;} .navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;} .navbar-collapse.in{overflow-y:visible;} } @media (min-width:768px){.container > .navbar-header, container > .navbar-collapse{margin-right:0;margin-left:0;} } .navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;} .navbar-brand:hover, .navbar-brand:focus{text-decoration:none;} @media (min-width:768px){.navbar > .container .navbar-brand{margin-left:-15px;} } .navbar-nav{margin:7.5px -15px;} .navbar-nav > li > a{padding-top:10px;padding-bottom:10px;line-height:20px;} @media (min-width:768px){.navbar-nav{float:left;margin:0;} .navbar-nav > li{float:left;} .navbar-nav > li > a{padding-top:15px;padding-bottom:15px;} .navbar-nav.navbar-right:last-child{margin-right:-15px;} } @media (min-width:768px){.navbar-left{float:left !important;} .navbar-right{float:right !important;} }