535. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:35 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

535.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype10.css2018-06-07 23:19:46 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype10.css2021-03-15 11:03:08 +0000

535.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged514
Changed4500
Inserted00
Removed1152

535.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

535.4 Active regular expressions

No regular expressions were active.

535.5 Comparison detail

1 @media only screen and (max-width:767px){ 1 .position-relative {position: relative;}
2     .page-header.type10{border:0} 2 .cms-index-index .page-header.type10 {position: absolute;width: 100%;left: 0;}
3     .page-header.type10:not(.header-new-skin) .custom-block-area{display:none} 3 .cms-index-index .page-header.type10:not(.sticky-header) {background: transparent;}
4     .page-header.type10:not(.header-new-skin) .switcher-area{position:relative;z-index:1} 4 .page-header.type10 .main-panel-top {border-bottom: 1px solid #e7e7e7;}
5     .page-header.type10:not(.header-new-skin) .switcher-area .switcher{display:none} 5 .cms-index-index .page-header.type10 .main-panel-top {border-bottom: none;}
6     .page-header.type10:not(.header-new-skin) .logo{margin:15px 0} 6 .page-header.type10 .panel.wrapper {min-height: 52px;}
7     .page-header.type10:not(.header-new-skin) .logo img{width:auto;height:auto} 7 .page-header .panel.wrapper .header-right > * {margin-left: .875rem;}
8     .page-header.type10:not(.header-new-skin) .minicart-wrapper{float:right;margin-top:20px;margin-right:15px} 8 .header-main .header-left > *,.header-main .header-right > *{margin-left: .875rem;}
9     .page-header.type10:not(.header-new-skin) .minicart-wrapper .action.showcart:before,.page-header.type10:not(.header-new-skin) .minicart-wrapper .action.showcart.active:before{color:#fff} 9 .page-header.type10 .header.panel > .header.links > li:last-child > a,.page-header.type10 .header.panel > .header.links > li.greet.welcome {padding-right: 0;}
10     .page-header.type10:not(.header-new-skin) .minicart-wrapper .action.showcart .counter.qty{color:#000} 10 .cms-index-index .page-header.type10 .header-main .header-right,.cms-index-index .page-header.type10 .header-main .header-left {padding: 15px 0;}
11     .page-header.type10:not(.header-new-skin) .block-search{float:right;margin:26px 10px} 11 .page-header.type10 .main-panel-top .share-links a {width: 30px;height: 30px;border-radius: 30px;margin: 0 1px;}
12     .page-header.type10:not(.header-new-skin) .block-search .label:before{color:#fff} 12 .page-header .switcher .options .action.toggle::after {margin-top: 2px;}
13     .page-header.type10:not(.header-new-skin) .block-search .control{margin:0;padding:0;position:absolute;width:300px;right:0;top:100%;z-index:1} 13 .header-main .header-left .logo {margin-left: 0;margin-right: 2rem;}
14     .page-header.type10:not(.header-new-skin) .nav-toggle{margin:10px 15px 10px 0;float:right} 14 .page-header.type10 .search-area {width: auto;color: inherit;}
15     .page-header.type10:not(.header-new-skin) .nav-toggle:before{color:#fff} 15 .page-header.type10 .search-area a.search-toggle-icon {width: 40px;height: 40px;line-height: 40px;font-size: 19px;color: inherit;}
16 } 16 .page-header.type10 .search-area a.search-toggle-icon i::before {font-weight: 600;}
17 @media all and (min-width:768px),print{ 17 .page-header.type10 .my-wishlist,.page-header.type10 .my-account {display: inline-block;padding: 0 .125rem;font-size: 24px;vertical-align: middle;}
18     .page-header.type10{position:absolute;left:0;top:0;z-index:2;width:256px;min-height:100vh;background-color:#383734;border:0;padding:5px 0 200px;text-align:center} 18 
.page-header.type10 .header-contact p 
{margin:
 0;
}
19     .page-header.type10:not(.header-new-skin) .logo{max-width:none} 19 .page-header.type10 .search-area .minisearch .actions button {width: 46px;}
20     .page-header.type10:not(.header-new-skin) .switcher-area .switcher{float:none;padding:5px 10px;background-color:#101010;height:26px;border-radius:3px;color:#fff;text-transform:uppercase;text-align:left;display:inline-block;vertical-align:middle;margin:5px 2px} 20 .page-header.type10 .search-category {right: 46px !important;}
21     .page-header.type10:not(.header-new-skin) .switcher-area .minicart-wrapper{display:inline-block;position:relative;padding:5px 10px;margin:5px 2px;background-color:#101010;vertical-align:middle;border-radius:3px} 21 @media (min-width:992px) {
22     .page-header.type10:not(.header-new-skin) .switcher-area .minicart-wrapper .action.showcart{display:block;margin-top:-2px} 22   .logo img {max-width: 111px;}
23     .page-header.type10:not(.header-new-skin) .switcher-area .minicart-wrapper .action.showcart:before,.page-header.type10:not(.header-new-skin) .switcher-area .minicart-wrapper .action.showcart.active:before{color:#fff;line-height:14px;font-size:14px;overflow:visible;vertical-align:middle} 23   .page-header.type10 {margin: 0 6px 0 6px;}
24     .page-header.type10:not(.header-new-skin) .switcher-area .minicart-wrapper .action.showcart .counter.qty{position:static;vertical-align:middle;margin:0;padding:0;font-size:11px;height:auto;line-height:14px;width:auto;min-width:0;margin-left:5px;color:#fff} 24   
.page-header.type10
 .header.panel > .header.links {display: flex; align-items: center;}
25     .page-header.type10:not(.header-new-skin) .switcher-area .minicart-wrapper .action.showcart .counter-label{display:inline-block;position:static;overflow:visible;width:auto} 25   
.page-header.type10
 .header.panel > .header.links > li > a, 
.page-header.type10
 .header.panel > .header.links > li.greet.welcome span {padding: 5px 12px;text-transform: capitalize;}
26     .page-header.type10:not(.header-new-skin) .sw-megamenu.navigation.side-megamenu{text-align:left} 26   .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle {padding: 0;}
27     .page-header.type10:not(.header-new-skin) .sw-megamenu.navigation.side-megamenu li.level0>a{margin:0;color:#fff;border-top-color:#575757;text-transform:none} 27   .page-header.type10 .panel.header .switcher {margin-right: .875rem;}
28     .page-header.type10:not(.header-new-skin) .sw-megamenu.navigation.side-megamenu li.level0:hover>a{border-top-color:#575757} 28   
.page-header.type10 .header-main .header-right {flex: 0 0 auto;}
29     .page-header.type10:not(.header-new-skin) .block-search{margin:20px 0;max-width:100%} 29   .page-header.type10 .nav-sections {flex-shrink: 1;width: auto;}
30     .page-header.type10:not(.header-new-skin) .block-search input{border-radius:5px;padding:10px 40px 10px 10px} 30   .page-header.type10 .navigation:not(.side-megamenu) {padding: 0;position: static;max-width: 100%;}
31     .page-header.type10:not(.header-new-skin) .block-search .action.search{width:40px;right:0} 31   .page-header.type10 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
32     .page-header.type10:not(.header-new-skin) .panel.wrapper{background-color:transparent;text-align:left} 32   .page-header.type10 .navigation:not(.side-megamenu) .level0 {margin: 0 1px 0 0;}
33     .page-header.type10:not(.header-new-skin) .custom-block-area{position:absolute;width:100%;bottom:0;left:0;padding:20px 10px} 33   .page-header.type10 .navigation:not(.side-megamenu) .level0 .level-top {font-family: Poppins,sans-serif;font-size: 13px;font-weight: 700;line-height: 20px;letter-spacing: -.13px;padding: 8px 18px 8px 18px;}
34     .page-header.type10:not(.header-new-skin) .custom-block-area .social-icons{padding:0} 34   
.page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
35     .page-header.type10:not(.header-new-skin) .custom-block-area address{margin:0} 35   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
36 } 36   .minicart-wrapper .action.showcart .minicart-icon {font-size: 25px;}
37 @media (max-width:1199px) and (min-width:992px){ 37   header.page-header.sticky-header .nav-sections {position: static !important;box-shadow: none;background: none !important;width: auto !important;margin-left: .875rem !important;}
38     .page-header.type10:not(.header-new-skin) .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu { 38   .page-header.type10.sticky-header .header-main {position: fixed;z-index: 20;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);width: 100%;top: 0;background: inherit;left: 0;}
39         width: 750px; 39   header.page-header.sticky-header .minicart-wrapper {position: static;right: 0;top: 0;transform: translateY(0);}
40     } 40   header.page-header.sticky-header .header-main .header-left,header.page-header.sticky-header .header-main .header-right,.cms-index-index .page-header.type10.sticky-header .header-main .header-right,.cms-index-index .page-header.type10.sticky-header .header-main .header-left {padding-top: 8px;padding-bottom: 8px;}
41 } 41   .page-header.type10.sticky-header .header-main .header-row {min-height: 60px;}
42 @media (min-width:992px)
{		 42   header.page-header.sticky-header .navigation {padding: 0;}
43     .page-header.type10:not(.header-new-skin) .minicart-wrapper .block-minicart {    
44         right: auto;    
45         left: -15px;    
46     }    
47     .page-header.type10:not(.header-new-skin) .minicart-wrapper .block-minicart:before {    
48         right: auto;    
49         left: 26px;    
50     }    
51     .page-header.type10:not(.header-new-skin) .minicart-wrapper .block-minicart:after {    
52         right: auto;    
53         left: 25px;    
54     }    
55     header.page-header.type10:not(.header-new-skin) .panel.wrapper .header.panel > .header.links {
    
56         float: none;    
57         display: block;    
58     }    
59     header.page-header.type10:not(.header-new-skin) .panel.wrapper .header.panel > .header.links > li {    
60         display: block;    
61         color: #fff;    
62     }            
63     header.page-header.type10:not(.header-new-skin) .panel.wrapper .header.panel > .header.links > li > a, header.page-header.type10:not(.header-new-skin) .panel.wrapper .header.panel > .header.links > li > span {
    
64         color: #fff;    
65         border: 0;    
66         padding: 0 5px;    
67         display: block;    
68         border-top: 1px solid #575757;    
69         line-height: 40px;    
70     }    
71     header.page-header.type10:not(.header-new-skin) .panel.wrapper .header.panel > .header.links > li > span {    
72         border-top: 0;    
73     }    
74     header.page-header.type10.fixed-bottom {    
75         position: fixed;    
76         top: auto;    
77         bottom: 0;    
78     }    
79 }    
80 @media (max-width:992px) and (min-width:768px){    
81     header.page-header.type10:not(.header-new-skin) {    
82         position: relative;    
83         width: auto;    
84         height: auto;    
85         min-height: 0;    
86         text-align: left;    
87         padding: 10px 15px;    
88     }    
89     header.page-header.type10:not(.header-new-skin) .header.content {
    
90         padding: 0;    
91     }    
92     header.page-header.type10:not(.header-new-skin) .logo {    
93         max-width: 110px;    
94     }    
95     header.page-header.type10:not(.header-new-skin) .custom-block-area {    
96         display: none;    
97     }    
98     header.page-header.type10:not(.header-new-skin) .block-search {    
99         position: absolute;    
100         right: 0;    
101         top: 10px;    
102         margin-bottom: 0;    
103     }    
104     header.page-header.type10:not(.header-new-skin) .panel.wrapper {    
105         position: absolute;    
106         right: 15px;    
107         top: 10px;    
108     }    
109     header.page-header.type10:not(.header-new-skin) .header.panel > .header.links > li > a, header.page-header.type10:not(.header-new-skin) .header.panel > .header.links > li > span {    
110         color: #fff;    
111     }    
112     header.page-header
.type10:not(.header-new-skin) .navigation 
.level0
 > .
level-top {		    
113         color: #fff;    
114         line-height: 42px;    
115     }    
116 }    
117     
118 .page-header.type10.header-new-skin {    
119     background-color: #383734;    
120 }    
121 .page-header.type10.header-new-skin .minicart-wrapper {    
122     position: relative;    
123     width: auto;    
124     vertical-align: middle;    
125     margin-left: 5px;    
126     margin-right: 0;    
127     margin-top: 8px;    
128 }    
129 .page-header.type10.header-new-skin .minicart-wrapper .action.close {    
130     top: 5px;    
131 }    
132 .page-header.type10.header-new-skin .minicart-wrapper .block-minicart {    
133     border: solid 1px #f0f0f0;    
134     box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25);    
135     left:-25px;    
136 }    
137 .page-header.type10.header-new-skin .minicart-wrapper .block-minicart:before,    
138 .page-header.type10.header-new-skin .minicart-wrapper .block-minicart:after {    
139     border-bottom-style: solid;    
140     content: '';    
141     display: block;    
142     height: 0;    
143     position: absolute;    
144     width: 0;    
145 }    
146 .page-header.type10.header-new-skin .minicart-wrapper .block-minicart:before {    
147     border: 10px solid;    
148     border-color: transparent transparent #fff transparent;    
149     z-index: 3;    
150     left: 28.7px;    
151     top: -20px;    
152 } 43 }
153 .page-header.type10.header-new-skin .minicart-wrapper .block-minicart:after { 44 @media (min-width: 992px) and (max-width: 1435px) {
154     border: 11px solid; 45   .page-header.type10
 .
navigation:not(.side-megamenu) 
.level0 .level-top {padding: 8px 12px 8px 12px;}
155     border-color: transparent transparent #f0f0f0 transparent;    
156     z-index: 2;    
157     left: 28px;    
158     top: -22px;    
159     right: auto;    
160 }    
161 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart {    
162     position: relative;    
163     padding: 0 10px 0 0;    
164     line-height: 31px;    
165     color: #b0b0b0;    
166     font-family: 'Poppins';    
167     text-transform: uppercase;    
168 }    
169 .page-header.type10.header-new-skin.sticky-header .minicart-wrapper .action.showcart {    
170     line-height: 40px;    
171 }    
172 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart:before,    
173 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart.active:before {    
174     content: '\e87f';    
175     font-size: 29px;    
176     line-height: 32px;    
177     color: #b0b0b0;    
178     display: none;    
179 }    
180 .page-header.type10.header-new-skin.sticky-header .minicart-wrapper .action.showcart:before,    
181 .page-header.type10.header-new-skin.sticky-header .minicart-wrapper .action.showcart.active:before {    
182     line-height: 37px;    
183 }    
184 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart:after {    
185     content: "\f803";    
186     font-family: 'porto-icons';    
187     position: absolute;    
188     right: 0;    
189     top: 1px;    
190     color: #b0b0b0;    
191 }    
192 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart .counter.qty {    
193     width: 16px;    
194     height: 16px;    
195     display: block;    
196     font-size: 10px;    
197     color: #fff;    
198     background-color: #ed5348;    
199     text-align: center;    
200     line-height: 16px;    
201     border-radius: 20px;    
202     min-width: auto;    
203     left: auto;    
204     right: 16px;    
205     margin-top: -16px;    
206 }    
207 @media (min-width: 768px) {    
208     .page-header.type10.header-new-skin {    
209         position: absolute;    
210         left: 0;    
211         top: 0;    
212         z-index: 5;    
213         width: 256px;    
214         min-height: 100vh;    
215         background-color: #383734;    
216         border: 0;    
217         padding: 10px 0 200px;    
218         text-align: center;    
219     }    
220     .page-header.type10.header-new-skin .switcher-area {    
221         padding: 0 20px;    
222         text-align: left;    
223     }    
224     .page-header.type10.header-new-skin .switcher-area .switcher {    
225         float: none;    
226         padding: 5px 10px 5px 0;    
227         height: 26px;    
228         border-radius: 3px;    
229         color: #b0b0b0;    
230         text-transform: uppercase;    
231         text-align: left;    
232         display: inline-block;    
233         vertical-align: middle;    
234         margin: 12px 2px 5px;    
235     }    
236     .page-header.type10.header-new-skin .switcher-area .switcher strong {    
237         font-family: 'Poppins';    
238         font-size: 13px;    
239         font-weight: 500;    
240     }    
241     .page-header.type10.header-new-skin .logo {    
242         max-width: none;    
243     }    
244     .page-header.type10.header-new-skin .block-search {    
245         margin: 0 0 20px;    
246         max-width: 100%;    
247     }    
248     .page-header.type10.header-new-skin .block-search input {    
249         padding: 10px 40px 10px 10px;    
250         background-color: #282828;    
251         font-family: 'Poppins';    
252         font-size: 13.5px;    
253     }    
254     .page-header.type10.header-new-skin .block-search .action.search {    
255         width: 40px;    
256         right: 0;    
257     }    
258     .page-header.type10.header-new-skin .block-search .action.search:before {color: #7b7b7b;}    
259     .page-header.type10.header-new-skin .header.panel {    
260         padding-top:0;    
261     }    
262     .page-header.type10.header-new-skin .panel.wrapper {    
263         background-color: transparent;    
264         text-align: left;    
265         padding-bottom: 100px;    
266     }    
267     .page-header.type10.header-new-skin .custom-block-area {    
268         position: absolute;    
269         width: 100%;    
270         bottom: 0;    
271         left: 0;    
272         padding:20px 30px;    
273         font-family: 'Poppins';    
274         font-size: 13px;    
275         color: #b0b0b0;    
276         text-align: left;    
277     }    
278     .page-header.type10.header-new-skin .social-icons{float:none;display: inline-block;vertical-align: middle;margin-right: 20px;}    
279     .page-header.type10.header-new-skin .social-icons a {background-image: none;background-color: #33332f;text-indent: 0;color: #fff;border-radius: 0;font-size: 12.8px;width: 34px;height: 34px;text-align: center;margin-left: 0;margin-right: 1px;float: left;line-height: 35px;font-size:16px;  }    
280     .page-header.type10.header-new-skin address{display:block;text-align:center;font-size:12px;color:#a8a8a8}    
281 }    
282 @media (max-width:1199px) and (min-width:992px)
{		    
283     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {    
284         width: 750px;    
285     }    
286 }    
287 @media (min-width:992px){    
288     .page-header.type10.header-new-skin .minicart-wrapper {    
289         float: right;    
290     }    
291     header.page-header.type10.header-new-skin .panel.wrapper .header.panel > .header.links {    
292         float: none;    
293         display: block;    
294     }    
295     header.page-header.type10.header-new-skin .panel.wrapper .header.panel > .header.links > li {    
296         display: block;    
297         color: #fff;    
298     }    
299     header.page-header.type10.header-new-skin .panel.wrapper .header.panel > .header.links > li > a,    
300     header.page-header.type10.header-new-skin .panel.wrapper .header.panel > .header.links > li > span {    
301         color: #b0b0b0;    
302         border: 0;    
303         padding: 3px 5px;    
304         display: block;    
305         line-height: 40px;    
306         font-family: 'Poppins';    
307         font-size: 13px;    
308         font-weight: 500;    
309         letter-spacing: 0.01em;    
310         text-transform: uppercase;    
311     }    
312     header.page-header.type10.header-new-skin .panel.wrapper .header.panel > .header.links > li > span {    
313         border-top: 0;    
314     }    
315     body.side-header .page-wrapper {    
316         padding-left: 256px;    
317     }    
318     header.page-header.type10.header-new-skin.fixed-bottom {    
319         position: fixed;    
320         top: auto;    
321         bottom: 0;    
322     }    
323     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu {    
324         text-align: left;    
325         padding: 0;    
326     }    
327     .page-header.type10.header-new-skin .sw-megamenu.navigation
.side-megamenu
 li.level0 > a {
    
328         margin: 0;    
329         color: #b0b0b0;    
330         border-top: none;    
331         font-family: 'Poppins';    
332         font-size: 13px;    
333         font-weight: 500;    
334         letter-spacing: 0.01em;    
335         text-transform: uppercase;    
336         padding: 0 5px;    
337     }    
338     .page-header.type10.header-new-skin .navigation.side-megamenu a, .page-header.type10.header-new-skin .navigation.side-megamenu a:hover {    
339         color: #465157;    
340     }    
341     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {    
342         color: #b0b0b0;    
343         padding-right: 10px;    
344     }    
345     .page-header.type10.header-new-skin .navigation.side-megamenu > ul {margin-right: -10px;}    
346     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0.parent:hover > a:after {    
347         color: #b0b0b0;    
348     }    
349     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0 > .submenu {    
350         border: solid 1px #dae2e6;    
351         box-shadow: 0 3px 15px -2px rgba(0,0,0,0.3);    
352         padding: 10px 10px 10px 15px;    
353     }    
354     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before, .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after {    
355         border-bottom-style: solid;    
356         content: '';    
357         display: block;    
358         height: 0;    
359         position: absolute;    
360         width: 0;    
361     }    
362     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before {    
363         border: 8px solid;    
364         border-color: transparent #fff transparent transparent;    
365         z-index: 3;    
366         left: -16px;    
367         top: 11px;    
368     }    
369     .page-header.type10.header-new-skin .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after {    
370         border: 9px solid;    
371         border-color: transparent #dae2e6 transparent transparent;    
372         z-index: 2;    
373         left: -18px;    
374         top: 10px;    
375         right: auto;    
376     }    
377     .page-header.type10.header-new-skin .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.type10.header-new-skin .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {    
378         font-size: 13px;    
379         font-weight: 700;    
380         color: #434d53;    
381         letter-spacing: -0.001em;    
382         margin-top: 9px;    
383     }    
384     .page-header.type10.header-new-skin .sw-megamenu.navigation li.level0.fullwidth .submenu a, .page-header.type10.header-new-skin .sw-megamenu.navigation li.level0.staticwidth .submenu a, .page-header.type10.header-new-skin .sw-megamenu.navigation li.level0.classic .submenu a {    
385         text-transform: uppercase;    
386         font-size: 12px;    
387         font-weight: 600;    
388         color: #696969;    
389         line-height: 24px;    
390     }    
391 } 46 }
392 @media (max-width:991px) and (min-width:768px){ 47 @media (max-width:991px)
{
393     header.page-header.type10
.header-new-skin {
 48   
.page-header.type10 .header-main .header-left {flex: 1;}
394         position: relative; 49   .header-main .header-left > *{margin-left: 0;}
395         width: auto; 50   
.page-header.type10 .header-main .header-right .separator {display: none;}
396         height: auto; 51   
.page-header.type10
 .custom-block
 {display: none;}
397         min-height: 0; 52   .cms-index-index .page-header.type10.sticky-header .header-row .header-center, .cms-index-index .page-header.type10.sticky-header .header-row .header-left, .cms-index-index .page-header.type10.sticky-header .header-row .header-right {
398         text-align: left;    
399         padding: 10px 15px;    
400     }    
401     .page-header.type10.header-new-skin .switcher-area {    
402         padding: 0 15px;    
403         max-width: 720px;    
404         margin: 0 auto;    
405         margin-top: -7px;    
406     }    
407     header.page-header.type10
.header-new-skin .logo {
    
408         max-width: 110px;    
409         margin: 15px 0;    
410     }    
411     header.page-header.type10.header-new-skin .custom-block-area {
    
412         display: none;    
413     }    
414     header.page-header.type10.header-new-skin .block-search {    
415         position: absolute;    
416         right: 15px;    
417         top: 24px;    
418         margin-bottom: 0;    
419     }    
420     header.page-header.type10.header-new-skin .panel.wrapper {    
421         position: absolute;    
422         right: 0;    
423         top: 20px;    
424         width: 100%;    
425         padding: 0;    
426         pointer-events: none;    
427     }    
428     .page-header.type10.header-new-skin .header.panel > .header.links {    
429         pointer-events: all;    
430     }    
431     .page-header.type10.header-new-skin .header.panel {    
432         padding-top: 0; 53     padding-top: 0;
433         padding-bottom: 0; 54     padding-bottom: 0;
434     } 55   }
435     header.page-header.type10.header-new-skin .header.panel > .header.links > li > a, header.page-header.type10.header-new-skin .header.panel > .header.links > li > span {    
436         color: #b0b0b0;    
437     }    
438     .page-header.type10.header-new-skin .navigation {    
439         background-color: transparent;    
440         padding: 0;    
441     }    
442     .page-header.type10.header-new-skin .navigation > ul {    
443         padding: 0;    
444     }    
445     .page-header.type10.header-new-skin .navigation li.level0 {    
446         margin-right: 3px;    
447         color: #b0b0b0;    
448     }    
449     .page-header.type10.header-new-skin .navigation li.level0:first-child > .level-top {    
450         padding-left: 0;    
451     }    
452     .page-header.type10.header-new-skin .navigation li.level0 > .level-top {    
453         color: inherit;    
454         padding: 0 12px;    
455         line-height: 42px;    
456         font-family: 'Poppins';    
457         font-size: 13px;    
458         letter-spacing: 0.01em;    
459         text-transform: uppercase;    
460         font-weight: 400;    
461     }    
462     .page-header.type10.header-new-skin .navigation li.level0.active, .page-header.type10.header-new-skin .navigation li.level0:hover {    
463         color: #fff;    
464     }    
465     .page-header.type10.header-new-skin .navigation li.level0.parent a.level-top:before {    
466         content: "";    
467         width: 10px;    
468         height: 10px;    
469         border: 7px solid transparent;    
470         border-bottom-color: #fff;    
471         position: absolute;    
472         left: 50%;    
473         margin-left: -8px;    
474         top: 100%;    
475         margin-top: -14px;    
476         visibility: hidden;    
477         opacity: 0;    
478         transition: all 0.1s;    
479     }    
480     .page-header.type10.header-new-skin .navigation li.level0.parent:hover a.level-top:before {    
481         visibility: visible;    
482         opacity: 1;    
483     }    
484     .page-header.type10.header-new-skin .navigation .level0 .submenu {    
485         border-top-width: 0;    
486         box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25);    
487     }    
488     .page-header.type10.header-new-skin .navigation li.level0.fullwidth .submenu li.level1 > a,    
489     .page-header.type10.header-new-skin .navigation li.level0.staticwidth .submenu li.level1 > a {    
490         font-size: 13px;    
491         font-weight: 700;    
492         margin-top: 26px;    
493         margin-bottom: 4px;    
494         color: #434d53;    
495         padding: 0 5px;    
496     }    
497     .page-header.type10.header-new-skin .navigation li.level0.fullwidth .submenu a,    
498     .page-header.type10.header-new-skin .navigation li.level0.classic .submenu a,    
499     .page-header.type10.header-new-skin .navigation li.level0.staticwidth .submenu a {    
500         font-size: 12px;    
501         font-weight: 600;    
502         line-height: 24px;    
503         text-transform: uppercase;    
504     }    
505 }    
506 @media (max-width: 767px) {    
507     .page-header.type10.header-new-skin {    
508         border: 0;    
509         min-width: 320px;    
510     }    
511     .page-header.type10.header-new-skin .header.content {    
512         position: relative;    
513     }    
514     .page-header.type10.header-new-skin .logo img {    
515         width: auto;    
516         height: auto;    
517     }    
518     .page-header.type10.header-new-skin .switcher-area {    
519         position: relative;    
520         z-index: 1;    
521     }    
522     .page-header.type10.header-new-skin .switcher-area .switcher {    
523         display: none;    
524     }    
525     .page-header.type10.header-new-skin .minicart-wrapper {    
526         float: right;    
527         margin-top: 22px;    
528         margin-right: 15px;    
529     }    
530     .page-header.type10.header-new-skin .minicart-wrapper .block-minicart {    
531         right: 4px;    
532         left: auto;    
533     }    
534     .page-header.type10.header-new-skin .minicart-wrapper .block-minicart:before {    
535         right: 28.7px;    
536         left:auto;    
537     }    
538     .page-header.type10.header-new-skin .minicart-wrapper .block-minicart:after {    
539         right: 28px;    
540         left: auto;    
541     }    
542     .page-header.type10.header-new-skin .nav-toggle {    
543         margin: 10px 5px 10px 0;    
544         float: right;    
545     }    
546     .page-header.type10.header-new-skin .logo {    
547         margin: 15px 0;    
548     }    
549     .page-header.type10.header-new-skin .block-search {    
550         float: right;    
551         margin: 26px 15px 26px 0;    
552     }    
553     .page-header.type10.header-new-skin .block-search .label:before, .page-header.type10.header-new-skin .nav-toggle:before {    
554         color: #b0b0b0;    
555         font-size: 18px;    
556     }    
557     .page-header.type10.header-new-skin .block-search .control {    
558         margin: 0;    
559         padding: 0;    
560         position: absolute;    
561         width: 300px;    
562         right: 15px;    
563         top: 100%;    
564         z-index: 1;    
565     }    
566     .page-header.type10.header-new-skin .custom-block-area {    
567         display: none;    
568     }    
569     .page-header.type10.header-new-skin .switcher-area {    
570         max-width: 540px;    
571         margin: 0 auto;    
572         padding: 0 15px;    
573     }    
574 }    
575 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart .counter.qty {    
576     width: auto;    
577     height: auto;    
578     background-color: transparent;    
579     color: inherit;    
580     position: static;    
581     display: inline-block;    
582     vertical-align: middle;    
583     font-size: 13px;    
584     font-weight: 500;    
585     margin: 0;    
586     margin-bottom: -2px;    
587 } 56 }
588 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart .text, .page-header.type10.header-new-skin .minicart-wrapper .action.showcart .counter-label { 57 @media only screen and (max-width:767px){
589     display: inline-block; 58   .page-header.type10 .main-panel-top .panel.header+.gap,.page-header.type10 .main-panel-top {display: none;}
590     vertical-align: middle;    
591     font-size: 13px;    
592     font-weight: 500;    
593     width: auto;    
594     height: auto;    
595     position: static;    
596     color: inherit;    
597     margin: 0;    
598 }    
599 .page-header.type10.header-new-skin .minicart-wrapper .action.showcart .counter.qty .counter-number {    
600     vertical-align: middle;    
601     display: inline-block;    
602 }    
603 .page-header.type10 .search-category select {    
604     border-color: #555;    
605     border-top-color: transparent;    
606     border-bottom-color: transparent;    
607 } 59 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.