����JFIF��H�H����Exif��MM�*���� ��3����V�����3������3�(��������������������3�����
Server IP : 74.208.127.88 / Your IP : 18.118.209.158 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /proc/self/root/var/www/html/css/ |
Upload File : |
/* ========================= */ /* GLOBAL STYLES */ /* ========================= */ html, body{ overflow-x:hidden; } body{ background:#7fcae8 url('../img/background.jpg') no-repeat; background-size:cover; background-attachment:fixed; font: 300 16px 'Roboto', Helvetica, Arial, sans-serif; line-height:21px; color:#6495ED; } .container{ background: #e0f2f6; /* Old browsers */ background: -moz-linear-gradient(top, #e0f2f6 82%, #dde3e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(82%,#e0f2f6), color-stop(100%,#dde3e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0f2f6 82%,#dde3e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0f2f6 82%,#dde3e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0f2f6 82%,#dde3e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0f2f6 82%,#dde3e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f2f6', endColorstr='#dde3e6',GradientType=0 ); /* IE6-9 */ } img{ max-width:100%; } .align-center{ text-align:center; } .align-left{ text-align:left; } .align-right{ text-align:right; } .align-right>small{ text-align:right; } img.align-left{ float:left; margin:10px 20px 10px 0; } img.align-right{ float:right; margin:10px 0 10px 20px; } .no-padding{ padding:0!important; } .no-margin{ margin:0!important; } .col-lg-fifth{ width:20%; padding:0 15px; float:left; } iframe{ border:none; } /* ==================================== */ /* TYPOGRAPHY */ /* ==================================== */ h1{ font-size:28px; font-weight:300; } h2{ font-size:24px; font-weight:300; } h3{ font-size:20px; font-weight:300; } h4{ font-size:18px; font-weight:300; } h5{ font-size:16px; font-weight:300; } h6{ font-size:14px; font-weight:300; } a{ color:#1f2228; transition:color 0.1s, background 0.2s; -webkit-transition:color 0.1s, background 0.2s; -moz-transition:color 0.1s, background 0.2s; -ms-transition:color 0.1s, background 0.2s; -o-transition:color 0.1s, background 0.2s; } a:hover{ color:#3498db; text-decoration:none; } a:active{ text-decoration:none; } span.green{ color:#2ecc71; } span.red, span.error{ color:#e74c3c; } /* ==================================== */ /* HEADER */ /* ==================================== */ /* Top Header */ #top-header{ background:#fff; } #top-header.style2, #top-header.style4, #top-header.style5{ background:transparent; } #top-header ul{ list-style:none; margin:0; padding:5px 10px 8px; } #top-header.style2 ul, #top-header.style4 ul, #top-header.style5 ul{ padding:5px 0; } #top-header li{ float:left; padding:0 10px; position:relative; } #top-header li:last-child{ padding-right:0; } #top-header #top-navigation li:after{ content: ''; display: block; height:10px; position:absolute; top:7px; right:0; border-right:1px solid #bdc3c7; } #top-header #top-navigation li:last-child:after{ display:none; border:none; } #top-header li a{ color:#1f2228; font-size:13px; font-weight:300; background:transparent!important; } #top-header li a:hover{ color:#3498db; } #top-header .icons{ color:#bdc3c7; } #top-header li.purple:hover>a, #top-header li.purple:hover>a .icons{ color:#9b59b6; } li.purple:hover .box-dropdown .box-wrapper{ border-color:#9b59b6; } li.purple .box-dropdown:after{ border-bottom:10px solid #9b59b6; } #top-header a.flag>span{ display:inline-block; margin-right:5px; } /* Login Dropdown */ #top-header li:hover ul{ display:block; width:auto; height:auto; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; top:100%; } .box-dropdown{ position:absolute; z-index:5000; right:0; line-height:20px; top:200%; padding-top:13px !important; z-inex:9999; overflow:hidden; width:0; height:0; opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .box-dropdown .box-wrapper{ border-top:3px solid #34495e; background:#fff; overflow:hidden; display:block; position:relative; padding:10px 15px 15px; } .box-dropdown:after{ content:''; width:10px; height:10px; display:block; border-bottom:10px solid #34495e; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; right:30px; top:5px; } .box-dropdown input[type="text"]{ width:100%; background:#f7f7f7; font-size:14px; } .box-dropdown .footer{ height:70px; } .box-dropdown .footer h4{ margin:10px 0 0; } .box-dropdown a.button{ display:inline-block; vertical-align:middle; background:#34495e; font-size:14px !important; text-transform:uppercase; padding:10px 20px; color:#fff!important; margin-left:2px; } .box-dropdown a{ font-weight:300; font-size:14px; } #login-dropdown a.button{ background:#34495e!important; } #login-dropdown a.button:hover{ background:#2c3e50!important; } #login-dropdown .pull-right{ text-align:right; } #login-dropdown .pull-right>a{ text-align:right; } .iconic-input{ position:relative; margin-bottom:15px; width:100%; } .box-dropdown h4{ margin:20px 0; } .box-dropdown .iconic-input{ width:350px; } .iconic-input input[type="text"]{ width:100%; background:#f7f7f7; font-size:14px; } .iconic-input .icons{ position:absolute; color:#7a8188!important; z-inex:9999; left:auto!important; top:10px!important; right:10px!important; } .box-dropdown p{ font-size:13px; } .box-dropdown label{ padding-left:10px; font-size:14px; } .box-dropdown .footer{ background:#f7f7f7; display:block; padding:15px; overflow:hidden; } /* Main Header */ #logo{ padding-top:15px; padding-left:30px; } #main-header{ padding-top:30px; padding-bottom:30px; } #main-header.style2, #main-header.style4{ padding-top:10px; } #middle-navigation ul{ list-style:none; margin:0; padding:0; } #middle-navigation li{ float:left; margin-left:1px; position:relative; } #middle-navigation>ul>li>a{ width:70px; height:70px; display:block; background:#34495e; color:#fff; text-align:center; padding:10px 0; font-size:13px; } #middle-navigation>ul>li>a:hover{ background:#2c3e50; } #middle-navigation .icons{ font-size:18px; display:block; color:#fff; margin-bottom:5px; } #middle-navigation>ul>li:hover ul{ display:block; width:auto; height:auto; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; top:100%; } #middle-navigation .box-dropdown:after{ right:10px; } #middle-navigation .login-create{ background:#fff; color:#7a8188; font-size:14px; height:70px; position:relative; padding:15px; padding-left:50px; } #middle-navigation .login-create>a{ color:#1f2228; } #middle-navigation .login-create>a:hover{ background:none; } #middle-navigation .login-create>p>a:hover{ color:#9b59b6; } #middle-navigation .login-create .icons{ position:absolute; left:15px; top:20px; color:#9b59b6; } #middle-navigation .login-create p{ margin:0; } #middle-navigation a.flag>span{ margin:5px auto 9px; height:12px; display:block; } .flag span{ width:19px; height:12px; background:url('../img/language-icons.png') no-repeat; margin-right:5px; display:block; } .currency-table, .language-table{ margin:5px 0; } .language-table a{ font-size:13px; color:#7a8188; } .language-table td.flag{ vertical-align:middle; padding:2px 0 2px 8px; } .language-table td.country{ vertical-align:middle; padding:2px 8px 2px 5px; } .language-table tr:hover, .currency-table tr:hover{ background:#f7f7f7; } .language-table tr:hover a, .currency-table tr:hover a{ color:#1f2228; } span.english-flag{ background-position:0 0; } span.german-flag{ background-position:-19px 0; } span.french-flag{ background-position:-38px 0; } span.italian-flag{ background-position:-57px 0; } span.spanish-flag{ background-position:-75px 0; } .currency-table td{ padding:2px 10px!important; white-space:nowrap; font-size:13px; } .cart-table{ width:350px; font-size:13px; } .cart-table td{ padding:10px 0; } .cart-table img{ width:60px; } .cart-table p{ font-size:13px; color:#7a8188; margin:0; } span.light{ color:#7a8188; } span.quantity{ font-size:13px; display:block; margin-bottom:10px; } .checkout-table td{ padding:5px; } .cart-table h6{ font-size:14px; margin:0; } .no-border{ border:none!important; } /* ========================= */ /* NAVIGATION */ /* ========================= */ #main-navigation{ position:relative; } #main-navigation>ul, #main-navigation>ul>li>ul, #main-navigation>ul>li>ul>li>ul, #main-navigation>ul>li>ul>li>ul>li>ul{ list-style:none; margin:0; padding:0; display:table; width:100%; } #main-navigation>ul{ table-layout:fixed; } #main-navigation>ul>li{ border-right:1px solid #e2f6f9; display:table-cell; background:#34495e; } #main-navigation>ul>li:hover>a>.icons{ left:0px; } #main-navigation>ul>li>a{ padding:5px 20px 13px; background:#34495e; color:#fff; display:block; } #main-navigation>ul>li>a .nav-caption{ margin-top:15px; } #main-navigation.style2>ul>li>a .nav-caption, #main-navigation.style3>ul>li>a .nav-caption, #main-navigation.style5>ul>li>a .nav-caption{ margin-top:5px; } span.nav-caption{ display:block; font-size:18px; text-transform:uppercase; } span.nav-description{ display:block; font-size:14px; } #main-navigation>ul>li>a .icons{ font-size:18px; display:block; color:#fff; text-align:right; margin-bottom:5px; position:relative; left:10px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } #main-navigation.style1>ul>li:hover>a, #main-navigation.style1>ul>li:hover, #main-navigation.style1>ul>li.current-item, #main-navigation.style1>ul>li.current-item>a{ background:#34495e!important; } #main-navigation.style2>ul>li>a{ padding:15px 20px; } #main-navigation.style2>ul>li:hover>a, #main-navigation.style2>ul>li:hover, #main-navigation.style2>ul>li.current-item, #main-navigation.style2>ul>li.current-item>a{ background:#34495e!important; } #main-navigation.style3>ul>li>a{ padding:15px 20px; background:#34495e!important; } #main-navigation.style4>ul>li>a{ background:#34495e!important; } #main-navigation.style3>ul>li>a:hover, #main-navigation.style3>ul>li.current-item>a{ background:inherit!important; } #main-navigation.style4>ul>li>a:hover, #main-navigation.style4>ul>li.current-item>a{ background:inherit!important; } #main-navigation.style5>ul>li>a{ padding:15px 20px; } #main-navigation.style5>ul>li:hover>a, #main-navigation.style5>ul>li:hover, #main-navigation.style5>ul>li.current-item, #main-navigation.style5>ul>li.current-item>a{ background:#34495e!important; } #main-navigation.style6>ul>li>a{ padding:15px 20px; background:#34495e!important; } #main-navigation.style6>ul>li>a:hover, #main-navigation.style6>ul>li.current-item>a{ background:inherit!important; } #main-navigation li ul.normal-dropdown{ color:#fff; padding:1px 0 0 0; position:absolute; overflow:visible; z-index:9999; width:200px; display:none; } #main-navigation li ul.normal-dropdown li{ background:#1abc9c; position:relative; display:block; } #main-navigation li ul.normal-dropdown li:first-child{ padding-top:12px; } #main-navigation li ul.normal-dropdown li:last-child{ padding-bottom:12px; } #main-navigation li ul.normal-dropdown a{ padding:8px 20px; color:#fff; display:block; } #main-navigation li ul.normal-dropdown li:hover>a{ background:#16a085; } #main-navigation li ul.normal-dropdown li ul{ position:absolute; left:100%; top:-12px; padding-top:0; padding-left:1px; color:#fff; z-index:9999; display:none; } /*#main-navigation li ul.normal-dropdown li:hover ul{ display:block; }*/ #main-navigation li ul.normal-dropdown li:first-child ul{ top:0; z-index:9999; } #main-navigation li:hover>ul.normalAnimation, #main-navigation ul.normal-dropdown li:hover > ul.normalAnimation{ display:block; } #main-navigation ul.wide-dropdown{ display:none; z-index:9999; border-top:1px solid #e5f5f9; padding-top:1px; width:auto; overflow:hidden; position:absolute; } #main-navigation ul.wide-dropdown>li{ float:left; min-width:300px; padding:16px 0; } #main-navigation ul.wide-dropdown ul a, #main-navigation ul.wide-dropdown .nav-caption{ padding:8px 20px; display:block; color:#fff; } #main-navigation>ul>li>ul.normal-dropdown .icons{ font-size:16px; display:inline-block; color:#fff; position:relative; left:10px; float:right; } #main-navigation li.home-green>a, #main-navigation .home-green ul.wide-dropdown, #main-navigation li.home-green{ background:#1abc9c; } #main-navigation li.red>a, #main-navigation .red ul.wide-dropdown, #main-navigation li.red{ background:#e74c3c; } #main-navigation li.blue>a, #main-navigation .blue ul.wide-dropdown, #main-navigation li.blue{ background:#3498db; } #main-navigation li.orange>a, #main-navigation .orange ul.wide-dropdown, #main-navigation li.orange{ background:#f5791f; } #main-navigation li.green>a, #main-navigation .green ul.wide-dropdown, #main-navigation li.green{ background:#2ecc71; } #main-navigation li.purple>a, #main-navigation .purple ul.wide-dropdown, #main-navigation li.purple{ background:#9b59b6; } /* ========================= */ /* SEARCH BOX */ /* ========================= */ #main-navigation .nav-search{ z-index:2000; position:relative; cursor:pointer; width:70px; text-align:center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; vertical-align:middle; background:#1abc9c; } #main-navigation .nav-search:hover{ background:#16a085!important; } #main-navigation .nav-search .icons{ font-size:16px; display:inline-block; color:#fff; text-align:center; margin-bottom:0; left:0; height:20px; width:30px; } #main-navigation .nav-search.searchbar-visible{ background:#34495e; width:50px; } #main-navigation .nav-search.searchbar-visible:hover{ background:#2c3e50!important; } #main-navigation .nav-search .icons:before{ content:'\ef88'; } #main-navigation .nav-search.searchbar-visible .icons:before{ content:'\ecf6'; } #search-bar{ background:#34495e; position:absolute; z-index:1000; color:#fff; padding:15px 120px 0 0; top:0; left:0; right:0; bottom:0; display:none; } #search-bar input{ width:100%; color:#555; font-size:14px; } .style3 #search-bar, .style5 #search-bar{ padding-top:7px; } .style3 #search-bar input, .style5 #search-bar input{ padding:0 10px; height:35px; } .style3 #search-bar .chosen-single, .style5 #search-bar .chosen-single{ height:35px; padding-top:4px; } .style3 #search-bar .chosen-single div, .style5 #search-bar .chosen-single div{ top:5px; } #search-bar p{ margin:0 0 5px; font-size:14px; } .style2 #search-bar p{ position:relative; top:-40px; margin-bottom:-20px; color:#121212; } .style3 #search-bar p{ position:relative; top:-30px; margin-bottom:-20px; color:#121212; } .style5 #search-bar p{ position:relative; top:-30px; margin-bottom:-20px; color:#121212; } .style2 #search-bar p>a, .style3 #search-bar p>a, .style5 #search-bar p>a{ color:#121212; } .style2 #search-bar p>a:hover, .style3 #search-bar p>a:hover, .style5 #search-bar p>a:hover, .style6 #search-bar p>a:hover{ color:#1abc9c; } #search-bar-table{ width:100%; } .search-column-1{ width:70%; } .search-column-2{ width:30%; padding-left:5px; } #search-button{ position:absolute; right:49px; top:0; bottom:0; width:70px; z-index:9999!important; vertical-align:middle; cursor:pointer; border-right:1px solid #fff; border-left:1px solid #fff; } #search-button input[type="submit"]{ height:100%; background:#1abc9c; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; } #search-bar .chosen-single{ height:40px ; padding: 6px 0 0 8px; background-color: #fff; color:#7a8188; } #search-bar .chosen-single div { top:7px; } #search-bar .chosen-drop li { padding:8px 6px; } #search-button:hover input[type="submit"]{ background:#16a085; } #search-button .icons{ font-size:20px; position:absolute; top:50%; left:0; margin-top:-10px; margin-left:22px; } span.grey{ color:#b1b6bb; } #search-bar p a{ color:#fff; } #search-bar p a:hover{ color:#1abc9c; } /* ========================= */ /* COLORS */ /* ========================= */ /* Blue Color */ li.blue>a, input.blue, .button.blue, #main-navigation li.blue li, span.product-action.blue{ background:#3498db!important; } li.blue>a:hover, #main-navigation .blue ul.wide-dropdown ul a:hover, input.blue:hover,.button.blue:hover, li.blue.current-item>a, li.blue.current-item, .icons.blue:hover, span.product-action.blue:hover{ background:#2980b9!important; } li.blue .parent-background{ background:#3498db; } li.blue .parent-border{ border-color:#3498db; } li.blue .parent-arrow:after{ border-bottom-color:#3498db; } li.blue .parent-color, a.blue{ color:#3498db; } /* Dark Blue Color */ li.dark-blue>a, input.dark-blue, .button.dark-blue, #main-navigation li.dark-blue li, span.product-action.dark-blue{ background:#34495e!important; } li.dark-blue>a:hover, #main-navigation .dark-blue ul.wide-dropdown ul a:hover, input.dark-blue:hover, .button.dark-blue:hover, li.dark-blue.current-item>a, li.dark-blue.current-item, .icons.dark-blue:hover, span.product-action.dark-blue:hover{ background:#2c3e50!important; } li.dark-blue .parent-background{ background:#34495e; } li.dark-blue .parent-border{ border-color:#34495e; } li.dark-blue .parent-arrow:after{ border-bottom-color:#34495e; } li.dark-blue .parent-color, a.dark-blue{ color:#34495e; } /* Red Color */ li.red>a, input.red, .button.red, #main-navigation li.red li, span.product-action.red{ background:#e74c3c!important; } li.red>a:hover, #main-navigation .red ul.wide-dropdown ul a:hover, input.red:hover , .button.red:hover, li.red.current-item>a, li.red.current-item, .icons.red:hover, span.product-action.red:hover{ background:#c0392b!important; } li.red .parent-background{ background:#e74c3c; } li.red .parent-border{ border-color:#e74c3c; } li.red .parent-arrow:after{ border-bottom-color:#e74c3c; } li.red .parent-color, a.red, .red-hover:hover{ color:#e74c3c; } /* Grey Color */ li.grey>a, input.grey, .button.grey, #main-navigation li.grey li, span.product-action.grey{ background:#f7f7f7!important; color:#1f2228; } li.grey>a:hover, #main-navigation .grey ul.wide-dropdown ul a:hover, input.grey:hover , .button.grey:hover, li.grey.current-item>a, li.grey.current-item, .icons.grey:hover, span.product-action.grey:hover{ background:#dde3e6!important; } li.grey .parent-background{ background:#f7f7f7; } li.grey .parent-border{ border-color:#f7f7f7; } li.grey .parent-arrow:after{ border-bottom-color:#f7f7f7; } li.grey .parent-color, a.grey{ color:#f7f7f7; } /* Home Green Color */ li.home-green>a, input.home-green, .button.home-green, #main-navigation li.home-green li, span.product-action.home-green{ background:#1abc9c!important; } li.home-green>a:hover, #main-navigation .home-green ul.wide-dropdown ul a:hover, input.home-green:hover, .button.home-green:hover, li.home-green.current-item>a, li.home-green.current-item, .icons.home-green:hover, span.product-action.home-green:hover{ background:#16a085!important; } li.home-green .parent-background{ background:#1abc9c; } li.home-green .parent-border{ border-color:#1abc9c; } li.home-green .parent-arrow:after{ border-bottom-color:#1abc9c; } li.home-green .parent-color, a.home-green{ color:#1abc9c; } /* Green Color */ li.green>a, input.green, .button.green, #main-navigation li.green li, span.product-action.green{ background:#2ecc71!important; } li.green>a:hover, #main-navigation .green ul.wide-dropdown ul a:hover, input.green:hover, .button.green:hover, li.green.current-item>a, li.green.current-item, .icons.green:hover, span.product-action.green:hover{ background:#21bf64!important; } li.green .parent-color, a.green{ color:#2ecc71; } li.green .parent-background{ background:#2ecc71; } li.green .parent-border{ border-color:#2ecc71; } li.green .parent-arrow:after{ border-bottom-color:#2ecc71; } /* Purple Color */ li.purple>a, input.purple, .button.purple, #main-navigation li.purple li, span.product-action.purple{ background:#9b59b6!important; } li.purple>a:hover, #main-navigation .purple ul.wide-dropdown ul a:hover, input.purple:hover, .button.purple:hover, li.purple.current-item>a, li.purple.current-item, .icons.purple:hover, span.product-action.purple:hover{ background:#8e44ad!important; } li.purple .parent-color, a.purple{ color:#9b59b6; } li.purple .parent-background{ background:#9b59b6; } li.purple .parent-border{ border-color:#9b59b6; } li.purple .parent-arrow:after{ border-bottom-color:#9b59b6; } /* Orange Color */ li.orange>a, input.orange, .button.orange, #main-navigation li.orange li, span.product-action.orange{ background:#f5791f!important; } li.orange>a:hover, #main-navigation .orange ul.wide-dropdown ul a:hover, input.orange:hover, .button.orange:hover, li.orange.current-item>a, li.orange.current-item, .icons.orange:hover, span.product-action.orange:hover{ background:#d35400!important; } li.orange .parent-color, a.orange{ color:#f5791f; } li.orange .parent-background{ background:#f5791f; } li.orange .parent-border{ border-color:#f5791f; } li.orange .parent-arrow:after{ border-bottom-color:#f5791f; } /* ==================================== */ /* SIDEBAR */ /* ==================================== */ .sidebar-box{ margin-bottom:30px; color:#7a8188; } .sidebar-box .padding-box{ padding:15px; } .sidebar-box-heading{ color:#fff; text-transform:uppercase; background:#34495e; overflow:hidden; height:50px; padding:12px 20px 12px 40px; } .sidebar-box-heading .icons{ position:absolute; left:30px; } .sidebar-box-heading h4{ margin:0; display:inline-block; padding-left:5px; } .sidebar-box-content{ background:#fff; } .sidebar-box-content.sidebar-padding-box{ padding:20px 15px; } .sidebar-box-content>*{ margin:0; } .sidebar-box-content ul{ margin:0; padding:0; list-style:none; } .sidebar-box-content>ul{ padding:20px 0; } .sidebar-box-content>ul>li{ position:relative; } .sidebar-box-content>ul>li>a{ display:block; padding:8px 35px 8px 20px; } .sidebar-box-content>ul>li>a .icons{ position:absolute; right:15px; top:10px; font-size:14px; } .sidebar-box-content>ul>li>a:hover{ background:#f7f7f7; } .sidebar-box-content>ul>li:hover .sidebar-dropdown{ display:table; } .sidebar-dropdown{ position:absolute; left:100%; top:-10px; z-index:6000; display:none; background:#9b59b6; } .sidebar-box .chosen-single{ height:40px; font-size:14px; color:#7a8188; padding: 8px 0 0 8px; border:1px solid #e6e6e6; margin-top:5px; } .sidebar-box .chosen-results{ border:1px solid #e6e6e6; border-top:none; } .sidebar-box .chosen-results li{ padding:10px 6px; } .sidebar-box .chosen-single div { top:8px; } .right-sidebar .sidebar-dropdown{ left:auto; right:100%; } .sidebar-dropdown>li{ overflow:hidden; display:table-cell; vertical-align:top; } .sidebar-dropdown>li>ul{ float:left; width:250px; padding:10px 0; display:table; } .sidebar-dropdown>li>ul>li>a{ padding:8px 20px; display:block; color:#fff; } .sidebar-dropdown>li>ul>li>a:hover{ background:#8e44ad; } .sidebar-dropdown>li:last-child{ margin:0; } .sidebar-slider{ position:relative; display:block; overflow:hidden; } .sidebar-slider .flex-control-nav{ display:block; position:absolute; bottom:0; left:0; right:0; width:100%; } .sidebar-slider .flex-control-paging li a { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; width:9px; height:9px; background:#ccc; } .sidebar-slider .flex-control-paging li a:hover, .sidebar-slider .flex-control-paging li a.flex-active{ background:#27ae60; } .sidebar-slider .slider-nav{ background:#f7f7f7; display:block; height:30px; } .bestsellers-table, .compare-table{ width:100%; background:#fff; } .bestsellers-table tr, .compare-table tr{ padding-left:20px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } .bestsellers-table tr:hover{ background:#f7f7f7; } .bestsellers-table .product-thumbnail, .compare-table .product-thumbnail{ width:45%; padding:10px 10px 10px 15px; } .bestsellers-table .product-thumbnail img, .compare-table .product-thumbnail img{ width:100%; } .bestsellers-table .product-info, .compare-table .product-info{ background:transparent; overflow:hidden; padding:5px 20px 5px 5px; } .bestsellers-table .product-info p, .bestsellers-table .product-info span.price, .compare-table .product-info p{ font-size:14px; margin:0 0 5px; } .sidebar .product{ margin-bottom:0; } a.remove{ font-size:12px; color:#e74c3c; } a.tag-item{ display:inline-block; background:#f7f7f7; margin-bottom:5px; padding:5px 10px; vertical-align:top; font-size:14px; } a.tag-item:hover{ color:#fff; background:#1abc9c; } .orange .carousel-heading{ background:#f5791f; } .orange .carousel-arrows i:hover{ background:#d35400; } .noUi-base { background:#f7f7f7; border:none } .noUi-background{ box-shadow:none; } .noUiSlider{ margin-top:10px; border-radius:0; height:12px; margin-bottom:10px; border:1px solid #e6e6e6; } .noUi-horizontal .noUi-handle { width: 15px; height: 22px; left: -5px; background:#a1aaaf; border:none; top: -6px; box-shadow:none; border-radius:0; cursor:pointer; } .noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after { height:1px; width:5px; left:5px; top:9px; background:#ccc; } .noUi-connect{ background:#2ecc71; } .noUi-horizontal .noUi-handle:after{ top:11px; } span.price-range-max{ float:right; color:#1f2228; font-size:14px; } span.price-range-min{ color:#1f2228; font-size:14px; } label.color-checkbox.red{ background:#e74c3c; } label.color-checkbox.white{ background:#fff; } label.color-checkbox.black{ background:#000; } label.color-checkbox.blue{ background:#3498db; } label.color-checkbox.green{ background:#00a847; } label.color-checkbox{ width:30px; height:30px; border:2px solid #fff; margin-right:10px!important; outline:1px solid #eee; } label.color-checkbox:before{ display:none!important; width:0!important; height:0!important; } input[type="checkbox"]:checked + label.color-checkbox{ outline:1px solid #34495e; } /* Colors */ .purple .sidebar-box-heading, .purple a.tag-item:hover{ background:#9b59b6; } .purple .sidebar-box-content>ul>li>a:hover{ color:#9b59b6; } .blue .sidebar-box-heading, .blue a.tag-item:hover{ background:#3498db; } .blue .sidebar-box-content>ul>li>a:hover{ color:#3498db; } .red .sidebar-box-heading, .red a.tag-item:hover{ background:#e74c3c; } .red .sidebar-box-content>ul>li>a:hover{ color:#e74c3c; } .green .sidebar-box-heading, .green a.tag-item:hover{ background:#1abc9c; } .green .sidebar-box-content>ul>li>a:hover{ color:#1abc9c; } .orange .sidebar-box-heading, .orange a.tag-item:hover{ background:#f5791f; } .orange .sidebar-box-content>ul>li>a:hover{ color:#f5791f; } .home-green .sidebar-box-heading, .orange a.tag-item:hover{ background:#1abc9c; } .home-green .sidebar-box-content>ul>li>a:hover{ color:#1abc9c; } /* ==================================== */ /* CONTENT */ /* ==================================== */ .content{ margin-top:30px; } /* ========================= */ /* REVOLUTION SLIDER */ /* ========================= */ .boxedcontainer { max-width: 1170px; margin:auto; padding:0px 30px;} .tp-banner-container{ width:100%; position:relative; padding:0; margin-bottom:30px; } .tp-leftarrow.default, .tp-rightarrow.default{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; } .tp-banner-container:hover .tp-leftarrow.default, .tp-banner-container:hover .tp-rightarrow.default{ opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; } .tp-banner-container:hover .tp-leftarrow.default:hover, .tp-banner-container:hover .tp-rightarrow.default:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; } .tp-banner{ width:100%; position:relative; color:#2c3e50; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } .tp-banner strong{ font-weight:700; } .tp-banner h2{ font-size:36px; color:#2c3e50; line-height:38px; } .tp-banner h3{ font-size:24px; color:#2c3e50; } .tp-banner span{ font-size:18px; color:#2c3e50; } .tp-banner span.price{ font-size:24px; color:#2c3e50; } .tp-banner a.button.big{ font-size:18px; padding-top:18px; } /* ========================= */ /* IOS SLIDER */ /* ========================= */ .iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width:100%; height: 400px; height: 400px; margin-bottom:30px; background-color:#fff; } .iosSlider:hover .prevButton, .iosSlider:hover .nextButton{ opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; } .iosSlider .prevButton { position: absolute; top: 175px; left: 10px; width: 50px; height: 50px; background: url(../assets/large_left.png) no-repeat left bottom; z-index: 2; opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition.:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; } .iosSlider .nextButton { position: absolute; top: 175px; right: 10px; width: 50px; height: 50px; background: url(../assets/large_right.png) no-repeat left bottom; z-index: 2; opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition.:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; } .iosSlider .nextButton:hover, .iosSlider .prevButton:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; } .iosSlider .slider { width: 100%; height: 100%; } .iosSlider .scrollbar1{ background:#ccc!important; } .iosSlider .slider .item { position: relative; top: 0; left: 0; width: 100%; height: 500px; margin: 0; } .iosSlider .slider .item .image { position: absolute; top: 0; left:0; width: 100%; height: 400px; background-color:#fff; background-size:auto 100%; background-position:right bottom; } .iosSlider .slider .item .image .bg { border-right: 0; height: 180px; width: 340px; opacity: 0.5; display: none; } .iosSlider .slider .item .text { position: absolute; top:60px; left:40px; } .iphoneUI .iosSlider .slider .item .text { display: none; } .iosSlider .slider .item .title { position: relative; text-indent: -1px; } .iosSlider .slider .item .desc { position: relative; } .iosSlider .slider .item .desc span { } .iosSlider .slider .item .button { } .iosSlider strong{ font-weight:700; } .iosSlider h2{ font-size:36px; color:#2c3e50; line-height:38px; margin:0; } .iosSlider h3{ font-size:24px; margin:10px 0 40px; color:#2c3e50; } .iosSlider span{ font-size:18px; color:#2c3e50; } .iosSlider span.price{ font-size:24px; color:#2c3e50; } .iosSlider .button{ margin-top:10px; } .iosSlider .slider #item1 .image { background: url(../img/slide1.jpg) right bottom no-repeat; } .iosSlider .slider #item2 .image { background: url(../img/slide3.jpg) right bottom no-repeat } .iosSlider .slider #item3 .image { background: url(../img/slide2.jpg) right bottom no-repeat; } /* ========================= */ /* FLEXSLIDER */ /* ========================= */ .flexsliderBig{ height:400px; } .flexsliderBig .text{ padding:60px 40px; } .flexsliderBig li{ background-size:auto 100%; background-position:right bottom!important; height:400px; } .flexsliderBig #slide1 { background: url(../img/slide1.jpg) no-repeat; } .flexsliderBig #slide2 { background: url(../img/slide3.jpg) no-repeat; } .flexsliderBig #slide3 { background: url(../img/slide2.jpg) no-repeat; } .flexsliderBig strong{ font-weight:700; } .flexsliderBig h2{ font-size:36px; color:#2c3e50; line-height:38px; margin:0; } .flexsliderBig h3{ font-size:24px; margin:10px 0 40px; color:#2c3e50; } .flexsliderBig span{ font-size:18px; color:#2c3e50; } .flexsliderBig span.price{ font-size:24px; color:#2c3e50; } .flexsliderBig a.button{ margin-top:10px; } /* ========================= */ /* BREADCRUMBS */ /* ========================= */ .breadcrumbs{ background:#f7f7f7; margin-bottom:20px; margin-top:-10px; } .breadcrumbs p{ color:#7a8188; font-size:13px; margin:0; padding:8px 20px; } .breadcrumbs .icons{ color:#c1c7ca; } .breadcrumbs a{ font-weight:300; } /* ========================= */ /* SUBCATEGORIES */ /* ========================= */ .subcategories{ margin-left:-5px; margin-right:-5px; } .col-lg-fifth.subcategory{ padding:0 5px; margin-bottom:30px; } .subcategory project-info{ padding:10px 0; } .subcategory h6{ margin:0; } .categories-heading{ margin-bottom:30px; background:#fff; } .categories-heading p{ padding:20px; margin:0; font-size:14px; } .category-heading{ color:#fff; background:#a1aaaf; text-transform:uppercase; margin-bottom:10px; height:50px; padding:10px 20px; position:relative; } .category-heading .chosen-container{ width:160px!important; } .category-buttons{ position:absolute; top:0; right:0; } .category-buttons a{ color:#fff!important; } .category-buttons .icons{ float:left; height:100%; width:50px; height:50px; border-left:1px solid #e7f9fc; text-align:center; margin:0; padding:15px 0 0; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; cursor:pointer; } .category-buttons .icons:hover, .category-buttons .icons.active-button{ background-color:#889196; } .category-results p{ display:inline-block; font-size:14px; margin-right:10px; margin-top:7px; } .pagination{ float:right; margin-bottom:20px; } .category-results .selectboxit, .category-results .selectboxit-list{ width:70px!important; margin:-5px 5px 0; } .pagination>a>div{ width:40px; height:40px; float:left; background:#f7f7f7; text-align:center; padding-top:10px; font-size:14px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } .pagination>a:hover div{ color:#111; background:#dde3e6; } /* ========================= */ /* CAROUSELS */ /* ========================= */ .carousel-heading{ color:#fff; background:#34495e; text-transform:uppercase; margin-bottom:10px; overflow:hidden; height:50px; position:relative; } .carousel-heading h4{ margin:0; display:inline-block; padding:12px 20px; } .carousel-arrows{ display:inline-block; vertical-align:top; cursor:pointer; position:absolute; top:0; right:0; } .carousel-arrows .icons{ float:left; height:100%; width:50px; height:50px; border-left:1px solid #e7f9fc; text-align:center; margin:0; padding:14px 0 0; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } .carousel-arrows a{ color:#fff; } .carousel-arrows .icons:hover{ background-color:#2c3e50; } /* ========================= */ /* PRODUCT ITEMS */ /* ========================= */ .owl-carousel-wrap{ padding:0; } .owl-carousel .owl-item{ padding:0 15px; } .product{ margin-bottom:30px; } .product-info{ background:#f7f7f7; overflow:hidden; padding:10px 15px; } .product-info h5{ margin:10px 0 5px; color:#1f2228; } span.product-tag{ position:absolute; background:#9b59b6; color:#fff; font-size:14px; text-transform:uppercase; top:30px; z-index:5000; left:0; padding:5px 25px; } span.price{ color:#e74c3c; font-size:16px; font-weight:600; } span.price del{ color:#596067; font-weight:300; margin-right:5px; } .product-image{ position:relative; overflow:hidden; } .product-image img{ width:100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .product-categories{ font-size:14px; color:#9b59b6; margin:0; } .product-categories a{ color:#9b59b6; } .product-categories a:hover{ color:#8e44ad; } a.product-hover{ background:rgba(52,73,94, 0.7); padding:10px 15px; font-size:16px; height:40px; text-transform:uppercase; color:#fff; position:absolute; top:110px; left:0; right:0; width:160px; margin:0 auto; cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a.product-hover:hover{ background:rgba(52,73,94,1); } .product-image:hover a.product-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .product-image:hover img{ -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .product-actions{ color:#fff; display:table; width:100%; overflow:hidden; } span.product-action{ color:#fff!important; } span.action-wrapper{ position:relative; display:block; } .product-actions>span{ position:relative; border-left:1px solid #e7f9fc; cursor:pointer; width:40px; height:40px; padding:9px 0 0 8px; display:table-cell; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .product-actions>span.current{ width:auto; } .product-actions>span.current span.action-name{ left:30px; top:1px; width:220px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; white-space:nowrap; } span.add-to-cart{ background:#f5791f; } span.add-to-cart:hover{ background:#d35400; } span.add-to-cart .icons{ margin-right:8px; } span.add-to-favorites{ background:#e74c3c; } span.add-to-favorites:hover{ background:#c0392b; } span.add-to-compare{ background:#3498db; } span.add-to-compare:hover{ background:#2980b9; } span.action-name{ position:absolute; left:85px; text-transform:uppercase; opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .product-info p{ font-size:14px; } .product.grid-view{ background:#f7f7f7; overflow:hidden; position:relative; } .product.grid-view .product-actions{ position:absolute; bottom:0; left:0; right:0; } .product.grid-view .product-actions.full-width span.action-name{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; left:30px; } .grid-view .product-image{ padding:0; } .product.grid-view .product-actions>span{ width:33.3333%; } .rating{ display:inline-block; } .product-info .rating{ float:right; margin-right:-20px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; } .sidebar td.product-info .rating{ display:block; margin-top:-5px; float:none; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; } .rating-box{ font-size:13px; color:#7a8188; vertical-align:middle; } .product .rating-box{ float:right; } .product-single-info .rating-box{ margin-top:-15px; margin-bottom:20px; } .rating-box .rating{ float:none; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; margin-right:-20px; } .rating img+img{ margin-left:-2px; } .product:hover .rating{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; } /* ========================= */ /* QUICK VIEW MODAL */ /* ========================= */ #quick-view-modal{ position:fixed; background:rgba(0,0,0,0.6); width:100%; height:100%; z-index:9999; top:0; left:0; right:0; bottom:0; display:none; } #quick-view-close{ position:absolute; right:-25px; top:-25px; cursor:pointer; z-index:9999; } #quick-view-close:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#fff; content:'\ecf6'; } #quick-view-content{ position:relative; background:#f7f7f7; max-width:800px; max-height:500px; width:90%; height:90%; margin:2.5% auto 0 auto; overflow:visible; } #quick-view-content .product-fullscreen{ display:none; } #quick-view-content .pinterest{ position:relative; top:-6px; } #quick-view-content span.price{ margin-top:0; } #quick-view-content .tabs{ margin:0 20px; } #quick-view-content .product-action.green{ display:none; } .quick-view-content{ width:100%; height:100%; position:relative; margin:0; overflow-y:scroll; } .quick-view-container{ padding:0!important; width:100%; overflow:hidden; background:#f7f7f7; } /* Tabs */ .tab-heading.margin-heading{ margin-bottom:10px; } .tab-heading a.button{ font-size:18px; padding:13px 30px; height:50px; margin-right:-3px; background:#a1aaaf!important; } .tab-heading a:hover, .tab-heading a.button.active{ background:#34495e!important; text-decoration:none; } .tab-content{ background:#fff; margin-bottom:30px; font-size:14px; padding:10px 20px; } p .tag-item{ vertical-align:middle; } .home-green .tag-item:hover{ background:#1abc9c; } .tab-content strong{ color:#596067; } /* ========================= */ /* ACCORDIONS */ /* ========================= */ .accordion ul{ margin:0; padding:0; list-style:none; margin-bottom:30px; } .accordion-header{ color:#fff; background:#a1aaaf; text-transform:uppercase; position:relative; margin:0 0 1px; overflow:hidden; padding:13px 20px; cursor:pointer; height:50px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } .accordion-active .accordion-header, .accordion-header:hover{ background:#34495e; } .accordion-active .accordion-header .accordion-button i:before{ content: '\e98a'; } .accordion-header .accordion-button i:before{ content: '\e987'; } .accordion-header h4{ margin:0; } .accordion-button{ color:#fff; position:absolute; top:13px; font-size:24px; right:15px; } .accordion-content{ background:#fff; margin-bottom:0!important; font-size:14px; padding:10px 20px; } .accordion-content strong{ color:#596067; } /* ========================= */ /* NEWS */ /* ========================= */ .news{ margin-bottom:30px; } .news-background{ background:#f7f7f7; } .news-content{ padding:10px 30px 10px 5px; } .news-content h5{ margin:0 0 5px; } .news-content p{ font-size:14px; color:#596067; margin:10px 0; } span.date{ font-size:12px; color:#7a8188; } /* ========================= */ /* BANNERS */ /* ========================= */ .banner{ overflow:hidden; } .banner-item{ background:#ccc; color:#fff; padding:10px 15px; margin-bottom:30px; position:relative; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } a .banner-item{ color:#fff!important; } .banner-item h4{ margin:5px 0 0; font-size:24px; text-transform:uppercase; font-weight:900; } .banner-item p{ margin:0; font-size:14px; } .banner-item .button{ float:right; display:inline-block; position:absolute; top:15px; right:15px; padding:8px 15px; color:#fff; background:#999; text-transform:uppercase; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } .banner-item .icons{ font-size:42px; } .banner .left-side-banner{ width:30%; float:left; } .banner .middle-banner{ width:38%; margin:0 1%; float:left; } .banner .right-side-banner{ width:30%; float:left; } .banner-item.icon-on-left{ padding-left:80px; } .banner-item.icon-on-left .icons{ position:absolute; top:10px; z-index:100; left:10px; } .banner-item.icon-on-right{ padding-right:80px; } .banner-item.icon-on-right .icons{ position:absolute; top:10px; z-index:100; right:10px; } .banner-item.orange{ background:#f5791f; } .banner-item.orange .button{ background:#d35400; } .banner-item.orange:hover{ background:#d35400; } .banner-item.orange:hover .button{ background:#f5791f; } .banner-item.light-blue{ background:#3498db; } .banner-item.light-blue .button{ background:#2980b9; } .banner-item.light-blue:hover{ background:#2980b9; } .banner-item.light-blue:hover .button{ background:#3498db; } .banner-item.gray{ background:#a1aaaf; } .banner-item.gray a.button{ background:#889196; } .banner-item.gray:hover{ background:#889196; } .banner-item.gray:hover .button{ background:#a1aaaf; } /* ========================= */ /* CREATE AN ACCOUNT */ /* ========================= */ .page-content{ padding:20px 20px 30px; background:#fff; margin-bottom:30px; } .page-content-footer{ background:#f7f7f7; padding:20px; overflow:hidden; } .page-content-footer p{ margin:0; font-size:14px; } .page-content-footer h4{ margin:10px 0; } .page-content + .page-content-footer{ margin-top:-30px; margin-bottom:30px; } .page-content ul{ list-style:none; margin:0; padding:0; } .page-content li{ margin:10px 0; font-size:14px; } .page-content p{ font-size:14px; } .page-content input[type="text"], .page-content select{ width:100%; background:#f7f7f7; font-size:14px; } .page-content textarea{ width:100%; background:#f7f7f7; height:200px; border:1px solid #e6e6e6; font-size:14px; } .register-account p{ margin:8px 0 25px; } .register-account label{ position:relative; top:15px; } .register-account input[type="submit"]{ background:#3498db; margin-top:20px; } .register-account input[type="reset"]{ margin-top:20px; } .register-account input[type="submit"]:hover{ background:#2980b9; } .page-content .chosen-single{ height:40px!important; font-size:14px!important; color:#7a8188!important; padding: 8px 0 0 8px!important; border:1px solid #e6e6e6!important; } .page-content .chosen-results{ border:1px solid #e6e6e6!important; border-top:none!important; } .page-content .chosen-results li{ padding:10px 6px!important; } .page-content .chosen-single div { top:8px!important; } /* ========================= */ /* CHECKOUT */ /* ========================= */ .checkout-form{ margin-bottom:30px; background:#f7f7f7; padding:20px; font-size:14px; } .checkout-form table{ text-align:right; width:100%; } .checkout-form table td{ width:1%; padding:0 20px!important; } .checkout-form table td.empty-cell{ width:100%; } .checkout-form textarea{ width:100%; height:150px; margin:-10px 0 10px; border:1px solid #ddd; } /* ========================= */ /* BLOG */ /* ========================= */ .blog-item{ margin-bottom:30px; overflow:hidden; } .blog-item>img, .blog-item>a>img{ width:100%; } .col-lg-12 .blog-item .rating-box{ float:right; margin-top:0; margin-right:-10px; } .blog-item .rating-box{ margin-top:2px; } .blog-item .rating-box span{ margin-right:10px; } .blog-info{ background:#f7f7f7; padding:20px; } .blog-info h3{ margin:0 0 10px; font-size:24px; line-height:24px; } .blog-meta span{ margin-right:20px; font-size:12px; line-height:10px; } .blog-meta .icons{ color:#bdc3c7; } .blog-info p{ font-size:14px; line-height:21px; } a.button{ background:#34495e; padding:10px 15px; text-transform:uppercase; color:#fff; cursor:pointer; display:inline-block; height:40px; } a.button.big{ font-size:18px; padding:15px 30px; height:50px; } a.button.small{ padding:5px 15px; font-size:14px; height:30px; } a.button.round{ width:40px; height:40px; display:inline-block; padding-top:8px; padding-left:15px; } a.button.regular{ text-transform:none; } a.button:hover{ background:#2c3e50; } a.button .icons{ margin:0 5px 0 -5px; } a.button.right-icon{ padding-right:5px; } a.button.right-icon .icons{ margin-left:5px; } .blog-actions{ max-width:250px; } .blog-actions-big{ max-width:290px; } .blog-actions-big .product-action{ padding-top:9px!important; } ul.comments li{ position:relative; margin-bottom:30px; margin-left:0; } ul.comments li p{ margin:0; } ul.comments li .date{ color:#7a8188; } ul.comments li .icons + p{ margin-top:10px; } ul.comments li .icons{ float:right; display:block; width:30px; height:30px; background:#f7f7f7; cursor:pointer; padding-top:5px; text-align:center; margin-top:-20px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } ul.comments li .icons:hover{ background:#dde3e6; } ul.comments li .icons.red{ background:#e74c3c; color:#fff; } ul.comments li .icons.green{ background:#2ecc71; color:#fff; } ul.comments li .icons.sum{ font-style:normal; } ul.comments li .icons.no-pointer{ cursor:default!important; } ul.comments li .icons.sum.green-sum{ color:#2ecc71; } ul.comments li .icons.sum.red-sum{ color:#e74c3c; } ul.comments li ul li{ background:#f7f7f7; padding:15px 20px; margin:20px 0 20px 20px; } /* ========================= */ /* PRODCUT SINGLE PAGE */ /* ========================= */ .product-single{ background:#f7f7f7; margin-bottom:30px; } #product-slider{ width:100%; position:relative; } #product-slider img{ width:100%; } .product-single .product-actions-single .chosen-single, .page-content .chosen-single{ height:40px ; padding: 6px 0 0 8px; background-color: #fff; border:1px solid #ddd; color:#7a8188; } .product-single .product-actions-single .chosen-single div, .page-content .chosen-single div { top:7px; } .product-single .product-actions-single .chosen-drop li, .page-content .chosen-single li { padding:8px 6px; } .product-single .product-actions{ max-width:280px; } .product-single .numeric-input{ margin-right:10px; } .product-fullscreen{ width:40px; height:40px; display:inline-block; position:absolute; bottom:0; right:0; z-index:10; font-size:24px; text-align:center; color:#bdc3c7; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; -ms-transition:color 0.3s; -o-transition:color 0.3s; cursor:pointer; } .product-fullscreen:hover{ color:#333; } #product-carousel img{ height:80px; background:#fff; padding:10px; cursor:pointer; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; } #product-carousel img.active-item, #product-carousel img:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; } #product-carousel{ padding-right:40px; position:relative; } .product-arrows>div{ display:inline-block; width:40px; height:40px; background:#fff; padding-top:10px; text-align:center; position:absolute; top:0; right:0; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; cursor:pointer; } .product-arrows>div:hover{ background:#dde3e6; } .product-arrows .left-arrow{ top:0; right:0; } .product-arrows .right-arrow{ top:40px; right:0; } .product-single-info table td{ padding:0 20px 5px 0!important; border:none; } .product-single-info strong{ color:#596067; font-weight:500; font-size:14px; display:block; margin:0 0 10px; } .product-single-info span.price{ font-size:24px; display:block; margin:-10px 0 0; vertical-align:bottom; } .product-single-info span.price del{ font-size:16px; vertical-align:bottom; padding-top:5px; display:inline-block; } table.product-actions-single{ margin:30px 0; } table.product-actions-single td{ vertical-align:middle!important; padding:5px 20px 5px 0!important; min-width:100px; } .full-size>table.product-actions-single td{ min-width:inherit; } table.product-actions-single input{ height:35px; display:inline-block!important; } .product-single-info .social-share{ margin:30px 0; } .button-row{ margin-bottom:30px; } .char-counter{ float:right; position:relative; top:-25px; } .char-counter input[type="text"]{ width:100px!important; margin-left:5px; } /* ========================= */ /* CONTACT */ /* ========================= */ .page-content label{ font-size:14px; margin-bottom:5px; display:inline-block; } .contact-info iframe{ width:100%; height:300px; } .contact-item{ position:relative; padding-left:60px; margin:18px 0; } .contact-item .icons{ width:40px; height:40px; text-align:center; vertical-align:middle; padding-top:4px; font-size:22px; line-height:32px; background:#ddd; position:absolute; left:0; top:0; color:#fff; } .contact-item .icon-mail{ line-height:28px; } .blue.contact-item .icons{ background:#3498db; } .green.contact-item .icons{ background:#1abc9c; } .orange.contact-item .icons{ background:#f5791f; } .purple.contact-item .icons{ background:#9b59b6; } .contact-item p, .contact-form label{ color:#596067; } .contact-form input[type="text"], .contact-form textarea{ margin-bottom:15px; } .contact-form input[type="submit"]{ background:#34495e; } .contact-form input[type="submit"]:hover{ background:#2c3e50; } .contact-form textarea{ height:150px; } .contact-form span{ display:block; margin-top:10px; font-size:14px; } .page-content.contact-form{ padding-bottom:30px; } /* ========================= */ /* TABLES */ /* ========================= */ .main-content table{ background:#f7f7f7; margin-bottom:20px; } .main-content table strong{ color:#1f2228; } .main-content table th{ background:#a1aaaf; color:#fff; font-size:16px; font-weight:300; text-align:left; padding:15px 20px; border-right:1px solid #fff; border-bottom:1px solid #fff; } .main-content tr{ transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } .main-content table th:last-child{ border:none; } .main-content table td{ border:1px solid #e9fbfe; padding:20px; font-size:14px; vertical-align:top; } .main-content table p{ font-size:14px; } table .fit-cell{ width:1%; } /* ========================= */ /* WISHLIST */ /* ========================= */ .wishlist-table{ width:100%; } .wishlist-table tr:hover{ background:#fff; } td.wishlist-image img{ background:#fff; padding:10px; max-width:200px; } .wishlist-table .numeric-input{ margin:0 0 10px 0; } td.wishlist-image{ width:22.222222%!important; padding:0!important; } td.wishlist-info{ width:33.333333%; } td.wishlist-price{ width:11.111111%; } td.wishlist-actions{ width:33.333333%; } td.wishlist-info h5{ margin:0; } td.wishlist-info .product-category a{ font-size:14px; color:#9b59b6; display:block; margin:5px 0; } table span.action-name{ left:0; width:auto; position:relative; color:#fff; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; } .main-content input[type="number"]{ margin-bottom:10px; width:80px; display:block; } table span.add-to-cart{ background:#f5791f; display:inline-block; padding:10px 20px 10px 15px; margin:1px 0; font-size:16px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } table span.add-to-cart .icons{ color:#fff; } table span.add-to-cart:hover{ background:#d35400; } table span.add-to-trash{ background:#34495e; display:inline-block; padding:10px 20px 10px 15px; margin:1px 0; font-size:16px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } table span.add-to-trash .icons{ color:#fff; } table span.add-to-trash:hover{ background:#2c3e50; } /* ========================= */ /* COMPARE PRODUCTS */ /* ========================= */ table.compare-table th{ width:16%; padding:15px 20px; } table.compare-table .numeric-input{ display:block; margin:0 0 10px 0; } table.compare-table tr:hover{ background:#fff; } table.compare-table td{ padding:15px 20px; } table.compare-table p, table.compare-table h5{ margin:0; } table.compare-table td.compare-image{ background:#fff; text-align:center; } table.compare-table td.compare-image img{ max-height:150px; } table.compare-table tr:last-child th{ border-bottom:none; } table.compare-table .tag-item{ background:#fff; } table.compare-table .tag-item:hover{ background:#1abc9c; } /* ========================= */ /* ORDERS */ /* ========================= */ .order-table{ width:100%; } .order-table tr:hover{ background:#fff; } .order-table p{ margin:0; font-size:14px; } .order-table th.order-status{ width:50%; } .order-table span.price{ font-size:14px; } .order-table .order-number p{ color:#1f2228; } table.order-table td{ padding:10px 15px; } /* ========================= */ /* ORDER INFO */ /* ========================= */ table.orderinfo-table{ width:100%; } table.orderinfo-table tr:hover{ background:#fff; } table.orderinfo-table th{ width:170px; padding:5px 20px; } table.orderinfo-table td{ padding:10px 20px; } table.orderinfo-table span.price{ font-size:14px; } table.orderinfo-table span.price.big{ font-size:16px; } /* ========================= */ /* SHOPPING TABLE */ /* ========================= */ table.shopping-table{ width:100%; } table.shopping-table tr:hover{ background:#fff; } table.shopping-table img{ width:80px; } table.shopping-table .image-column{ background:#fff; padding:5px; width:80px; } table.shopping-table .quantity input[type="text"]{ width:80px; } .checkout-form{ padding-bottom:30px; } /* Coupon Table */ table.coupon-table{ background:#fff; width:100%; margin:0; } table.coupon-table td{ border:none; padding:0; } table.coupon-table td.fit-cell{ padding-left:3px; } /* ==================================== */ /* FOOTER */ /* ==================================== */ /* upper Footer */ #upper-footer{ background:#f7f7f7; padding:5px 20px; border-bottom:1px solid #dfe6f3; } #upper-footer.border-top{ border-bottom:none; border-top: 1px solid #dfe6f3; } #upper-footer h4{ text-transform:uppercase; } #newsletter>*, .social-media>*{ display:inline-block; } #newsletter span{ margin-top:20px; } #newsletter span.error{ margin-top:0; } #newsletter input[type="text"]{ width:330px; margin:0 0 0 15px; font-size:14px; } #newsletter input[type="text"], #newsletter input[type="submit"]{ height:40px; } #newsletter input[type="submit"]{ font-size:16px; position:relative; top:1px; } .social-media ul{ padding:0; margin:0; list-style:none; vertical-align:middle; margin-left:15px; } .social-media ul li{ display:inline-block!important; padding:0!important; } .social-media ul li a{ display:block; width:40px; height:40px; background:#ccc url('../img/social-icons.png') no-repeat; } /* Social Icons */ .social-media ul li.social-googleplus a{ background-color:#d74937; background-position:0 0; } .social-media ul li.social-facebook a{ background-color:#39599f; background-position:-40px 0; } .social-media ul li.social-pinterest a{ background-color:#b8242a; background-position:-80px 0; } .social-media ul li.social-twitter a{ background-color:#45b0e3; background-position:-120px 0; } .social-media ul li.social-youtube a{ background-color:#e70031; background-position:-160px 0; } .facebook-iframe iframe{ width:100%; border:none; } .twitter-widget ul{ list-style:none; margin:10px 0; padding:0; } .twitter-widget li{ font-size:14px; color:#596067; padding-left:30px; position:relative; line-height:22px; } .twitter-widget li:before{ content: '\e965'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; color:#3498db; position:absolute; left:0; top:0; } .twitter-widget .tweet_time{ display:none; } .twitter-widget li .date{ display:block; color:#596067; } .twitter-widget li a:hover{ color:#1f2228!important; } .twitter-widget li .icons{ } /* ========================= */ /* MAIN FOOTER */ /* ========================= */ #main-footer{ background:#f7f7f7; padding:5px 20px 20px; } #main-footer h4{ text-transform:uppercase; } #main-footer p{ font-size:14px; line-height:22px; } #main-footer ul{ list-style:none; padding:0; margin:0; } #main-footer li{ margin:10px 0; word-wrap: break-word } #main-footer ul li .icons{ font-size:14px; width:15px; margin-left:-5px; } #main-footer ul li a:hover{ color:#e74c3c; } #main-footer #newsletter p{ margin-top:0; } .contact-footer-info ul li{ font-size:14px; color:#596067; position:relative; padding-left:30px; margin-bottom:15px!important; display:block; } .contact-footer-info ul li .icons{ color:#1f2228; margin-right:10px; position:absolute; top:0; left:0; } .social-media ul li{ margin:0!important; } #main-footer #newsletter input[type="text"]{ width:100%; margin:0 0 5px; } /* Lower Footer */ #lower-footer{ padding:20px; } .payment-list{ list-style:none; margin:0; padding:0; float:right; } .payment-list li{ float:left; margin-left:5px; display:block; width:40px; height:25px; background:url('../img/payment-icons.png') no-repeat; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; } .payment-list li:fisrt-child{ margin:0; } .payment-list li:hover{ transform:rotateX(360deg); -webkit-transform:rotateX(360deg); } .payment-list .payment1{ background-position:0 0; } .payment-list .payment2{ background-position:-45px 0; } .payment-list .payment3{ background-position:-90px 0; } .payment-list .payment4{ background-position:-135px 0; } .payment-list .payment5{ background-position:-180px 0; } #lower-footer p.copyright{ font-size:14px; color:#7a8188; margin:0; } /* ==================================== */ /* ELEMENTS */ /* ==================================== */ .tooltip-inner{ background:#2c3e50; box-shadow:0 0 5px #ddd; color:#fff; padding:4px 8px; border-radius:0; } .tooltip.top .tooltip-arrow{ border-top-color:#2c3e50; } ::-webkit-input-placeholder { color:#7a8188; } :-moz-placeholder { color:#7a8188; } ::-moz-placeholder { color:#7a8188; } :-ms-input-placeholder { color:#7a8188; } input[type="text"], select{ padding:5px 10px; border:1px solid #e6e6e6; height:40px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } input[type="submit"], input[type="reset"]{ background:#2ecc71; color:#fff; text-transform:uppercase; height:40px; padding:5px 15px; border:none; font-size:14px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; } input[type="reset"].dark-blue{ color:#fff; } input[type="submit"]:hover{ background:#21bf64; } input[type="submit"].big, input[type="reset"].big{ height:40px; padding:7px 20px; font-size:16px; } input[type="submit"].huge, input[type="reset"].huge{ height:50px; padding:12px 25px; font-size:16px; } input[type="reset"]{ background:#f7f7f7; color:#1f2228; } input[type="reset"]:hover{ background:#2c3e50; color:#fff; } input[type="radio"], input[type="checkbox"]{ margin-right:5px; } #back-to-top{ width:50px; height:50px; display:inline-block; position:fixed; bottom:20px; right:20px; background:#fff; font-size:24px; text-align:center; padding-top:12px; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; -ms-transition:background 0.3s, color 0.2s; -o-transition:background 0.3s, color 0.2s; cursor:pointer; } #back-to-top:hover{ background:#dde3e6; } .radio-label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 14px; } .radio-label:before{ content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #f7f7f7; border:1px solid #e6e6e6; } input[type="radio"]{ display:none; } input[type=radio]:checked + .radio-label:before { content: "\2022"; color: #7a8188; font-size: 40px; text-align: center; line-height: 14px; } input[type="checkbox"]{ display:none; } input[type="checkbox"]+label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-top:10px; margin-right: 15px; font-size: 14px; } input[type="checkbox"]+label:before{ content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #f7f7f7; border:1px solid #e6e6e6; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; font-variant: normal; text-transform: none; line-height: 1em; } input[type="checkbox"]:checked + label:before{ content: '\e818'; font-size: 13px; color: #7a8188; text-align: center; line-height: 13px; } .numeric-input{ position:relative; width:100px; display:inline-block; } .numeric-input input{ width:100px; height:42px!important; display:inline-block; } .numeric-input>span{ position:absolute; top:3px; right:8px; cursor:pointer; color:#7a8188; } .numeric-input .arrow-down{ bottom:3px; top:auto; } @media(min-width:1200px){ .container{ width:1230px; padding:0 30px; } } @media(min-width:992px) and (max-width:1199px){ .col-md-fifth{ width:20%; padding:0 15px; float:left; } #main-navigation .nav-description{ display:none; } #main-navigation>ul>li>a .nav-caption{ margin-top:0px; } .sidebar-box-heading, .carousel-heading{ height:40px; } .sidebar-box-heading h4, .carousel-heading h4{ font-size:14px; } .carousel-arrows .icons{ width:40px; height:40px; padding:10px 0 0; } #search-bar input, #search-bar select{ height:30px; font-size:14px; } .product-actions .action-name{ font-size:12px; padding-top:3px; } a.product-hover{ font-size:16px; top:90px; } #newsletter>*, .social-media>*{ display:block; } #newsletter input[type="text"]{ width:300px; margin:0; display:inline-block; } #newsletter input[type="submit"]{ display:inline-block; } .social-media ul{ margin:0; } .banner-item h4{ margin:5px 0 0; font-size:16px; text-transform:uppercase; font-weight:900; } .banner-item p{ font-size:12px; } .banner-item a.button{ right:10px; top:15px; padding:8px 10px; font-size:14px; } .banner-item .icons{ font-size:24px; } .banner .left-side-banner{ width:32.66666%; } .banner .middle-banner{ width:32.66666%; } .banner .right-side-banner{ width:32.66666%; } .banner-item.icon-on-left{ padding-left:50px; } .banner-item.icon-on-right{ padding-right:50px; } .main-content table th{ padding:10px; } .main-content table td{ padding:10px; } } @media(min-width:768px) and (max-width:991px){ .col-md-fifth{ width:20%; padding:0 15px; float:left; } .tp-banner h2{ font-size:24px; line-height:32px; } .tp-banner h3{ font-size:18px; margin-top:30px; } .tp-banner p, .tp-banner span{ display:none; } #main-navigation>ul>li>a{ padding:15px 10px!important; } #main-navigation>ul>li>a .nav-caption{ margin-top:0px; } #main-navigation .nav-caption{ font-size:12px; line-height:18px; } #main-navigation .nav-description{ display:none; } #main-navigation>ul>li>a .icons{ font-size:14px; display:none; } #main-navigation .nav-search .icons{ font-size:16px; } #main-navigation .nav-search{ width:50px; } .style1 #search-bar, .style2 #search-bar, .style4 #search-bar, .style6 #search-bar{ padding-top:4px; } .sidebar-box-heading, .carousel-heading{ height:auto; } .sidebar-box-heading h4, .carousel-heading h4{ font-size:13px; margin:0; } .sidebar-box-heading{ padding-left:40px; } .carousel-heading h4{ padding-top:10px; padding-bottom:5px; padding-left:10px; } #search-bar p{ display:none; } .sidebar .carousel-arrows .icons{ display:none; } .carousel-arrows .icons{ width:40px; height:40px; padding:8px 0 0; } .iosSlider .slider .item .image { background-size:90% auto!important; } .flexsliderBig li{ background-size:90% auto!important; background-position:right bottom!important; } .product-actions .action-name{ display:none; } .product-actions>span{ width:33.333333%; text-align:center !important; } .product-info h5{ font-size:12px; } a.product-hover{ font-size:14px; height:30px; top:60px; padding:5px; text-align:center; width:120px; } .banner-item h4{ margin:5px 0 0; font-size:16px; text-transform:uppercase; font-weight:900; } .banner-item p{ font-size:12px; } .banner-item span.button{ right:10px; top:15px; padding:8px 10px; font-size:12px; } .banner-item .icons{ display:none; } .banner .left-side-banner{ width:32.66666%; } .banner .middle-banner{ width:32.66666%; } .banner .right-side-banner{ width:32.66666%; } .banner-item.icon-on-left{ padding-left:10px; } .banner-item.icon-on-right{ padding-right:10px; } .main-content table th{ padding:8px 5px; } .main-content table td{ padding:8px 5px; } table.orderinfo-table th{ width:120px; padding:5px 5px; } table.orderinfo-table td{ padding:8px 5px; } a.button{ height:auto; } span.product-tag{ top:10px; padding:5px 15px; font-size:12px; } .product-actions>span{ padding:8px 0 0 0; } .product-actions>span .icons{ margin-right:0!important; } .col-lg-12 .blog-item .rating-box { float:none; margin-top:10px; } #newsletter input[type="text"]{ margin:0; } .social-media ul{ margin:0; } .button-row .button{ margin-bottom:2px; } } @media(max-width:767px){ .tp-banner h3, .tp-banner p, .tp-banner span{ display:none; } #top-header ul{ float:none!important; text-align:center; } #top-header li{ float:none; display:inline-block; } #top-header li:hover ul{ display:none; } #logo{ text-align:center; margin:0 0 20px; } #middle-navigation ul{ float:none!important; text-align:center; margin:40px 0 20px; } #middle-navigation>ul>li{ float:none; display:inline-block; margin:0; } #main-navigation>ul{ display:block; } #main-navigation>ul>li{ display:block; } #main-navigation>ul>li>a .nav-caption{ margin-top:0px; } #main-navigation .nav-search{ display:block; width:auto; width:100%!important; text-align:center; padding:30px 0; } #main-navigation .nav-search .icons{ display:inline-block; } #search-bar{ padding:15px 15px 0 15px!important; } #search-bar table, #search-bar tr, #search-bar td, #search-bar tbody{ display:block; padding-right:0; margin:0!important; width:100%; } #search-bar p{ margin:30px 0 5px!important; width:100%; display:block; top:0!important; } .search-column-1{ width:100%; } .search-column-2{ width:100%; padding-left:0; } #search-bar input{ width:100%!important; } #search-button{ position:absolute; right:0; left:0; height:90px; top:auto; width:100%; bottom:80px; } #search-button .icons{ top:50%; margin-top:-10px; left:50%; margin-left:-10px; } .carousel img, .slides img,.product-image img, .subcategory img{ width:100%; } .rating img{ width:auto!important; } .product{ margin:30px 0; } .col-md-fifth{ width:100%; padding:0 15px; float:left; } .banner-item{ width:100%; margin:20px 0!important; } .banner .left-side-banner{ width:100%; } .banner .middle-banner{ width:100%; } .banner .right-side-banner{ width:100%; } .news{ margin:40px 0; } .news-content{ padding:10px 30px; } #newsletter>*, .social-media>*{ display:block; } #newsletter input[type="text"]{ width:100%; margin:0; display:inline-block; } #newsletter input[type="submit"]{ display:inline-block; } #lower-footer{ text-align:center; } #lower-footer p.copyright{ margin:10px 0; text-align:center; } .social-media ul{ margin:0; } .payment-list{ float:none; } .payment-list li{ float:none; margin:0; display:inline-block; } .main-content table, .main-content tbody{ display:block; width:100%!important; } .main-content table tr{ display:block; border-bottom:2px solid #999; } .product-single table tr{ border:none; } .main-content table th{ padding:10px; display:block; width:100%!important; } .main-content table td{ padding:10px; width:100%!important; display:block; } .product-single-info{ padding:40px; } #search-bar{ background:transparent; position:relative; z-index:1000; color:#fff; padding:15px 0 15px 0!important; top:0; left:0; right:0; bottom:0; display:block; } #search-bar>.col-lg-12{ padding:0; } #search-bar a{ color:#1f2228!important; } #search-bar p{ margin-top:10px!important; } #search-button{ position:relative; bottom:0; height:40px; margin-top:20px; z-index:1!important; } .button-row .button{ margin-bottom:2px; } } @media screen and (max-width: 350px) { .carousel-arrows{ display:none; } } /* Tiny Nav */ .tinynav_label{ display:none; } .tinynav { display: none; } @media screen and (max-width: 767px) { .tinynav_label{ display:block; } .tinynav { display: block; width:100%!important;} #main-navigation>ul { display: none } }