Ticket #4999: untitled-part.html

File untitled-part.html, 27.6 KB (added by EnergySavingHeater@…, 2 months ago)

Added by email2trac

Line 
1<!DOCTYPE HTML>
2<html lang="en-US">
3<head><!--Metatags--><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatble" content="ie=edge"/><!--Website Title-->
4        <title>Ultra Heater</title>
5        <!--FontAwesome CDN-->
6        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" rel="stylesheet" />
7        <style type="text/css">*{
8  margin-right: auto;
9  margin-left: auto;
10  max-width: 600px;
11  min-width: 400px;
12}
13
14
15@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
16
17@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
18
19/*      Extra small devices (portrait phones, less than 576px)  */
20@media (max-width: 575.98px) {
21       
22        .heading h3{
23                font-size: 21px;
24        }
25        .heading p{
26                font-size: 15px;
27        }
28        .header img {
29                max-width: 180px;
30        }
31        .banner {
32                padding: 25px 25px;
33                padding-top: 20px;
34        }
35        .banner .image_texts {
36                -ms-grid-columns: auto;
37                grid-template-columns: auto;
38                gap: 25px;
39        }
40        .banner .top_heading h2{
41                font-size: 22px;
42        }
43        .banner .top_heading h3{
44                font-size: 15px;
45        }
46        .banner .right_texts ul li{
47                font-size: 15px;
48        }
49        .banner .clickable_link a {
50                display: block;
51                font-size: 18px;
52                padding: 12.5px 30px;
53        }
54
55        .as_featured_in {
56                padding: 10px 15px;
57        }
58        .as_featured_in h4{
59                font-size: 16px;
60        }
61
62        .diagnose {
63                padding: 25px 25px;
64                padding-top: 20px;
65        }
66        .diagnose .texts_image {
67                -ms-grid-columns: auto;
68                grid-template-columns: auto;
69                gap: 30px;
70        }
71        .diagnose .texts_image .left_texts h4{
72                font-size: 16px;
73        }
74        .diagnose .texts_image .left_texts ul li{
75                font-size: 13px;
76        }
77        .diagnose .clickable_link a {
78                display: block;
79                font-size: 18px;
80                padding: 12.5px 30px;
81        }
82
83        .how_fix_tool {
84                padding: 25px 20px;
85                padding-top: 20px;
86        }
87        .fix_ways .single_fix .texts h4{
88                font-size: 16px;
89        }
90
91        .fix_ways {
92                -ms-grid-columns: auto;
93                grid-template-columns: auto;
94        }
95        .fix_ways .single_fix {
96                -ms-grid-columns: 70px 10px 1fr;
97                grid-template-columns: 70px 1fr;
98        }
99
100        .three_steps {
101                padding: 25px 20px;
102                padding-top: 20px;
103        }
104        .three_steps .steps {
105                -ms-grid-columns: auto;
106                grid-template-columns: auto;
107                gap: 20px;
108        }
109        .three_steps .clickable_link a{
110                font-size: 16px;
111        }
112        .three_steps .clickable_link{
113                margin-top: 20px;
114        }
115
116        .testimonials {
117                padding: 25px 20px;
118                padding-top: 20px;
119        }
120        .rating_review {
121                -ms-grid-columns: auto;
122                grid-template-columns: auto;
123                gap: 10px;
124        }
125        .review_rating {
126                -ms-grid-columns: auto;
127                grid-template-columns: auto;
128                gap: 10px;
129        }
130        .review_rating .ratings{
131                -webkit-box-ordinal-group: 0;
132        -ms-flex-order: -1;
133        order: -1;
134        }
135        .review_rating .review {
136                text-align: left;
137        }
138        .single_review .ratings {
139                text-align: left;
140                margin-bottom: 5px;
141        }
142        .single_review .ratings i{
143                font-size: 15px;
144        }
145        .single_review .ratings h6{
146                font-size: 14px;
147        }
148        .single_review .review h5{
149                font-size: 16px;
150        }
151        .single_review .review p{
152                font-size: 14px;
153        }
154
155        .products_boxes {
156                padding: 25px 20px;
157                padding-top: 20px;
158        }
159        .products {
160                -ms-grid-columns: auto;
161                grid-template-columns: auto;
162                gap: 20px;
163        }
164        .products .single_product{
165                padding: 15px;
166                padding-top: 30px;
167        }
168        .products .single_product .price h4{
169                font-size: 16px;
170        }
171        .products .single_product .price h5{
172                font-size: 18px;
173        }
174        .products .single_product .price {
175                min-height: inherit;
176                margin-bottom: 15px;
177        }
178        .products .single_product .guarantee p{
179                font-size: 14px;
180        }
181        .products .single_product .clickable_link a {
182                padding: 7.5px 20px;
183                font-size: 18px;
184        }
185        .products_boxes .payment_cards img {
186                max-width: 100%;
187        }
188
189        .faqs {
190                padding: 25px 20px;
191        }
192        .faqs .heading h3{
193                font-size: 18px;
194        }
195        .faqs .accordion{
196                padding: 15px;
197        }
198        .faqs .single_item .click_item a{
199                font-size: 14px;
200                padding: 7.5px 0px;
201        }
202       
203        .faqs .single_item .click_item a.collapsed::after{
204                font-size: 12px;
205        }
206        .faqs .single_item .click_item a::after{
207                font-size: 12px;
208        }
209        .faqs .contents p{
210                font-size: 13px;
211        }
212       
213}
214
215/*      Small devices (landscape phones, 576px and up)  */
216@media (min-width: 576px) and (max-width: 767.98px) {
217       
218        .container{
219                max-width:540px;
220        }
221        .heading h3{
222                font-size: 24px;
223        }
224        .header img {
225                max-width: 200px;
226        }
227        .banner {
228                padding: 30px 30px;
229                padding-top: 20px;
230        }
231        .banner .image_texts {
232                -ms-grid-columns: auto;
233                grid-template-columns: auto;
234                gap: 30px;
235        }
236        .banner .top_heading h2{
237                font-size: 24px;
238        }
239        .banner .top_heading h3{
240                font-size: 16px;
241        }
242        .banner .right_texts ul li{
243                font-size: 16px;
244        }
245        .banner .clickable_link a {
246                display: block;
247                font-size: 18px;
248                padding: 12.5px 30px;
249        }
250
251        .diagnose {
252                padding: 40px 30px;
253                padding-top: 30px;
254        }
255        .diagnose .texts_image {
256                -ms-grid-columns: auto;
257                grid-template-columns: auto;
258                gap: 30px;
259        }
260        .diagnose .texts_image .left_texts h4{
261                font-size: 16px;
262        }
263        .diagnose .texts_image .left_texts ul li{
264                font-size: 13px;
265        }
266        .diagnose .clickable_link a {
267                display: block;
268                font-size: 18px;
269                padding: 12.5px 30px;
270        }
271
272        .fix_ways {
273                -ms-grid-columns: auto;
274                grid-template-columns: auto;
275        }
276        .fix_ways .single_fix {
277                -ms-grid-columns: 70px 10px 1fr;
278                grid-template-columns: 70px 1fr;
279        }
280
281        .three_steps {
282                padding: 40px 30px;
283                padding-top: 30px;
284        }
285        .three_steps .steps {
286                -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
287                grid-template-columns: repeat(3, 1fr);
288                gap: 10px;
289        }
290        .three_steps .clickable_link a{
291                font-size: 16px;
292        }
293
294        .rating_review {
295                -ms-grid-columns: auto;
296                grid-template-columns: auto;
297                gap: 10px;
298        }
299        .review_rating {
300                -ms-grid-columns: auto;
301                grid-template-columns: auto;
302                gap: 10px;
303        }
304        .review_rating .ratings{
305                -webkit-box-ordinal-group: 0;
306        -ms-flex-order: -1;
307        order: -1;
308        }
309        .review_rating .review {
310                text-align: left;
311        }
312        .single_review .ratings {
313                text-align: left;
314                margin-bottom: 5px;
315        }
316
317        .products_boxes {
318                padding: 40px 30px;
319                padding-top: 30px;
320        }
321        .products {
322                -ms-grid-columns: auto;
323                grid-template-columns: auto;
324                gap: 20px;
325        }
326        .products .single_product{
327                padding: 15px;
328        }
329        .products .single_product .price h4{
330                font-size: 16px;
331        }
332        .products .single_product .price h5{
333                font-size: 18px;
334        }
335        .products .single_product .price {
336                min-height: inherit;
337                margin-bottom: 15px;
338        }
339        .products .single_product .guarantee p{
340                font-size: 14px;
341        }
342        .products .single_product .clickable_link a {
343                padding: 7.5px 20px;
344                font-size: 18px;
345        }
346
347        .faqs {
348                background: var(--baseColor);
349                padding: 40px 30px;
350        }
351       
352}
353
354/*      Medium devices (tablets, 768px and up)  */
355@media (min-width: 768px) and (max-width: 991.98px) {
356       
357        .container{
358                max-width:720px;
359        }
360        .heading h3{
361                font-size: 30px;
362        }
363        .header img {
364                max-width: 250px;
365        }
366        .banner .top_heading h2{
367                font-size: 30px;
368        }
369        .banner .top_heading h3{
370                font-size: 18px;
371        }
372        .banner .right_texts ul li{
373                font-size: 16px;
374        }
375        .banner .clickable_link a {
376                display: block;
377                font-size: 18px;
378                padding: 12.5px 30px;
379        }
380
381        .diagnose {
382                padding: 40px 30px;
383                padding-top: 30px;
384        }
385        .diagnose .texts_image .left_texts h4{
386                font-size: 16px;
387        }
388        .diagnose .texts_image .left_texts ul li{
389                font-size: 13px;
390        }
391        .diagnose .clickable_link a {
392                display: block;
393                font-size: 18px;
394                padding: 12.5px 30px;
395        }
396
397        .fix_ways {
398                -ms-grid-columns: 1fr 20px 1fr;
399                grid-template-columns: repeat(2, 1fr);
400        }
401
402        .three_steps {
403                padding: 40px 30px;
404                padding-top: 30px;
405        }
406
407        .products_boxes {
408                padding: 40px 30px;
409                padding-top: 30px;
410        }
411        .products {
412                -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
413                grid-template-columns: repeat(3, 1fr);
414                grid-auto-rows: auto;
415                gap: 20px;
416        }
417        .products .single_product{
418                padding: 15px;
419                padding-top: 30px;
420        }
421        .products .single_product .price h4{
422                font-size: 16px;
423        }
424        .products .single_product .price h5{
425                font-size: 18px;
426        }
427        .products .single_product .price {
428                min-height: 48px;
429                margin-bottom: 15px;
430        }
431        .products .single_product .guarantee p{
432                font-size: 11px;
433        }
434        .products .single_product .clickable_link a {
435                padding: 7.5px 20px;
436                font-size: 18px;
437        }
438
439        .faqs {
440                background: var(--baseColor);
441                padding: 40px 30px;
442        }
443       
444}
445
446/*      Large devices (desktops, 992px and up)  */
447@media (min-width: 992px) and (max-width: 1199.98px) {
448       
449        .container{
450                max-width:960px;
451        }
452        .heading h3{
453                font-size: 32px;
454        }
455        .products .single_product{
456                padding: 25px;
457        }
458        .products .single_product .guarantee p{
459                font-size: 14px;
460        }
461
462        .faqs {
463                padding: 45px 40px;
464        }
465       
466}
467
468/*      Extra large devices (large desktops, 1200px and up)     */
469@media (min-width: 1200px) {
470       
471        .container{
472                max-width:1140px;
473        }
474       
475}
476
477body{
478       
479        position: relative;
480}
481:root{
482        --baseColor: #0060A2;
483        --secondaryColor: #ED1B23;
484        --lightColor: #FFFFFF;
485        --grayColor: #E9E9E9;
486        --darkColor: #232323;
487        --borderColor: #E4E5E7;
488       
489        --baseHeading: 'Open Sans', sans-serif;;
490        --baseParagraph: 'Montserrat', sans-serif;
491}
492
493/* ========== Custom CSS Starts ========== */
494
495
496/* ===== CSS For "Common Cases" Starts Here ===== */
497heading{
498        margin-bottom: 30px;
499        text-align: center;
500}
501heading h3{
502        color: var(--darkColor);
503        font-family: var(--baseHeading);
504        font-weight: 700;
505        font-size: 36px;
506        margin-bottom: 0px;
507}
508heading p{
509        color: var(--darkColor);
510        font-family: var(--baseParagraph);
511        font-weight: 400;
512        font-size: 18px;
513        margin-bottom: 0px;
514        margin-top: 10px;
515}
516heading_color h3{
517        color: var(--baseColor);
518}
519/* ========================= */
520clickable_link{
521        margin-top: 30px;
522}
523clickable_link a{
524        text-decoration: none;
525        color: var(--lightColor);
526        background: #EB4B32;
527        border-bottom: 3px solid #BF351F;
528        display: inline-block;
529        text-align: center;
530        padding: 10px 30px;
531        border-radius: 5px;
532        font-family: var(--baseHeading);
533        font-weight: 700;
534        font-size: 20px;
535        -webkit-transition: all 0.2s ease-in;
536        -moz-transition: all 0.2s ease-in;
537        transition: all 0.2s ease-in;
538}
539clickable_link a:hover{
540        -webkit-transform: scale(1.05);
541        -ms-transform: scale(1.05);
542        transform: scale(1.05);
543}
544/* ========================= */
545grid_item{
546    display: -ms-grid;
547    display: grid;
548    -ms-flex-line-pack: center;
549        align-content: center; 
550}
551/* ========================= */
552page_wrap{
553        background: #333333;
554}
555page_content{
556        background: var(--lightColor);
557}
558/* ===== CSS For "Common Cases" Ends Here ===== */
559
560
561
562/* ===== CSS For "Header" Starts Here ===== */
563header{
564        border-top: 5px solid var(--baseColor);
565        border-bottom: 1px solid var(--borderColor);
566        padding: 12.5px 15px;
567        text-align: center;
568}
569header img{
570        max-width: 300px;
571}
572/* ===== CSS For "Header" Ends Here ===== */
573
574
575/* ===== CSS For "Banner" Starts Here ===== */
576banner{
577        background: var(--grayColor);
578        padding: 40px 40px;
579        padding-top: 30px;
580}
581banner .image_texts{
582    display: -ms-grid;
583    display: grid;
584    -ms-grid-columns: 1fr 40px 1fr;
585    grid-template-columns: 1fr 1fr;
586    grid-auto-rows: auto;
587    gap: 40px;
588}
589banner .top_heading{
590        text-align: center;
591        margin-bottom: 30px;
592}
593banner .top_heading h2{
594        color: var(--darkColor);
595        font-family: var(--baseheading);
596        font-weight: 700;
597        font-size: 36px;
598        margin-bottom: 5px;
599}
600banner .top_heading h3{
601        color: var(--darkColor);
602        font-family: var(--baseheading);
603        font-weight: 400;
604        font-size: 24px;
605        margin-bottom: 0px;
606}
607banner .left_image img{
608        border-radius: 5px;
609}
610banner .right_texts ul{
611        margin-bottom: 0px;
612}
613banner .right_texts ul li{
614        list-style: none;
615        color: var(--darkColor);
616        font-family: var(--baseParagraph);
617        font-weight: 500;
618        font-size: 20px;
619        margin-bottom: 15px;
620        padding-left: 50px;
621        background: url(../../wrenches-screwdriver.svg) no-repeat;
622        background-position: left center;
623        background-size: 40px 40px;
624        min-height: 40px;
625}
626banner .right_texts ul li:last-child{
627        margin-bottom: 0px;
628}
629banner .clickable_link a{
630        display: block;
631        font-size: 24px;
632        padding: 15px 50px;
633}
634/* ===== CSS For "Banner" Ends Here ===== */
635
636
637
638/* ===== CSS For "Media Logos" Starts Here ===== */
639as_featured_in{
640        background: #D7D7D7;
641        padding: 20px 25px;
642}
643as_featured_in h4{
644        color: var(--darkColor);
645        font-family: var(--baseHeading);
646        font-weight: 600;
647        font-size: 20px;
648        margin-bottom: 15px;
649        text-align: center;
650}
651media_logo_slider{
652        max-width: 860px;
653        margin: 0px auto;
654}
655media_logo_slider img{
656        max-width: 100%;
657}
658media_logos .single_logo{
659        padding: 0px 15px;
660}
661/* ===== CSS For "Media Logos" Ends Here ===== */
662
663/* ===== CSS For "Diagnose" Starts Here ===== */
664diagnose{
665        padding: 50px 40px;
666        padding-top: 40px;
667}
668diagnose .texts_image{
669    display: -ms-grid;
670    display: grid;
671    -ms-grid-columns: 1fr 40px 1fr;
672    grid-template-columns: 1fr 1fr;
673    grid-auto-rows: auto;
674    gap: 40px; 
675}
676diagnose .texts_image .left_texts h4{
677        color: var(--darkColor);
678        font-family: var(--baseHeading);
679        font-weight: 400;
680        font-size: 22px;
681        line-height: 1.3;
682        margin-bottom: 0px;     
683}
684diagnose .texts_image .left_texts h4 span{
685        font-weight: 700;
686}
687diagnose .texts_image .left_texts ul{
688        margin: 25px 0px;
689}
690diagnose .texts_image .left_texts ul li{
691        list-style: none;
692        color: var(--darkColor);
693        font-family: var(--baseParagraph);
694        font-weight: 400;
695        font-size: 16px;
696        margin-bottom: 15px;
697        padding-left: 40px;
698        background: url(../../wrenches-screwdriver.svg) no-repeat;
699        background-position: left center;
700        background-size: 30px 30px;
701}
702diagnose .texts_image .left_texts ul li span{
703        font-weight: 700;
704}
705diagnose .texts_image .left_texts ul li:last-child{
706        margin-bottom: 0px;
707}
708diagnose .clickable_link a{
709        display: block;
710        font-size: 24px;
711        padding: 15px 50px;
712}
713/* ===== CSS For "Diagnose" Ends Here ===== */
714
715
716
717
718
719
720/* ===== CSS For "Three Steps" Starts Here ===== */
721three_steps{
722        padding: 50px 40px;
723        padding-top: 40px;
724}
725three_steps .steps{
726    display: -ms-grid;
727    display: grid;
728    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
729    grid-template-columns: repeat(3, 1fr);
730    grid-auto-rows: auto;
731    gap: 30px;
732}
733three_steps .steps .single_step .image img{
734        border-radius: 5px;
735}
736three_steps .clickable_link{
737        max-width: 323.333px;
738        margin: 0px auto;
739        margin-top: 30px;
740}
741three_steps .clickable_link a{
742        display: block;
743}
744/* ===== CSS For "Three Steps" Ends Here ===== */
745
746
747
748
749/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
750
751/* Document
752   ========================================================================== */
753
754/**
755 * 1. Correct the line height in all browsers.
756 * 2. Prevent adjustments of font size after orientation changes in iOS.
757 */
758
759html {
760  line-height: 1.15; /* 1 */
761  -webkit-text-size-adjust: 100%; /* 2 */
762}
763
764/* Sections
765   ========================================================================== */
766
767/**
768 * Remove the margin in all browsers.
769 */
770
771body {
772  margin: 0;
773}
774
775/**
776 * Render the `main` element consistently in IE.
777 */
778
779main {
780  display: block;
781}
782
783/**
784 * Correct the font size and margin on `h1` elements within `section` and
785 * `article` contexts in Chrome, Firefox, and Safari.
786 */
787
788h1 {
789  font-size: 2em;
790  margin: 0.67em 0;
791}
792
793/* Grouping content
794   ========================================================================== */
795
796/**
797 * 1. Add the correct box sizing in Firefox.
798 * 2. Show the overflow in Edge and IE.
799 */
800
801hr {
802  box-sizing: content-box; /* 1 */
803  height: 0; /* 1 */
804  overflow: visible; /* 2 */
805}
806
807/**
808 * 1. Correct the inheritance and scaling of font size in all browsers.
809 * 2. Correct the odd `em` font sizing in all browsers.
810 */
811
812pre {
813  font-family: monospace, monospace; /* 1 */
814  font-size: 1em; /* 2 */
815}
816
817/* Text-level semantics
818   ========================================================================== */
819
820/**
821 * Remove the gray background on active links in IE 10.
822 */
823
824a {
825  background-color: transparent;
826}
827
828/**
829 * 1. Remove the bottom border in Chrome 57-
830 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
831 */
832
833abbr {
834  border-bottom: none; /* 1 */
835  text-decoration: underline; /* 2 */
836  text-decoration: underline dotted; /* 2 */
837}
838
839/**
840 * Add the correct font weight in Chrome, Edge, and Safari.
841 */
842
843b,
844strong {
845  font-weight: bolder;
846}
847
848/**
849 * 1. Correct the inheritance and scaling of font size in all browsers.
850 * 2. Correct the odd `em` font sizing in all browsers.
851 */
852
853code,
854kbd,
855samp {
856  font-family: monospace, monospace; /* 1 */
857  font-size: 1em; /* 2 */
858}
859
860/**
861 * Add the correct font size in all browsers.
862 */
863
864small {
865  font-size: 80%;
866}
867
868/**
869 * Prevent `sub` and `sup` elements from affecting the line height in
870 * all browsers.
871 */
872
873sub,
874sup {
875  font-size: 75%;
876  line-height: 0;
877  position: relative;
878  vertical-align: baseline;
879}
880
881sub {
882  bottom: -0.25em;
883}
884
885sup {
886  top: -0.5em;
887}
888
889/* Embedded content
890   ========================================================================== */
891
892/**
893 * Remove the border on images inside links in IE 10.
894 */
895
896img {
897  border-style: none;
898}
899
900/* Forms
901   ========================================================================== */
902
903/**
904 * 1. Change the font styles in all browsers.
905 * 2. Remove the margin in Firefox and Safari.
906 */
907
908button,
909input,
910optgroup,
911select,
912textarea {
913  font-family: inherit; /* 1 */
914  font-size: 100%; /* 1 */
915  line-height: 1.15; /* 1 */
916  margin: 0; /* 2 */
917}
918
919/**
920 * Show the overflow in IE.
921 * 1. Show the overflow in Edge.
922 */
923
924button,
925input { /* 1 */
926  overflow: visible;
927}
928
929/**
930 * Remove the inheritance of text transform in Edge, Firefox, and IE.
931 * 1. Remove the inheritance of text transform in Firefox.
932 */
933
934button,
935select { /* 1 */
936  text-transform: none;
937}
938
939/**
940 * Correct the inability to style clickable types in iOS and Safari.
941 */
942
943button,
944,
945,
946 {
947  -webkit-appearance: button;
948}
949
950/**
951 * Remove the inner border and padding in Firefox.
952 */
953
954button::-moz-focus-inner,
955::-moz-focus-inner,
956::-moz-focus-inner,
957::-moz-focus-inner {
958  border-style: none;
959  padding: 0;
960}
961
962/**
963 * Restore the focus styles unset by the previous rule.
964 */
965
966button:-moz-focusring,
967:-moz-focusring,
968:-moz-focusring,
969:-moz-focusring {
970  outline: 1px dotted ButtonText;
971}
972
973/**
974 * Correct the padding in Firefox.
975 */
976
977fieldset {
978  padding: 0.35em 0.75em 0.625em;
979}
980
981/**
982 * 1. Correct the text wrapping in Edge and IE.
983 * 2. Correct the color inheritance from `fieldset` elements in IE.
984 * 3. Remove the padding so developers are not caught out when they zero out
985 *    `fieldset` elements in all browsers.
986 */
987
988legend {
989  box-sizing: border-box; /* 1 */
990  color: inherit; /* 2 */
991  display: table; /* 1 */
992  max-width: 100%; /* 1 */
993  padding: 0; /* 3 */
994  white-space: normal; /* 1 */
995}
996
997/**
998 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
999 */
1000
1001progress {
1002  vertical-align: baseline;
1003}
1004
1005/**
1006 * Remove the default vertical scrollbar in IE 10+.
1007 */
1008
1009textarea {
1010  overflow: auto;
1011}
1012
1013/**
1014 * 1. Add the correct box sizing in IE 10.
1015 * 2. Remove the padding in IE 10.
1016 */
1017
1018,
1019 {
1020  box-sizing: border-box; /* 1 */
1021  padding: 0; /* 2 */
1022}
1023
1024/**
1025 * Correct the cursor style of increment and decrement buttons in Chrome.
1026 */
1027
1028::-webkit-inner-spin-button,
1029::-webkit-outer-spin-button {
1030  height: auto;
1031}
1032
1033/**
1034 * 1. Correct the odd appearance in Chrome and Safari.
1035 * 2. Correct the outline style in Safari.
1036 */
1037
1038 {
1039  -webkit-appearance: textfield; /* 1 */
1040  outline-offset: -2px; /* 2 */
1041}
1042
1043/**
1044 * Remove the inner padding in Chrome and Safari on macOS.
1045 */
1046
1047::-webkit-search-decoration {
1048  -webkit-appearance: none;
1049}
1050
1051/**
1052 * 1. Correct the inability to style clickable types in iOS and Safari.
1053 * 2. Change font properties to `inherit` in Safari.
1054 */
1055
1056::-webkit-file-upload-button {
1057  -webkit-appearance: button; /* 1 */
1058  font: inherit; /* 2 */
1059}
1060
1061/* Interactive
1062   ========================================================================== */
1063
1064/*
1065 * Add the correct display in Edge, IE 10+, and Firefox.
1066 */
1067
1068details {
1069  display: block;
1070}
1071
1072/*
1073 * Add the correct display in all browsers.
1074 */
1075
1076summary {
1077  display: list-item;
1078}
1079
1080/* Misc
1081   ========================================================================== */
1082
1083/**
1084 * Add the correct display in IE 10+.
1085 */
1086
1087template {
1088  display: none;
1089}
1090
1091/**
1092 * Add the correct display in IE 10.
1093 */
1094
1095 {
1096  display: none;
1097}
1098        </style>
1099</head>
1100<body>
1101<section class="page_wrap">
1102<div class="container">
1103<div class="page_content">
1104<header class="header">
1105<div class="logo"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://carbofixn.co/31253500a590a1190d.png" /></a></div>
1106</header>
1107
1108<div class="banner">
1109<div class="top_heading">
1110<h2>Go from Cold to Broiled in Seconds</h2>
1111
1112<h3>Ultra Heater with the latest energy saving technology</h3>
1113</div>
1114
1115<div class="image_texts">
1116<div class="left_image"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://carbofixn.co/ed9a74928dcb9d930c.jpg" /></a></div>
1117&nbsp;
1118
1119<div class="right_texts grid_item">
1120<ul>
1121        <li>Intelligent temperature control</li>
1122        <li>Reduce Electricity Bills With The Latest Energy Saving Technology</li>
1123        <li>Safety first with advanced overheating and child protection</li>
1124</ul>
1125&nbsp;
1126
1127<div class="clickable_link"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank">Get Ultra Heater Now!</a></div>
1128</div>
1129</div>
1130</div>
1131
1132<div class="as_featured_in">
1133<h4>Loved by Customers Everywhere</h4>
1134<!--===== Markup For "Media Logos" Starts From Here =====-->
1135
1136<section class="media_logos">
1137<section class="media_logo_slider">
1138<section class="media-logo-top">
1139<div class="single_logo"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" http:="" microsoft.com="" src="http://carbofixn.co/1938061e1c655c836d.png" /> </a></div>
1140
1141<div class="single_logo"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" http:="" microsoft.com="" src="http://carbofixn.co/1119dd57ba0b1c5832.png" /> </a></div>
1142
1143<div class="single_logo"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" http:="" microsoft.com="" src="http://carbofixn.co/568962ad6e851d19c0.png" /> </a></div>
1144</section>
1145</section>
1146</section>
1147<!--===== Markup For "Media Logos" Ends Here =====--></div>
1148
1149<div class="diagnose">
1150<div class="heading heading_color">
1151<h3>Finally, an Innovative Radiator that saves energy</h3>
1152</div>
1153
1154<div class="texts_image">
1155<div class="left_texts">
1156<h4>It&#39;s no secret that traditional heaters consume a lot of energy. Ultra Heater is not <span>only the most efficient heater on the market today, but also very energy efficient</span>, thanks to the latest energy saving technology.</h4>
1157
1158<ul>
1159        <li><span>Up to 80%</span> efficient heating area <span>with incredible savings on energy bills.</span></li>
1160        <li><span>Built-in auto shut-off - when the temperature reaches comfortable levels - Ultra Heater stops heating, saving even more money.</span></li>
1161        <li><span>400W Turbo Power</span> with the latest <span>flame retardant body and the latest energy saving technology.</span></li>
1162</ul>
1163
1164<h4><span>You deserve to feel toasty warm during these cold months without breaking the bank!</span></h4>
1165
1166<div class="right_image grid_item"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://carbofixn.co/c7dbbb66ddc5edd4bf.png" /></a></div>
1167
1168<div class="clickable_link"><a href="http://carbofixn.co/r5QWZ56Hwel3nxu69cLmUKVGl0NKsLYrECoMMRrp6OKRO0X9Gg" http:="" microsoft.com="" rel="sponsored" target="blank">Get Ultra Heater now! 50 % DISCOUNT and FREE SHIPPING WORLDWIDE TODAY!</a></div>
1169</div>
1170</div>
1171</div>
1172</div>
1173</div>
1174</section>
1175<br />
1176<br />
1177<br />
1178<br />
1179<br />
1180<br />
1181<br />
1182<br />
1183<br />
1184<br />
1185&nbsp;
1186<center><a href="http://carbofixn.co/ovvMm1dgo7na6au8UhJxXpKxkBYANyMyImY91ej7KE0yDERUcQ" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" rel="sponsored" src="http://carbofixn.co/063113741e76135ec3.jpg" target="blank" /></a><br />
1187<br />
1188<br />
1189<br />
1190<br />
1191<br />
1192<br />
1193<br />
1194<br />
1195<br />
1196<br />
1197<br />
1198<br />
1199<br />
1200<br />
1201<br />
1202<a href="http://carbofixn.co/MoHtc-3-fLhNBZDcmRGE7m6l6z4WoItUTaH2-wG56Vebujoruw" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" rel="sponsored" src="http://carbofixn.co/e0b39fadda6ea4a035.jpg" target="blank" /></a></center>
1203<br />
1204<br />
1205<br />
1206<br />
1207<br />
1208<br />
1209<br />
1210<a href="http://carbofixn.co/XC8agCNW_Uw9DG5uV2bYwaYOMhwh9BOMlfzdoNrdP7z6i4ytJw"><img src="http://carbofixn.co/fe7019b2a317992478.jpg" /><img height="1" src="http://www.carbofixn.co/OUTSrylWrn1J946MY_g0XovFgAoA-Gui_GaqOtzRhPFJuvhQAw" width="1" /></a> <span style="color:#FFFFFF;">ouched.&quot; Due to the magazine&#39;s readership of 485,000 during the 1930s, Time helped give Regionalist works a national audience while also eliciting resentment among some over the art movement&#39;s sudden popularity. For example, the American modernist painter Stuart Davis objected to Time&#39;s portrayal of Tornado over Kansas and other Regionalist paintings. In 1935, Davis even accused Curry of behaving &quot;as though painting were a jolly lark for amateurs, to be exhibited in county fairs.&quot; Those who agreed with Davis included critics, historians, and even some of Curry&#39;s own friends who considered his paintings to be &quot;labored&quot;, &quot;conventional&quot;, or &quot;embarrassing&qu
1211 ot;. The amateurish draftsmanship was noted by scholars including Kroiz, who disparagingly wrote that Curry&#39;s use of color created &quot;a riot of tertiary hues that confuse the viewer&#39;s eye&quot;. She described the works green-blue shadows as &quot;strange&quot;, and believed that the lighter halo-like region around the father&#39;s head was due to a mistake made while Curry was painting in the sky. Thus, Kroiz found that the painting is in stark contrast to more technically proficient works by the contemporary Regionalist painter Thomas Hart Benton. Benton even lamented that Curry&#39;s work sometimes had &quot;a touch of vulgarity and cheapness.&quot; Curry himself admitted to both Tornado over Kansas&#39;s compositional shortcomings and his then lack of technical expertise, revealing what scholars interpreted as possible signs of the artist&#39;s depression, stress, and self-doubt. Nonetheless, Curry&#39;s openness instructed the public, and Kroiz believed it helped make
1212  painting more approachable for amateurs and common people. Sweeney was less critical than Kroiz in his assessment of the painting, describing Curry as &quot;the least polemical and chauvinistic&quot; of the Regionalists and writing that Curry&#39;s color and methods were &quot;extremely sophisticated&quot; in Tornado over Kansas. In 1931, real estate broker H. Tracy Kneeland offered to purchase Tornado over Kansas. In a letter to Curry, Kneeland explained his attraction to the work: I find ... a certain native quality which interests me because I was born and brought up in Michigan and while I have never seen a tornado of this kind I can well remember school being let out and running for dear life for home, with the branches torn off the trees ... the whole picture seems to strike a home chord in me. Nevertheless, Tornado over Kansas was acquired in 1935 by the Hackley Art Gallery (now the Muskegon Museum of Art) from Ferargil Galleries, a venue for exhibitions of Curry&#39;s work
1213 during the early 1930s. Laurence Schmeckebier wrote in his 1943 biography of Curry that Tornado over Kansas was its artist&#39;s &quot;best known and in many ways his greatest painting.&quot; The work was widely reproduced in surveys of American art published in the 1930s and 1940s. It has appeared in over 150 publications, including the 1936 first issue of Life magazine, and the 1996 film Twister. Because of its artistic and cultural significance, Tornado over Kansas was described by the Muskegon Museum of Art as a &quot;national treasure&quot; and a defining work of Curry&#39;s career and the Regionalist moveme</span><br />
1214<br />
1215&nbsp;</body>
1216</html>