WordPress.org
Get WordPress

Make WordPress Themes

source: total/1.1.6.5/style.css

Last change on this file was 76259, checked in by themedropbox, 8 years ago

New version of Total - 1.1.6.5
File size: 63.6 KB
Line 
1/*
2Theme Name: Total
3Theme URI: https://hashthemes.com/wordpress-theme/total/
4Author: Hash Themes
5Author URI: https://hashthemes.com
6Description: Total as its name suggest is a complete package theme with all the feature that you need to make a complete website. The theme has clean and elegant design with vibrant color(Theme Color Changable Option) and parallax sections. The home page consist of slider, featured section with icon, about us section with progress bar, portfolio section with masonary layout, team section, testimonial section, counter section, blog section with option to add 3, 6 or 9 blog posts, clients logo carousel slider and call to action section. The theme is fully responsive and is built on customizer that enable you to configure the website with live preview. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins. DEMO: http://demo.hashthemes.com/total/
7Version: 1.1.6.5
8License: GNU General Public License v2 or later
9License URI: http://www.gnu.org/licenses/gpl-2.0.html
10Text Domain: total
11Tags: two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, portfolio, photography, holiday, custom-logo
12*/
13
14/*--------------------------------------------------------------
15# Normalize
16--------------------------------------------------------------*/
17html {
18        font-family: sans-serif;
19        -webkit-text-size-adjust: 100%;
20        -ms-text-size-adjust:     100%;
21}
22
23body {
24        margin: 0;
25}
26
27article,
28aside,
29details,
30figcaption,
31figure,
32footer,
33header,
34main,
35menu,
36nav,
37section,
38summary {
39        display: block;
40        margin: 0;
41}
42
43audio,
44canvas,
45progress,
46video {
47        display: inline-block;
48        vertical-align: baseline;
49}
50
51audio:not([controls]) {
52        display: none;
53        height: 0;
54}
55
56[hidden],
57template {
58        display: none;
59}
60
61a {
62        background-color: transparent;
63}
64
65a:active,
66a:hover {
67        outline: 0;
68}
69
70abbr[title] {
71        border-bottom: 1px dotted;
72}
73
74b,
75strong {
76        font-weight: bold;
77}
78
79dfn {
80        font-style: italic;
81}
82
83mark {
84        background: #ff0;
85        color: #000;
86}
87
88small {
89        font-size: 80%;
90}
91
92sub,
93sup {
94        font-size: 75%;
95        line-height: 0;
96        position: relative;
97        vertical-align: baseline;
98}
99
100sup {
101        top: -0.5em;
102}
103
104sub {
105        bottom: -0.25em;
106}
107
108img {
109        border: 0;
110}
111
112svg:not(:root) {
113        overflow: hidden;
114}
115
116figure {
117       
118}
119
120hr {
121        box-sizing: content-box;
122        height: 0;
123}
124
125pre {
126        overflow: auto;
127}
128
129code,
130kbd,
131pre,
132samp {
133        font-family: monospace, monospace;
134        font-size: 1em;
135}
136
137button,
138input,
139optgroup,
140select,
141textarea {
142        color: inherit;
143        font: inherit;
144        margin: 0;
145}
146
147button {
148        overflow: visible;
149}
150
151button,
152select {
153        text-transform: none;
154}
155
156button,
157html input[type="button"],
158input[type="reset"],
159input[type="submit"] {
160        -webkit-appearance: button;
161        cursor: pointer;
162}
163
164button[disabled],
165html input[disabled] {
166        cursor: default;
167}
168
169button::-moz-focus-inner,
170input::-moz-focus-inner {
171        border: 0;
172        padding: 0;
173}
174
175input {
176        line-height: normal;
177}
178
179input[type="checkbox"],
180input[type="radio"] {
181        box-sizing: border-box;
182        padding: 0;
183}
184
185input[type="number"]::-webkit-inner-spin-button,
186input[type="number"]::-webkit-outer-spin-button {
187        height: auto;
188}
189
190input[type="search"] {
191        -webkit-appearance: textfield;
192}
193
194input[type="search"]::-webkit-search-cancel-button,
195input[type="search"]::-webkit-search-decoration {
196        -webkit-appearance: none;
197}
198
199fieldset {
200        border: 1px solid #c0c0c0;
201        margin: 0 2px;
202        padding: 0.35em 0.625em 0.75em;
203}
204
205legend {
206        border: 0;
207        padding: 0;
208}
209
210textarea {
211        overflow: auto;
212}
213
214optgroup {
215        font-weight: bold;
216}
217
218table {
219        border-collapse: collapse;
220        border-spacing: 0;
221}
222
223td,
224th {
225        padding: 0;
226}
227
228/*--------------------------------------------------------------
229# Typography
230--------------------------------------------------------------*/
231body,
232button,
233input,
234select,
235textarea {
236        color: #444;
237        font-size: 18px;
238        line-height: 1.6;
239        font-family: 'Pontano Sans', sans-serif;
240        font-weight: 400;
241}
242
243h1,
244h2,
245h3,
246h4,
247h5,
248h6 {
249        margin: 0;
250        font-weight: 300;
251        line-height: 1.2;
252        font-family: 'Oswald', sans-serif;
253}
254
255h1{
256        font-size: 28px;
257        margin-bottom: 15px;
258}
259
260h2{
261        font-size: 26px;
262        margin-bottom: 15px;
263}
264
265h3{
266        font-size: 24px;
267        margin-bottom: 15px;
268}
269
270h4{
271        font-size: 22px;
272        margin-bottom: 10px;
273}
274
275h5{
276        font-size: 20px;
277        margin-bottom: 10px;
278}
279
280h6{
281        font-size: 18px;
282        margin-bottom: 10px;
283}
284p {
285        margin:0 0 15px;
286}
287
288dfn,
289cite,
290em,
291i {
292        font-style: italic;
293}
294
295blockquote {
296        margin: 0 15px;
297}
298
299address {
300        margin: 0 0 15px;
301}
302
303pre {
304        background: #eee;
305        font-family: "Courier 10 Pitch", Courier, monospace;
306        font-size: 15px;
307        line-height: 1.6;
308        margin-bottom: 15px;
309        max-width: 100%;
310        overflow: auto;
311        padding: 15px;
312}
313
314code,
315kbd,
316tt,
317var {
318        font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
319        font-size: 15px;
320}
321
322abbr,
323acronym {
324        border-bottom: 1px dotted #666;
325        cursor: help;
326}
327
328mark,
329ins {
330        background: #fff9c0;
331        text-decoration: none;
332}
333
334big {
335        font-size: 125%;
336}
337
338/*--------------------------------------------------------------
339# Elements
340--------------------------------------------------------------*/
341html {
342        box-sizing: border-box;
343}
344
345*,
346*:before,
347*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
348        box-sizing: inherit;
349}
350
351body {
352        background: #fff; /* Fallback for when there is no custom background color defined. */
353}
354
355blockquote:before,
356blockquote:after,
357q:before,
358q:after {
359        content: "";
360}
361
362blockquote,
363q {
364        quotes: "" "";
365}
366
367hr {
368        background-color: #ccc;
369        border: 0;
370        height: 1px;
371        margin-bottom: 15px;
372}
373
374ul,
375ol {
376        margin: 0 0 15px 20px;
377        padding: 0;
378}
379
380ul {
381        list-style: disc;
382}
383
384ol {
385        list-style: decimal;
386}
387
388li > ul,
389li > ol {
390        margin-bottom: 0;
391        margin-left: 15px;
392}
393
394dt {
395        font-weight: bold;
396}
397
398dd {
399        margin: 0 15px 15px;
400}
401
402img {
403        height: auto; /* Make sure images are scaled correctly. */
404        max-width: 100%; /* Adhere to container width. */
405        vertical-align: middle;
406}
407
408table {
409        margin: 0 0 15px;
410        width: 100%;
411}
412
413/*--------------------------------------------------------------
414# Forms
415--------------------------------------------------------------*/
416button,
417input[type="button"],
418input[type="reset"],
419input[type="submit"] {
420        background: #FFC107;
421        padding: 0 20px;
422    height: 40px;
423        color: #FFF;
424        border: 0;
425    -moz-transition: all 0.3s ease;
426    -webkit-transition: all 0.3s ease;
427    transition: all 0.3s ease;
428}
429
430button:hover,
431input[type="button"]:hover,
432input[type="reset"]:hover,
433input[type="submit"]:hover {
434        background: #333;
435}
436
437button:focus,
438input[type="button"]:focus,
439input[type="reset"]:focus,
440input[type="submit"]:focus,
441button:active,
442input[type="button"]:active,
443input[type="reset"]:active,
444input[type="submit"]:active {
445        outline: 0;
446}
447
448input[type="text"],
449input[type="email"],
450input[type="url"],
451input[type="password"],
452input[type="search"],
453input[type="number"],
454input[type="tel"],
455input[type="range"],
456input[type="date"],
457input[type="month"],
458input[type="week"],
459input[type="time"],
460input[type="datetime"],
461input[type="datetime-local"],
462input[type="color"],
463textarea {
464        color: #404040;
465        border: 1px solid #EEE;
466        transition:all 0.3s ease-in-out;
467        -moz-transition:all 0.3s ease-in-out;
468        -webkit-transition:all 0.3s ease-in-out;
469        vertical-align: top;
470}
471
472select {
473        border: 1px solid #EEE;
474    height: 40px;
475        padding: 3px 40px 3px 8px;
476        background-color: transparent;
477        line-height: 100%;
478        outline: 0;
479        background-image: url("images/arrow.png");
480        background-position: right; center;
481        background-repeat: no-repeat;
482        position: relative;
483        cursor: pointer;
484        -webkit-appearance: none;
485        -moz-appearance: none;
486}
487
488input[type="text"]:focus,
489input[type="email"]:focus,
490input[type="url"]:focus,
491input[type="password"]:focus,
492input[type="search"]:focus,
493input[type="number"]:focus,
494input[type="tel"]:focus,
495input[type="range"]:focus,
496input[type="date"]:focus,
497input[type="month"]:focus,
498input[type="week"]:focus,
499input[type="time"]:focus,
500input[type="datetime"]:focus,
501input[type="datetime-local"]:focus,
502input[type="color"]:focus,
503textarea:focus {
504        outline: 0;
505}
506
507input[type="text"],
508input[type="email"],
509input[type="url"],
510input[type="password"],
511input[type="search"],
512input[type="number"],
513input[type="tel"],
514input[type="range"],
515input[type="date"],
516input[type="month"],
517input[type="week"],
518input[type="time"],
519input[type="datetime"],
520input[type="datetime-local"],
521input[type="color"] {
522        padding: 3px 8px;
523    height: 40px;
524}
525
526textarea {
527        padding: 8px;
528        width: 100%;
529}
530
531/*--------------------------------------------------------------
532## Links
533--------------------------------------------------------------*/
534a {
535        color: #FFC107;
536        text-decoration: none;
537    transition: all 0.3s ease; 
538    -moz-transition: all 0.3s ease; 
539    -webkit-transition: all 0.3s ease; 
540}
541
542a:visited {
543       
544}
545
546a:hover{
547        color: #FFC107;
548}
549
550a:focus {
551        outline: 0;
552}
553
554a:hover,
555a:active {
556        outline: 0;
557}
558
559
560/*--------------------------------------------------------------
561# Accessibility
562--------------------------------------------------------------*/
563/* Text meant only for screen readers. */
564.screen-reader-text {
565        clip: rect(1px, 1px, 1px, 1px);
566        position: absolute !important;
567        height: 1px;
568        width: 1px;
569        overflow: hidden;
570}
571
572.screen-reader-text:focus {
573        background-color: #f1f1f1;
574        border-radius: 3px;
575        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
576        clip: auto !important;
577        color: #21759b;
578        display: block;
579        font-size: 14px;
580        font-size: 0.875rem;
581        font-weight: bold;
582        height: auto;
583        left: 5px;
584        line-height: normal;
585        padding: 15px 23px 14px;
586        text-decoration: none;
587        top: 5px;
588        width: auto;
589        z-index: 100000; /* Above WP toolbar. */
590}
591
592/*--------------------------------------------------------------
593# Alignments
594--------------------------------------------------------------*/
595.alignleft {
596        display: inline;
597        float: left;
598        margin-right: 15px;
599}
600
601.alignright {
602        display: inline;
603        float: right;
604        margin-left: 15px;
605}
606
607.aligncenter {
608        clear: both;
609        display: block;
610        margin-left: auto;
611        margin-right: auto;
612}
613
614/*--------------------------------------------------------------
615# Clearings
616--------------------------------------------------------------*/
617.ht-clearfix:before,
618.ht-clearfix:after,
619.entry-content:before,
620.entry-content:after,
621.comment-content:before,
622.comment-content:after,
623.site-footer:before,
624.site-footer:after,
625.ht-container:before,
626.ht-container:after {
627        content: "";
628        display: table;
629}
630
631.ht-clearfix:after,
632.entry-content:after,
633.comment-content:after,
634.site-footer:after,
635.ht-container:after {
636        clear: both;
637}
638
639/*--------------------------------------------------------------
640# Widgets
641--------------------------------------------------------------*/
642.widget {
643        margin: 0 0 15px;
644}
645
646/* Make sure select elements fit in widgets. */
647.widget select {
648        max-width: 100%;
649}
650
651/* Search widget. */
652.widget_search .search-submit {
653        display: none;
654}
655
656/*--------------------------------------------------------------
657## Posts and pages
658--------------------------------------------------------------*/
659.sticky {
660        display: block;
661}
662
663.hentry {
664        margin: 0 0 30px;
665}
666
667.total-hentry {
668        margin: 0 0 50px;
669}
670
671.byline,
672.updated:not(.published) {
673        display: none;
674}
675
676.page-content,
677.entry-content,
678.entry-summary {
679       
680}
681
682.page-links {
683        clear: both;
684        margin: 0 0 15px;
685}
686
687#primary{
688        width: 70%;
689        float: left;
690}
691
692#secondary{
693        width: 27%;
694        float: right;
695}
696
697.ht_no_sidebar #primary{
698        width: auto;
699        float: none;
700}
701
702.ht_no_sidebar_condensed #primary{
703        width: 76%;
704        float: none;
705        margin: 0 auto;
706}
707
708.ht_left_sidebar #primary{
709        float: right;
710}
711
712.ht_left_sidebar #secondary{
713        float: left;
714}
715
716.ht-post-info{
717        float: left;
718        width: 80px;
719        text-align: right;
720    font-family: 'Oswald', sans-serif;
721}
722
723.single .ht-post-info{
724        margin-right: 30px;
725        margin-bottom: 20px;
726}
727
728.ht-post-info .entry-date{
729        display: block;
730    font-size: 0.9em;
731    margin-bottom: 20px;
732}
733
734.ht-post-info .entry-date span{
735        display: block;
736        text-transform: uppercase;
737}
738
739.ht-post-info .entry-date span.ht-day{
740        font-size: 60px;
741        line-height: 1.3;
742    color: #FFC107;
743}
744
745.ht-post-info a{
746        display: block;
747        text-decoration: none;
748        line-height: 1.4;
749        padding: 20px 0 0;
750        text-transform: uppercase;
751    border-top: 1px solid #EEE;
752    font-size: 12px;
753    color: #444;
754    font-weight: 300;
755}
756
757.ht-post-wrapper{
758        padding-left: 105px;
759}
760
761.entry-figure{
762        background: #f9f9f9;
763        text-align: center;
764        margin-bottom: 15px;
765}
766
767.entry-header .entry-title{
768        font-weight: 300;
769        letter-spacing: 1px;
770        margin-bottom: 10px;
771}
772
773.entry-figure + .entry-header{
774        background: #FFF;
775        position: relative;
776        margin-top: -65px;
777        width: 90%;
778        padding: 15px 0 1px;
779}
780
781.entry-header .entry-title a{
782        text-decoration: none;
783        color: #333;
784}
785
786.entry-categories{
787        font-size: 14px;
788        color: #666;
789        font-style: italic;
790        margin-bottom: 15px;
791}
792
793.entry-categories .fa{
794        color: #FFC107;
795        margin-right: 8px;
796}
797
798.entry-categories a{
799        color: #666;
800        text-decoration: none; 
801}
802
803.entry-readmore{
804        margin-top: 20px;
805}
806
807.entry-readmore a{
808        background: #FFC107;
809        padding: 0 20px;
810    line-height: 40px;
811        color: #FFF;
812        border: 0;
813    -moz-transition: all 0.3s ease;
814    -webkit-transition: all 0.3s ease;
815    transition: all 0.3s ease;
816    display: inline-block;
817}
818
819.entry-readmore a:hover{
820        background: #333;
821        color: #FFF;
822}
823
824/*--------------------------------------------------------------
825## Asides
826--------------------------------------------------------------*/
827.widget-area .widget-title{
828        position: relative;
829        padding-bottom: 10px;
830        margin-bottom: 20px;
831}
832
833.widget-area .widget-title:after{
834        content:"";
835        position: absolute;
836        left: 0;
837        top: 100%;
838        width: 30px;
839        background: #FFC107;
840        height: 2px;
841}
842
843.widget-area ul{
844        list-style: none;
845        padding: 0;
846        margin: 0;
847}
848
849.widget-area ul ul{
850        border-top: 1px solid #f9f9f9;
851        margin-top: 5px;
852}
853
854.widget-area ul ul li{
855        padding-left: 10px;
856}
857
858.widget-area ul ul li:last-child{
859        border-bottom: 0;
860        padding-bottom: 0;
861}
862
863.widget-area li{
864        padding: 5px 0;
865        border-bottom: 1px solid #f9f9f9;
866}
867
868.widget-area a{
869        text-decoration: none;
870        color: #404040;
871}
872
873.widget-area a:hover{
874        color: #FFC107
875}
876
877.widget-area .widget{
878        margin-bottom: 35px;
879}
880
881/*--------------------------------------------------------------
882## Comments
883--------------------------------------------------------------*/
884.comment-content a {
885        word-wrap: break-word;
886}
887
888.bypostauthor {
889        display: block;
890}
891
892.author-email-url{
893        margin-left: -2%;
894}
895
896.comment-form-author,
897.comment-form-email,
898.comment-form-url{
899        float: left;
900        margin-left: 2%;
901        width: 31.33333%;
902}
903
904.author-email-url input{
905        width: 100%;
906}
907
908.comment-form .form-submit{
909        margin-bottom: 0
910}
911
912#comments{
913
914}
915
916h3#reply-title,
917h3.comments-title{
918        position: relative;
919        padding-bottom: 15px;
920    margin-bottom: 30px;
921}
922
923h3#reply-title:after,
924h3.comments-title:after{
925    content: "";
926    position: absolute;
927    left: 0;
928    top: 100%;
929    width: 30px;
930    background: #FFC107;
931    height: 2px;
932}
933
934.logged-in-as,
935.comment-notes{
936        font-size: 0.9em;
937}
938
939#comments ul{
940        list-style: none;
941        margin: 0;
942        padding: 0;
943}
944
945#comments li.comment{
946        margin: 0 0 20px;
947}
948
949#comments li.comment .children{
950        display: block;
951    margin: 20px 0 0 30px;
952    padding: 0px;
953    list-style: none;
954}
955
956article.comment-body {
957    background: #fff;
958    margin: 0px;
959    position: relative;
960}
961
962.comment-list a{
963        color: #404040;
964}
965
966.comment-list a:hover{
967        color: #FFC107 !important;
968}
969
970.comment-list .comment-respond{
971        margin-top: 20px;
972        background: #FFF;
973        padding: 20px;
974}
975
976.comment-list .vcard img {
977        border-radius: 50%;
978        margin-right: 10px;
979}
980
981.comment-list .vcard .fn{
982        font-weight: normal;
983        font-size: 16px;
984}
985
986.comment-list .edit-link{
987        position: absolute;
988        right: 0;
989        top: 0;
990}
991
992.comment-list .edit-link a{
993        font-size: 14px;
994        display: inline-block;
995        padding: 10px;
996}
997
998.comment-list .comment-meta {
999        margin-bottom: 15px;
1000} 
1001
1002.comment-list .comment-metadata {
1003        border-top: 1px solid #EEE;
1004        padding-top: 10px;
1005        font-size: 14px;
1006}
1007
1008.comment-list .comment-metadata a {
1009        float: left;
1010}
1011
1012.comment-list .comment-metadata .reply {
1013        float: right;
1014}
1015
1016#cancel-comment-reply-link {
1017        float: right;
1018}
1019
1020.nav-previous a,
1021.nav-next a{
1022        background: #FFC107;
1023        color: #FFF;
1024        display: inline-block;
1025        padding: 0 10px;
1026        font-size: 12px;
1027        line-height: 22px;
1028        position: relative;
1029}
1030
1031.nav-next a{
1032        margin-right: 13px;
1033}
1034
1035.nav-next a:after{
1036        content: "";
1037        position: absolute;
1038        border-left: 11px solid #FFC107;
1039        border-top: 11px solid transparent;
1040        border-bottom: 11px solid transparent;
1041        top: 0;
1042        right: -11px;
1043}
1044
1045.nav-previous a{
1046        margin-left: 11px;
1047}
1048
1049.nav-previous a:after{
1050        content: "";
1051        position: absolute;
1052        border-right: 11px solid #FFC107;
1053        border-top: 11px solid transparent;
1054        border-bottom: 11px solid transparent;
1055        top: 0;
1056        left: -11px;
1057}
1058
1059.no-comments{
1060        color: #FFC107;
1061}
1062
1063.pagination{
1064    text-align: center;
1065}
1066
1067.pagination .page-numbers{
1068    display: inline-block;
1069    margin: 0 2px;
1070    background: #FFC107;
1071    color: #FFF;
1072    padding: 8px 12px;
1073    line-height: 1;
1074    border-radius: 2px;
1075}
1076
1077.pagination .page-numbers.current,
1078.pagination .page-numbers:hover{
1079    background: #333;
1080    color: #FFF;
1081}
1082
1083/*--------------------------------------------------------------
1084# Media
1085--------------------------------------------------------------*/
1086.page-content .wp-smiley,
1087.entry-content .wp-smiley,
1088.comment-content .wp-smiley {
1089        border: none;
1090        margin-bottom: 0;
1091        margin-top: 0;
1092        padding: 0;
1093}
1094
1095/* Make sure embeds and iframes fit their containers. */
1096embed,
1097iframe,
1098object {
1099        max-width: 100%;
1100}
1101
1102/*--------------------------------------------------------------
1103## Captions
1104--------------------------------------------------------------*/
1105.wp-caption {
1106        margin-bottom: 15px;
1107        max-width: 100%;
1108}
1109
1110.wp-caption img[class*="wp-image-"] {
1111        display: block;
1112        margin: 0 auto;
1113}
1114
1115.wp-caption-text {
1116        text-align: center;
1117}
1118
1119.wp-caption .wp-caption-text {
1120        margin: 0.8075em 0;
1121}
1122
1123/*--------------------------------------------------------------
1124## Galleries
1125--------------------------------------------------------------*/
1126.gallery {
1127        margin-bottom: 15px;
1128}
1129
1130.gallery-item {
1131        display: inline-block;
1132        text-align: center;
1133        vertical-align: top;
1134        width: 100%;
1135}
1136
1137.gallery-columns-2 .gallery-item {
1138        max-width: 50%;
1139}
1140
1141.gallery-columns-3 .gallery-item {
1142        max-width: 33.33%;
1143}
1144
1145.gallery-columns-4 .gallery-item {
1146        max-width: 25%;
1147}
1148
1149.gallery-columns-5 .gallery-item {
1150        max-width: 20%;
1151}
1152
1153.gallery-columns-6 .gallery-item {
1154        max-width: 16.66%;
1155}
1156
1157.gallery-columns-7 .gallery-item {
1158        max-width: 14.28%;
1159}
1160
1161.gallery-columns-8 .gallery-item {
1162        max-width: 12.5%;
1163}
1164
1165.gallery-columns-9 .gallery-item {
1166        max-width: 11.11%;
1167}
1168
1169.gallery-caption {
1170        display: block;
1171}
1172
1173/*--------------------------------------------------------------
1174## General
1175--------------------------------------------------------------*/
1176.ht-container{
1177        width: 1170px;
1178        margin: 0 auto;
1179}
1180
1181/*--------------------------------------------------------------
1182## Header
1183--------------------------------------------------------------*/
1184#ht-masthead{
1185        border-top: 4px solid #FFC107;
1186        background: #FFF; 
1187        height: 94px;
1188    border-bottom: 1px solid #F1F1F1;
1189    z-index: 99;
1190    transition: height 0.3s ease;
1191    -moz-transition: height 0.3s ease;
1192    -webkit-transition: height 0.3s ease;
1193}
1194
1195.ht-sticky-header #ht-masthead{
1196        position: fixed;
1197        left: 0;
1198        right: 0;
1199}
1200
1201.ht-sticky#ht-masthead{
1202        height: 74px;
1203}
1204
1205.ht-sticky-header #ht-content{
1206        position: relative;
1207        z-index: 9;
1208        padding-top: 94px;
1209}
1210
1211#ht-site-branding{
1212        float: left;
1213        width: 30%;
1214        padding: 15px 0;
1215        transition: padding 0.3s ease;
1216        -moz-transition: padding 0.3s ease;
1217        -webkit-transition: padding 0.3s ease;
1218}
1219
1220.ht-sticky #ht-site-branding{
1221        padding: 5px 0;
1222}
1223
1224#ht-site-branding img{
1225        max-height: 60px;
1226        width: auto;
1227}
1228
1229.ht-main-header{
1230        background: #f9f9f9;
1231        padding: 45px 0;
1232        margin-bottom: 25px;
1233}
1234
1235.ht-main-title{
1236        margin: 0 0 15px;
1237        letter-spacing: 1px;
1238        font-weight: 400;
1239        text-transform: uppercase;
1240}
1241
1242.ht-main-title:last-child{
1243        margin-bottom: 0;
1244}
1245
1246.ht-site-title{
1247        font-family: 'Oswald', sans-serif;
1248        font-weight: 400;
1249        margin: 0 0 8px;
1250        letter-spacing: 1px;
1251        text-transform: uppercase;
1252    font-size: 32px;
1253    line-height: 1;
1254}
1255
1256.ht-site-title a{
1257        text-decoration: none;
1258        color: #FFC107;
1259}
1260
1261.ht-site-description{
1262        color: #EEE;
1263        margin: 0;
1264        font-size: 15px;
1265        font-style: italic;
1266        line-height: 1;
1267}
1268
1269.ht-site-description a{
1270        color: #333;
1271}
1272
1273#total-breadcrumbs,
1274.woocommerce .woocommerce-breadcrumb{
1275        font-size: 15px;
1276        margin: 0;
1277        color: inherit;
1278}
1279
1280.woocommerce .woocommerce-breadcrumb a,
1281#total-breadcrumbs a{
1282        color: #000;
1283}
1284
1285.woocommerce .woocommerce-breadcrumb a:hover,
1286#total-breadcrumbs a:hover{
1287        color: #FFC107;
1288}
1289
1290.taxonomy-description,
1291.term-description{
1292        margin-bottom: 15px;
1293}
1294
1295.taxonomy-description p:last-child,
1296.term-description p:last-child{
1297        margin-bottom: 0;
1298}
1299
1300/*--------------------------------------------------------------
1301## General
1302--------------------------------------------------------------*/
1303.ht-section{
1304        padding: 60px 0;
1305    background: #FFF;
1306}
1307
1308.ht-section-title-tagline{
1309        margin-bottom: 60px;
1310        text-align: center;
1311}
1312
1313.ht-section-title{
1314        font-weight: 400;
1315    letter-spacing: 1px;
1316    text-transform: uppercase;
1317    font-size: 36px;
1318    width: 60%;
1319    margin: 0 auto 15px;
1320}
1321
1322.ht-section-title:last-child{
1323        margin-bottom: 0;
1324}
1325
1326.ht-section-tagline{
1327        font-size: 20px;
1328        width: 70%;
1329        margin: 0 auto;
1330}
1331
1332/*--------------------------------------------------------------
1333## Menus
1334--------------------------------------------------------------*/
1335#ht-site-navigation{
1336        float: right;
1337        width: 70%;
1338        padding: 27px 0;
1339        transition: padding 0.3s ease;
1340        -moz-transition: padding 0.3s ease;
1341        -webkit-transition: padding 0.3s ease;
1342}
1343
1344.ht-sticky #ht-site-navigation{
1345        padding: 17px 0;
1346}
1347
1348.ht-main-navigation .ht-menu{
1349        float: right;
1350}
1351
1352.ht-main-navigation ul {
1353        list-style: none;
1354        margin: 0;
1355        padding-left: 0;
1356}
1357
1358.ht-main-navigation li {
1359        float: left;
1360        position: relative;
1361        margin-left: 10px;
1362}
1363
1364.ht-main-navigation a {
1365        display: block;
1366        text-decoration: none;
1367        color: #444;
1368        text-transform: uppercase;
1369        font-size: 14px;
1370        font-family: 'Oswald', sans-serif;
1371        line-height: 36px;
1372        padding: 0 15px;
1373        font-weight: 400;
1374    transition: none;
1375    -moz-transition: none;
1376    -webkit-transition: none;
1377}
1378
1379.ht-main-navigation ul ul {
1380        display: none;
1381        position: absolute;
1382        left: 0;
1383        top: 100% ;
1384        background: #FFF;
1385        min-width: 200px;
1386        z-index: 999;
1387        padding: 8px;
1388        margin-top: 27px;
1389        border-top: 2px solid #FFC107;
1390        box-shadow: 2px 2px 8px rgba(0,0,0,0.05)
1391}
1392
1393.ht-sticky .ht-main-navigation ul ul{
1394        margin-top: 17px;
1395}
1396
1397.ht-main-navigation .ht-menu > ul > li:last-child > ul{
1398        left: auto;
1399        right: 0;
1400}
1401
1402.ht-main-navigation ul ul ul {
1403        left: 100%;
1404        top: 0;
1405        margin: 0 0 0 8px;
1406        border-top: 0;
1407}
1408
1409.ht-sticky .ht-main-navigation ul ul ul{
1410        margin-top: 0
1411}
1412
1413.ht-main-navigation ul ul a {
1414        text-transform: none;
1415        font-weight: 400;
1416        color: #444;
1417        line-height: 1.5;
1418        padding: 10px 15px;
1419        font-size: 14px;
1420}
1421
1422.ht-main-navigation ul ul li {
1423        float: none;
1424        margin: 0 0 5px;
1425}
1426
1427.ht-main-navigation ul ul li:last-child{
1428        margin-bottom: 0;
1429}
1430
1431.ht-main-navigation ul li:hover > ul {
1432        display: block;
1433}
1434
1435.page-template-home-template .ht-main-navigation .current_page_item > a,
1436.page-template-home-template .ht-main-navigation .current-menu-item > a,
1437.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
1438.home.blog .ht-main-navigation .current_page_item > a,
1439.home.blog .ht-main-navigation .current-menu-item > a,
1440.home.blog .ht-main-navigation .current_page_ancestor > a{
1441        background: none;
1442        color: inherit;
1443}
1444
1445.ht-main-navigation li:hover > a,
1446.page-template-home-template .ht-main-navigation li:hover > a,
1447.home.blog .ht-main-navigation li:hover > a,
1448.ht-main-navigation .current_page_item > a,
1449.ht-main-navigation .current-menu-item > a,
1450.ht-main-navigation .current_page_ancestor > a,
1451.page-template-home-template .ht-main-navigation .current > a,
1452.home.blog .ht-main-navigation .current > a {
1453        color: #FFF;
1454        background: #FFC107;
1455}
1456
1457.site-main .comment-navigation,
1458.site-main .posts-navigation,
1459.site-main .post-navigation {
1460        margin: 0 0 15px;
1461        overflow: hidden;
1462}
1463
1464.comment-navigation .nav-previous,
1465.posts-navigation .nav-previous,
1466.post-navigation .nav-previous {
1467        float: left;
1468        width: 50%;
1469}
1470
1471.comment-navigation .nav-next,
1472.posts-navigation .nav-next,
1473.post-navigation .nav-next {
1474        float: right;
1475        text-align: right;
1476        width: 50%;
1477}
1478
1479/*--------------------------------------------------------------
1480## Home Slider
1481--------------------------------------------------------------*/
1482.ht-slide{
1483        position: relative;
1484}
1485
1486.ht-slide img{
1487        width: 100%;
1488}
1489
1490.ht-slide-overlay{
1491        position: absolute;
1492        left: 0;
1493        right: 0;
1494        top: 0;
1495        bottom: 0;
1496        background: rgba(0,0,0,0.2);
1497}
1498
1499.ht-slide-caption{
1500        position: absolute;
1501        top: 50%;
1502        left: 50%;
1503        width: 1170px;
1504        margin-left: -585px;
1505        -ms-transform: translateY(-50%); 
1506        -webkit-transform: translateY(-50%); 
1507    transform: translateY(-50%);
1508}
1509
1510.ht-slide-cap-title{
1511        text-align: center;
1512        font-size: 38px;
1513        color: #FFF;
1514        font-weight: 400;
1515        margin-bottom: 25px;
1516        padding: 0 10%;
1517        line-height: 1.2;
1518        font-family: 'Oswald', sans-serif;
1519        letter-spacing: 2px;
1520        text-transform: uppercase;
1521        -webkit-animation-duration: 0.5s;
1522        animation-duration: 0.5s;
1523        text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
1524}
1525
1526.ht-slide-cap-title span{
1527        display: inline-block;
1528        padding: 8px 15px;
1529        background: #FFC107;
1530}
1531
1532.ht-slide-cap-desc{
1533        text-align: center;
1534        font-size: 25px;
1535        line-height: 1.4;
1536        color: #FFF;
1537        padding: 0 20%;
1538        -webkit-animation-duration: 0.5s;
1539        animation-duration: 0.5s;
1540        -webkit-animation-delay: 1s;
1541        animation-delay: 1s;
1542        text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
1543}
1544
1545#ht-home-slider-section .bx-wrapper .bx-controls-direction a{
1546        height: 70px;
1547    width: 50px;
1548        margin-top: -35px;
1549        opacity: 0.6;
1550}
1551
1552#ht-home-slider-section .bx-wrapper .bx-controls-direction a:hover{
1553        opacity: 1;
1554}
1555
1556#ht-home-slider-section .bx-wrapper .bx-prev{
1557        background: url(images/prev.png) no-repeat center rgba(0,0,0,0.3);
1558        left: 0;
1559}
1560
1561#ht-home-slider-section .bx-wrapper .bx-next{
1562        background: url(images/next.png) no-repeat center rgba(0,0,0,0.3);
1563        right: 0;
1564}
1565/*--------------------------------------------------------------
1566## About Section
1567--------------------------------------------------------------*/
1568#ht-about-us-section{
1569        background: #FFF;
1570}
1571
1572#ht-about-us-section .ht-container{
1573        display: -webkit-flex;
1574        display: -ms-flexbox;
1575        display: flex;
1576        overflow: hidden;
1577}
1578
1579.ht-about-sec{
1580        width: 54%;
1581        padding-right: 30px;
1582}
1583
1584.ht-about-sec h2{
1585        text-align: left;
1586    width: auto;
1587}
1588
1589.ht-progress{
1590        margin-bottom: 20px;
1591}
1592
1593.ht-progress:last-child{
1594        margin-bottom: 0;
1595}
1596
1597.ht-progress h6{
1598        font-weight: 300;
1599        margin-bottom: 5px;
1600}
1601
1602.ht-progress-bar-sec{
1603        margin-top: 30px;
1604}
1605
1606.ht-progress-bar{
1607        height: 8px;
1608        width: 100%;
1609        position: relative;
1610        line-height: 20px;
1611        font-size: 13px;
1612        background: #f6f6f6
1613}
1614
1615.ht-progress-bar-length{
1616        background: #FFC107;
1617        height: 100%;
1618        text-align: right;
1619        padding-right: 20px;
1620}
1621
1622.ht-progress-bar-length span{
1623        position: absolute;
1624        right: 0;
1625        bottom: 100%; 
1626}
1627
1628.ht-about-image{
1629        width: 45%;
1630        padding-left: 30px;
1631}
1632
1633/*--------------------------------------------------------------
1634## Featured Section
1635--------------------------------------------------------------*/
1636#ht-featured-post-section{
1637        background: #FFC107;
1638        color: #FFF;
1639        padding-bottom: 80px;
1640}
1641
1642.ht-featured-post-wrap{
1643        margin-left: -3%;
1644}
1645
1646.ht-featured-post{
1647        float: left;
1648        margin-left: 3%;
1649        width: 30.33%;
1650        text-align: center;
1651        border:2px solid #FFF;
1652        padding: 30px;
1653}
1654
1655.ht-featured-post h5{
1656        text-transform: uppercase;
1657        margin-bottom: 25px;
1658}
1659
1660.ht-featured-icon{
1661    display: inline-block;
1662    color: #FFF;
1663    font-size: 46px;
1664    line-height: 80px;
1665    width: 180px;
1666    background: #FFC107;
1667    -ms-transform: translateY(-35px); 
1668    -webkit-transform: translateY(-35px); 
1669    transform: translateY(-35px); 
1670}
1671
1672.ht-featured-icon .fa{
1673        vertical-align: bottom;
1674}
1675
1676.ht-featured-link{
1677        -ms-transform: translateY(52px);
1678        -webkit-transform: translateY(52px);
1679        transform: translateY(52px); 
1680}
1681
1682.ht-featured-link a{
1683        padding: 0 15px;
1684        display: inline-block;
1685        line-height: 40px;
1686    background: #FFF;
1687        color: #FFC107;
1688    border-right: 10px solid #FFC107;
1689    border-left: 10px solid #FFC107;
1690}
1691
1692.ht-featured-link a:hover{
1693        background: #333;
1694        color: #FFF;
1695}
1696
1697/*--------------------------------------------------------------
1698## Portfolio Section
1699--------------------------------------------------------------*/
1700.ht-portfolio-cat-name-list{
1701        text-align: center;
1702        margin-bottom: 30px;
1703        text-align: right;
1704}
1705
1706.ht-portfolio-cat-name-list .fa{
1707        vertical-align: middle;
1708        color: #FFC107; 
1709}
1710
1711.ht-portfolio-cat-name{
1712        cursor: pointer;
1713        display: inline-block;
1714        padding-left: 10px;
1715        margin-left: 10px;
1716        border-left: 1px solid #BBB;
1717        line-height: 1;
1718        transition:all 0.3s ease-in-out;
1719        -moz-transition:all 0.3s ease-in-out;
1720        -webkit-transition:all 0.3s ease-in-out;
1721}
1722
1723.ht-portfolio-cat-name:nth-child(2){
1724        border-left: 0;
1725        margin-left: 0;
1726}
1727
1728.ht-portfolio-cat-name:hover, 
1729.ht-portfolio-cat-name.active{
1730        color: #FFC107;
1731}
1732
1733.ht-portfolio-post-wrap{
1734        margin: 0 -7.5px;
1735}
1736
1737.ht-portfolio{
1738        width: 33.33%;
1739        float: left;
1740        padding: 7.5px;
1741}
1742
1743.ht-portfolio-outer-wrap{
1744        position: relative;
1745}
1746
1747.ht-portfolio-wrap{
1748        background-size: cover;
1749        background-position: center;
1750        background-repeat: no-repeat;
1751        overflow: hidden;
1752        background-color: #f9f9f9;
1753}
1754
1755.ht-portfolio-wrap img{
1756        position: relative;
1757        top: 50%;
1758        transform: translateY(-50%);
1759        -moz-transform: translateY(-50%);
1760        -webkit-transform: translateY(-50%);
1761}
1762
1763.ht-portfolio-caption{
1764        position: absolute;
1765        left: 10px;
1766        right: 10px;
1767        bottom: 10px;
1768        top: 10px;
1769        padding: 30px;
1770        opacity: 0;
1771        background: rgba(255, 193, 7, 0.9);
1772        transition:all 0.5s ease-in-out;
1773        -moz-transition:all 0.5s ease-in-out;
1774        -webkit-transition:all 0.5s ease-in-out;
1775        overflow: hidden;
1776}
1777
1778.ht-portfolio-wrap:hover .ht-portfolio-caption{
1779        opacity: 1;
1780}
1781
1782.ht-portfolio-caption h5{
1783        color: #FFF;
1784        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
1785        position: absolute;
1786        top: 20px;
1787        left: 20px;
1788        right: 20px;
1789        -ms-transform: translate(300px, 0); 
1790        -webkit-transform: translate(300px, 0); 
1791    transform: translate(300px, 0);
1792        transition:all 0.3s ease-in-out;
1793        -moz-transition:all 0.3s ease-in-out;
1794        -webkit-transition:all 0.3s ease-in-out;
1795}
1796
1797.ht-portfolio-wrap:hover .ht-portfolio-caption h5{
1798        -ms-transform: translate(0, 0); 
1799        -webkit-transform: translate(0, 0); 
1800    transform: translate(0, 0);
1801}
1802
1803.ht-portfolio-caption a{
1804        height: 36px;
1805        width: 36px;
1806        position: absolute;
1807        right: 20px;
1808        bottom: 20px;
1809        text-align: center;
1810        display: block;
1811        line-height: 36px;
1812        color: #FFC107;
1813        font-size: 14px;
1814        background: #FFF;
1815        margin: 10px 5px;
1816        transition:all 0.3s ease;
1817        -moz-transition:all 0.3s ease;
1818        -webkit-transition:all 0.3s ease;
1819}
1820
1821.ht-portfolio-caption a.ht-portfolio-image{
1822        -ms-transform: translate(-300px, 0); 
1823        -webkit-transform: translate(-300px, 0); 
1824    transform: translate(-300px, 0);
1825    right: 66px;
1826}
1827
1828.ht-portfolio-caption a.ht-portfolio-link{
1829        -ms-transform: translate(-300px, 0); 
1830        -webkit-transform: translate(-300px, 0); 
1831    transform: translate(-300px, 0);
1832}
1833
1834.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
1835.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{
1836        -ms-transform: translate(0, 0); 
1837        -webkit-transform: translate(0, 0);
1838    transform: translate(0, 0);
1839}
1840
1841
1842/*--------------------------------------------------------------
1843## Service Section
1844--------------------------------------------------------------*/
1845#ht-service-post-section{
1846        position: relative;
1847        padding: 40px 0;
1848        background: #F5F5F5;
1849}
1850
1851.ht-service-left-bg{
1852        position: absolute;
1853        top: 0;
1854        bottom: 0;
1855        margin-left: 50%;
1856        background-position: center;
1857        background-size: cover;
1858        background-repeat: no-repeat;
1859        min-height: 200px;
1860        width: 50%;
1861}
1862
1863.ht-service-posts{
1864        float: left;
1865        width: 50%;
1866        padding-right: 40px;
1867}
1868
1869.ht-service-post-wrap{
1870        position: relative;
1871}
1872
1873.ht-service-post-wrap:after{
1874        content: "";
1875        position: absolute;
1876        left: 24px;
1877        top: 0;
1878        bottom: 0;
1879        width: 2px;
1880        background: #FFC107;
1881}
1882
1883.ht-service-posts .ht-section-title-tagline{
1884        text-align: left;
1885        margin-bottom: 21px;
1886}
1887
1888.ht-service-posts .ht-section-title{
1889    width: auto;
1890}
1891
1892.ht-service-posts .ht-section-tagline{
1893        width: auto;
1894}
1895
1896.ht-service-post{
1897        margin-bottom: 25px;
1898        position: relative;
1899        z-index: 99;
1900}
1901
1902.ht-service-post:last-child{
1903        margin-bottom: 0
1904}
1905
1906.ht-service-icon{
1907        float: left;
1908        font-size: 18px;
1909        background: #FFC107;
1910        width: 50px;
1911        text-align: center;
1912        color: #FFF;
1913        line-height: 50px;
1914        cursor: pointer;
1915        border-radius: 50%;
1916        transition:all 0.3s ease;
1917        -moz-transition:all 0.3s ease;
1918        -webkit-transition:all 0.3s ease;
1919}
1920
1921.ht-active .ht-service-icon{
1922    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #FFC107;
1923}
1924
1925.ht-service-excerpt{
1926        padding-left: 65px;
1927}
1928
1929.ht-service-text{
1930        display: none;
1931}
1932
1933.ht-service-excerpt h5{
1934        margin: 15px 0 6px;
1935        cursor: pointer;
1936}
1937
1938/*--------------------------------------------------------------
1939## Team Section
1940--------------------------------------------------------------*/
1941.ht-team-member-wrap{
1942        margin-left: -2%;
1943}
1944
1945.ht-team-member{
1946        width: 23%;
1947        margin-left: 2%;
1948        float: left;
1949        text-align: center;
1950}
1951
1952.ht-team-member img{
1953        width: 100%;
1954}
1955
1956.ht-team-member-image{
1957        position: relative;
1958        overflow: hidden;
1959}
1960
1961.ht-team-social-id{
1962        padding: 10px;
1963
1964}
1965
1966.ht-team-social-id a{
1967        display: inline-block;
1968        color: #FFF;
1969        margin: 0 5px;
1970        font-size: 16px;
1971        line-height: 32px;
1972        background: #FFC107;
1973        color: #FFF;
1974        height: 32px;
1975        width: 32px;
1976        border-radius: 50%;
1977}
1978
1979.ht-team-social-id a:hover{
1980        background: #333;
1981        color: #FFF;
1982}
1983
1984.ht-team-member-excerpt{
1985        background: rgba(255, 193, 7, 0.9);
1986        padding: 20px;
1987        color: #FFF !important;
1988        display: block;
1989        position: absolute;
1990        left: 10px;
1991        right: 10px;
1992        bottom: 10px;
1993        top: 10px;
1994    opacity: 0;
1995        -ms-transform: scale(0.5); 
1996        -webkit-transform: scale(0.5); 
1997    transform: scale(0.5);
1998    transition:all 0.3s ease;
1999        -moz-transition:all 0.3s ease;
2000        -webkit-transition:all 0.3s ease;
2001}
2002
2003.ht-team-member:hover .ht-team-member-excerpt{
2004    opacity: 1;
2005        -ms-transform: scale(1); 
2006        -webkit-transform: scale(1); 
2007    transform: scale(1);
2008}
2009
2010.ht-team-member-excerpt-wrap{
2011        display: table;
2012        width: 100%;
2013        height: 100%;
2014}
2015
2016.ht-team-member-excerpt-wrap .ht-team-member-span{
2017        display: table-cell;
2018        vertical-align: middle;
2019}
2020
2021.ht-title-wrap{
2022        background: rgba(255, 193, 7, 0.9);
2023        color: #FFF;
2024        padding: 10px;
2025        position: absolute;
2026        left: 10px;
2027        bottom: 10px;
2028        right: 10px;
2029    -moz-transition:all 0.3s ease;
2030        -webkit-transition:all 0.3s ease;
2031    -webkit-transition:all 0.3s ease;
2032    opacity: 1;
2033}
2034
2035.ht-team-member:hover .ht-title-wrap{
2036    opacity: 0;
2037}
2038
2039.ht-team-member h6{
2040        text-transform: uppercase;
2041        font-weight: 400;
2042        position: relative;
2043        padding-bottom: 10px;
2044}
2045
2046.ht-team-member .ht-title-wrap h6{
2047    padding: 0;
2048    margin: 0;
2049}
2050
2051.ht-team-member h6 a{
2052        text-decoration: none;
2053        color: inherit;
2054}
2055
2056.ht-team-member .ht-team-member-excerpt h6:after{
2057        content: "";
2058        position: absolute;
2059        width: 50px;
2060        left: 50%;
2061        margin-left: -25px;
2062        height: 2px;
2063        background: #FFF;
2064        bottom: -2px;
2065}
2066
2067.ht-team-member .ht-team-designation{
2068        font-size: 0.9em;
2069    margin-bottom: 15px;
2070}
2071
2072.ht-team-detail{
2073        background: #FFF;
2074        display: inline-block;
2075        position: absolute;
2076        right: 10px;
2077        bottom: 10px;
2078        color: #FFC107;
2079        padding: 0 10px;
2080        text-decoration: none;
2081        line-height: 30px;
2082        font-size: 0.9em;
2083}
2084
2085.ht-team-detail:hover{
2086    background: #333;
2087    color: #FFF;   
2088}
2089
2090/*--------------------------------------------------------------
2091## Counter Section
2092--------------------------------------------------------------*/
2093#ht-counter-section{
2094        background-position: center;
2095        background-repeat: no-repeat;
2096        background-size: cover;
2097        position: relative;
2098        color: #FFF;
2099    background-attachment: fixed;
2100    position: relative;
2101    background-position: 50% 0;
2102}
2103
2104#ht-counter-section .ht-section{
2105    background: none;
2106}
2107
2108#ht-counter-section .ht-counter-overlay{
2109        position: absolute;
2110        left: 0;
2111        top: 0;
2112        right: 0;
2113        bottom: 0;
2114        background: rgba(0,0,0,0.3);
2115}
2116
2117#ht-counter-section .ht-container{
2118        position: relative;
2119}
2120
2121.ht-team-counter-wrap{
2122        margin-left: -5%;
2123}
2124
2125.ht-counter{
2126        float: left;
2127        width: 20%;
2128        margin-left: 5%;
2129        text-align: center;
2130        border: 2px solid #FFC107;
2131        border-top: 0;
2132        padding: 0 20px 20px;
2133        position: relative;
2134}
2135
2136.ht-counter:after{
2137        content: "";
2138        position: absolute;
2139        width: 30%;
2140        left: 0;
2141        top: 0;
2142        height: 2px;
2143        background: #FFC107;
2144}
2145
2146.ht-counter:before{
2147        content: "";
2148        position: absolute;
2149        width: 30%;
2150        right: 0;
2151        top: 0;
2152        height: 2px;
2153        background: #FFC107;
2154}
2155
2156.ht-counter-count{
2157        font-size: 48px;
2158        line-height: 1;
2159        margin-bottom: 25px;
2160        letter-spacing: 3px;
2161        font-family: 'Oswald', sans-serif;
2162        font-weight: 400;
2163}
2164
2165.ht-counter-icon{
2166        display: inline-block;
2167    font-size: 36px;
2168    color: #FFC107;
2169    position: relative;
2170    -ms-transform: translate(0, -17px);
2171    -webkit-transform: translate(0, -17px);
2172    transform: translate(0, -17px);
2173    line-height: 36px;
2174}
2175
2176.ht-counter-title{
2177        letter-spacing: 1px;
2178        text-transform: uppercase;
2179        margin-top: 15px;
2180        font-weight: 400;
2181        margin: 0;
2182}
2183
2184/*--------------------------------------------------------------
2185## Logo Section
2186--------------------------------------------------------------*/
2187.ht_client_logo_slider img{
2188        padding: 0 26px;
2189}
2190
2191/*--------------------------------------------------------------
2192## Testimonial Section
2193--------------------------------------------------------------*/
2194#ht-testimonial-section{
2195        padding: 60px 0 80px;
2196}
2197
2198.ht-testimonial-wrap .bx-wrapper img{
2199        height: 100px;
2200        width: 100px;
2201        margin: 0 auto 20px;
2202        border-radius: 50%;
2203        border: 1px solid #FFC107;
2204        padding: 5px;
2205        transition:all 0.3s ease-in-out;
2206        -moz-transition:all 0.3s ease-in-out;
2207        -webkit-transition:all 0.3s ease-in-out;
2208}
2209
2210.ht-testimonial-excerpt{
2211        width: 80%;
2212        margin: 0 auto 30px;
2213        text-align: center;
2214    position: relative;
2215}
2216
2217.ht-testimonial-excerpt .fa-quote-left{
2218        position: absolute;
2219    top: 0;
2220    left: -65px;
2221    font-size: 60px;
2222    color: #EEE;
2223    z-index: -1;
2224}
2225
2226.ht-testimonial h6{
2227        text-align: center;
2228        margin: 0;
2229}
2230
2231.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
2232        text-indent: 0;
2233        background: #FFC107;
2234        height: 50px;
2235        width: 30px;
2236        color: #FFF;
2237        text-align: center;
2238        line-height: 50px;
2239        opacity: 0;
2240        transition: all 0.3s ease;
2241        -moz-transition: all 0.3s ease;
2242        -webkit-transition: all 0.3s ease;
2243}
2244
2245.ht-testimonial-wrap .bx-wrapper:hover .bx-controls-direction a{
2246        opacity: 1;
2247}
2248
2249.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a:hover{
2250        background: #333;
2251}
2252
2253/*--------------------------------------------------------------
2254## Blog Section
2255--------------------------------------------------------------*/
2256#ht-blog-section{
2257        background: #f6f6f6;
2258        padding-bottom: 30px;
2259}
2260
2261.ht-blog-wrap{
2262        margin-left: -3%;
2263}
2264
2265.ht-blog-post{
2266        float: left;
2267        margin-left: 3%;
2268        width: 30.333%;
2269        background: #FFF;
2270        margin-bottom: 30px;
2271        border-bottom: 6px solid #FFC107;
2272}
2273
2274.ht-blog-post:nth-child(3n+1){
2275        clear: both;
2276}
2277
2278.ht-blog-thumbnail a{
2279    display: block;
2280    position: relative;
2281}
2282
2283.ht-blog-thumbnail a:after{
2284    content: "";
2285    position: absolute;
2286    left: 0;
2287    top: 0;
2288    bottom: 0;
2289    width: 0;
2290    background: rgba(255, 255, 255, 0.2);
2291    transition: all 0.2s ease;
2292    -moz-transition: all 0.2s ease;
2293    -webkit-transition: all 0.2s ease;
2294}
2295
2296.ht-blog-thumbnail:hover a:after{
2297    width: 100%;
2298}
2299
2300.ht-blog-excerpt{
2301        padding: 20px;
2302}
2303
2304.ht-blog-excerpt h5{
2305        font-weight: 400;
2306        margin-bottom: 15px
2307}
2308
2309.ht-blog-excerpt h5 a{
2310        color: #444;
2311}
2312
2313.ht-blog-date{
2314        font-size: 14px;
2315        color: #999;
2316        margin-bottom: 10px;
2317}
2318
2319.ht-blog-date .fa{
2320        margin-right: 10px;
2321}
2322
2323.ht-blog-read-more{
2324        padding: 0 20px 20px;
2325        text-align: right;
2326}
2327
2328.ht-blog-read-more a{
2329        display: inline-block;
2330        background: #FFC107;
2331        color: #FFF;
2332        padding: 0 15px;
2333        line-height: 38px;
2334        text-align: center;
2335        font-size: 16px;
2336        border-radius: 1px;
2337}
2338
2339.ht-blog-read-more a:hover{
2340        background: #333;
2341        color: #FFF;
2342}
2343
2344/*--------------------------------------------------------------
2345## Contact Section
2346--------------------------------------------------------------*/
2347#ht-cta-section{
2348        color: #FFF;
2349        background-position: center;
2350        background-repeat: no-repeat;
2351        background-size: cover; 
2352    background-attachment: fixed;
2353    position: relative;
2354    background-position: 50% 0; 
2355}
2356
2357#ht-cta-section .ht-section{
2358    padding: 80px 0;
2359    background: none;
2360}
2361
2362#ht-cta-section .ht-section-title-tagline{
2363        margin-bottom: 40px;
2364        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
2365}
2366
2367#ht-cta-section .ht-cta-overlay{
2368        position: absolute;
2369        left: 0;
2370        top: 0;
2371        right: 0;
2372        bottom: 0;
2373        background: rgba(0,0,0,0.4);
2374}
2375
2376#ht-cta-section .ht-container{
2377        position: relative;
2378}
2379
2380.ht-cta-buttons{
2381        text-align: center;
2382}
2383
2384.ht-cta-buttons a{
2385        display: inline-block;
2386        padding: 0 30px;
2387        line-height: 52px;
2388        color: #FFF;
2389        border-radius: 1px;
2390        margin: 0 4px;
2391        font-family: 'Oswald', sans-serif;
2392}
2393
2394.ht-cta-buttons a.ht-cta-button1{
2395        background: #FFC107;
2396}
2397
2398.ht-cta-buttons a.ht-cta-button2{
2399        background: #333;
2400}
2401
2402.ht-cta-buttons a.ht-cta-button1:hover{
2403        background: #333;
2404        color: #FFF;
2405}
2406
2407.ht-cta-buttons a.ht-cta-button2:hover{
2408        background: #FFC107;
2409        color: #FFF;
2410}
2411
2412/*--------------------------------------------------------------
2413## Footer
2414--------------------------------------------------------------*/
2415#ht-colophon{
2416        margin-top: 40px;
2417        background: url(images/footer-bg.jpg);
2418        border-top: 4px solid #FFC107;
2419        font-size: 16px;
2420}
2421
2422.page-template-home-template #ht-colophon,
2423.home.blog #ht-colophon{
2424        margin-top: 0
2425}
2426
2427#ht-colophon a{
2428        color: #BBB;
2429        text-decoration: none;
2430}
2431
2432#ht-colophon .widget-title{
2433        letter-spacing: 1px;
2434        text-transform: uppercase;
2435        color: #BBB;
2436    margin-bottom: 15px;
2437}
2438
2439#ht-top-footer{
2440        color: #BBB;
2441        padding: 50px 0;
2442}
2443
2444.ht-top-footer{
2445        margin-left: -3%;
2446}
2447
2448.ht-footer{
2449        float: left;
2450        width: 22%;
2451        margin-left: 3%;
2452}
2453
2454.ht-footer .widget{
2455    margin-bottom: 30px;
2456}
2457
2458.ht-footer .widget:last-child{
2459    margin-bottom: 0;
2460}
2461
2462.ht-footer ul{
2463        list-style: none;
2464        margin: 0;
2465        padding: 0;
2466}
2467
2468.ht-footer ul li{
2469        padding: 2px 0 2px 0;
2470}
2471
2472#ht-bottom-footer{
2473        background: rgba(0,0,0,0.3);
2474        padding: 30px 0;
2475        color: #AAA;
2476        line-height: 1.2;
2477        text-align: center;
2478}
2479
2480.ht-site-info a{
2481        border-bottom: 1px dotted #AAA;
2482}
2483
2484#ht-back-top{
2485        position: fixed;
2486        right: 10px;
2487        bottom: 10px;
2488        background: #111;
2489        height: 60px;
2490        width: 40px;
2491        text-align: center;
2492        color: #FFF;
2493        line-height: 60px;
2494        z-index: 99;
2495        cursor: pointer;
2496        transition: all 0.3s ease;
2497        -moz-transition: all 0.3s ease;
2498        -webkit-transition: all 0.3s ease;
2499}
2500
2501#ht-back-top:hover{
2502        background: #FFC107;
2503}
2504
2505#ht-back-top.ht-hide{
2506        bottom: -100px;
2507}
2508
2509/*--------------------------------------------------------------
2510## 404 Page
2511--------------------------------------------------------------*/
2512.error404 .error-404{
2513        display: block;
2514        text-align: center;
2515        font-size: 200px;
2516        color: #f9f9f9;
2517        line-height: 1.2;
2518}
2519
2520.error404 .oops-text{
2521        text-align: center;
2522}
2523
2524.toggle-bar{
2525        display: none;
2526}
2527
2528
2529/*--------------------------------------------------------------
2530## Odometer CSS
2531--------------------------------------------------------------*/
2532.odometer.odometer-auto-theme, 
2533.odometer.odometer-theme-default {
2534        display: block;
2535        vertical-align: middle;
2536        *vertical-align: auto;
2537        *zoom: 1;
2538        *display: inline;
2539        position: relative;
2540}
2541.odometer.odometer-auto-theme .odometer-digit, 
2542.odometer.odometer-theme-default .odometer-digit {
2543        display: inline-block;
2544        vertical-align: middle;
2545        *vertical-align: auto;
2546        *zoom: 1;
2547        *display: inline;
2548        position: relative;
2549}
2550.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
2551.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
2552        display: inline-block;
2553        vertical-align: middle;
2554        *vertical-align: auto;
2555        *zoom: 1;
2556        *display: inline;
2557        visibility: hidden;
2558}
2559.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
2560.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
2561        text-align: left;
2562        display: block;
2563        position: absolute;
2564        top: 0;
2565        left: 0;
2566        right: 0;
2567        bottom: 0;
2568        overflow: hidden;
2569}
2570.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
2571.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
2572        display: block;
2573}
2574.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
2575.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
2576        display: block;
2577        -webkit-backface-visibility: hidden;
2578}
2579.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
2580.odometer.odometer-theme-default .odometer-digit .odometer-value {
2581        display: block;
2582        -webkit-transform: translateZ(0);
2583}
2584.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
2585.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
2586        position: absolute;
2587}
2588.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
2589.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
2590        -webkit-transition: -webkit-transform 2s;
2591        -moz-transition: -moz-transform 2s;
2592        -ms-transition: -ms-transform 2s;
2593        -o-transition: -o-transform 2s;
2594        transition: transform 2s;
2595}
2596.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
2597.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
2598        -webkit-transform: translateY(-100%);
2599        -moz-transform: translateY(-100%);
2600        -ms-transform: translateY(-100%);
2601        -o-transform: translateY(-100%);
2602        transform: translateY(-100%);
2603}
2604.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
2605.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
2606        -webkit-transform: translateY(-100%);
2607        -moz-transform: translateY(-100%);
2608        -ms-transform: translateY(-100%);
2609        -o-transform: translateY(-100%);
2610        transform: translateY(-100%);
2611}
2612.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
2613.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
2614        -webkit-transition: -webkit-transform 2s;
2615        -moz-transition: -moz-transform 2s;
2616        -ms-transition: -ms-transform 2s;
2617        -o-transition: -o-transform 2s;
2618        transition: transform 2s;
2619        -webkit-transform: translateY(0);
2620        -ms-transform: translateY(0);
2621        -o-transform: translateY(0);
2622        transform: translateY(0);
2623}
2624
2625.odometer.odometer-auto-theme .odometer-value, 
2626.odometer.odometer-theme-default .odometer-value {
2627        text-align: center;
2628}
2629
2630/*--------------------------------------------------------------
2631## WooCommerce CSS
2632--------------------------------------------------------------*/
2633.woocommerce ul.products li.product, 
2634.woocommerce-page ul.products li.product{
2635        border: 1px solid #dadada;
2636        border-radius: 2px;
2637        text-align: center;
2638}
2639
2640.woocommerce ul.products li.product:hover, 
2641.woocommerce-page ul.products li.product:hover{
2642        border-color: #FFC107
2643}
2644
2645.woocommerce ul.products li.product a img{
2646        margin-bottom: 0;
2647}
2648
2649.woocommerce ul.products li.product .total-product-title-wrap{
2650        padding: 20px 10px 0;
2651}
2652
2653.woocommerce ul.products li.product a{
2654        color: inherit;
2655}
2656
2657.woocommerce ul.products li.product .woocommerce-loop-category__title, 
2658.woocommerce ul.products li.product .woocommerce-loop-product__title, 
2659.woocommerce ul.products li.product h3{
2660        font-family: 'Pontano Sans', sans-serif;
2661        margin: 0 0 6px;
2662        padding: 0;
2663}
2664
2665.woocommerce div.product div.images .flex-control-thumbs{
2666        margin: 5px -5px 0;
2667}
2668
2669.woocommerce div.product div.images .flex-control-thumbs li{
2670        padding: 5px;
2671}
2672
2673.woocommerce ul.products li.product .price{
2674        font-weight: 500;
2675        font-size: 20px;
2676        color: #FFC107;
2677        margin: 0;
2678}
2679
2680.woocommerce ul.products li.product .price del{
2681        display: inline;
2682        color: #999;
2683        opacity: 1;
2684}
2685.woocommerce ul.products li.product .price ins{
2686        display: inline;
2687        font-weight: 400;
2688}
2689
2690.woocommerce #respond input#submit, 
2691.woocommerce a.button, 
2692.woocommerce button.button, 
2693.woocommerce input.button {
2694    padding: 10px 20px;
2695    font-weight: 400;
2696    border-radius: 0;
2697    color: #FFF;
2698    background-color: #FFC107;
2699    border:1px solid #FFC107;
2700    height: 40px;
2701    margin-bottom: -20px;
2702    line-height: 20px;
2703    font-size: 0.9em;
2704}
2705
2706.woocommerce #respond input#submit:hover, 
2707.woocommerce a.button:hover, 
2708.woocommerce button.button:hover, 
2709.woocommerce input.button:hover{
2710        background: #333;
2711        border:1px solid #333;
2712        color: #FFF;
2713}
2714
2715.woocommerce ul.products li.product .button{
2716        margin: 0;
2717        transform: translateY(50%);
2718        -ms-transform: translateY(50%);
2719        -webkit-transform: translateY(50%);
2720        font-size: 16px;
2721    background-color: #FFF;
2722    border:1px solid #dadada;
2723    border-radius: 3px;
2724}
2725
2726.woocommerce ul.products li.product:hover .button{
2727        border-color: #FFC107;
2728        background-color: #FFC107;
2729        color: #FFF;
2730}
2731
2732.woocommerce ul.products li.product .button.loading{
2733        opacity: 1;
2734}
2735
2736.woocommerce a.added_to_cart{
2737        padding-top: 0;
2738        position: absolute;
2739        left: 0;
2740        right: 0;
2741        top: 100%;
2742        margin-top: 25px;
2743        font-size: 13px;
2744}
2745
2746.woocommerce #respond input#submit.alt, 
2747.woocommerce a.button.alt, 
2748.woocommerce button.button.alt, 
2749.woocommerce input.button.alt{
2750        border-color: #FFC107;
2751        background-color: #FFC107;
2752}
2753
2754.woocommerce #respond input#submit.alt:hover, 
2755.woocommerce a.button.alt:hover, 
2756.woocommerce button.button.alt:hover, 
2757.woocommerce input.button.alt:hover{
2758        background: #333;
2759        border-color: #333;
2760        color: #FFF;
2761}
2762
2763.woocommerce nav.woocommerce-pagination ul{
2764        border: 0;
2765        margin: 0;
2766}
2767
2768.woocommerce nav.woocommerce-pagination ul li{
2769        border: 0;
2770        margin: 0 4px;
2771}
2772
2773.woocommerce nav.woocommerce-pagination ul li a, 
2774.woocommerce nav.woocommerce-pagination ul li span{
2775        display: block;
2776    background: #FFC107;
2777    color: #FFF;
2778    padding: 8px 12px;
2779    line-height: 1;
2780    border-radius: 2px;
2781}
2782
2783.woocommerce nav.woocommerce-pagination ul li a:focus, 
2784.woocommerce nav.woocommerce-pagination ul li a:hover, 
2785.woocommerce nav.woocommerce-pagination ul li span.current{
2786        background: #333;
2787    color: #FFF;
2788}
2789
2790.woocommerce span.onsale{
2791    min-height: 0;
2792    min-width: 0;
2793    padding: 0 15px;
2794    font-weight: 400;
2795    line-height: 26px;
2796    border-radius: 0;
2797    background-color: #FFC107;
2798    color: #fff;
2799    font-size: 14px;
2800    margin: 10px 0 0 -6px;
2801    top: 0;
2802    left: 0;
2803}
2804
2805.woocommerce span.onsale:after{
2806        border-color: transparent #e8ae00 #e8ae00 transparent;
2807    border-width: 3px;
2808    border-style: solid;
2809    content: "";
2810    position: absolute;
2811    bottom: 100%;
2812    left: 0px;
2813}
2814
2815.woocommerce ul.products li.product .onsale{
2816        margin: 10px -6px 0 0;
2817}
2818
2819.woocommerce ul.products li.product .onsale:after{
2820    border-color: transparent transparent #e8ae00 #e8ae00;
2821    border-width: 3px;
2822    border-style: solid;
2823    right: 0px;
2824    left: auto;
2825}
2826
2827.woocommerce div.product p.price, 
2828.woocommerce div.product span.price{
2829        color: #FFC107
2830}
2831
2832.woocommerce div.product p.price ins, 
2833.woocommerce div.product span.price ins{
2834        font-weight: 400;
2835}
2836
2837.woocommerce .product_meta{
2838        font-size: 15px;
2839}
2840
2841.woocommerce .product_meta a{
2842        color: inherit;
2843}
2844
2845.woocommerce .product_meta a:hover{
2846        color: #FFC107;
2847}
2848
2849.woocommerce div.product .woocommerce-tabs ul.tabs{
2850        padding: 0;
2851        border-bottom: 2px solid #FFC107;
2852        padding-bottom: 10px;
2853}
2854
2855.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
2856.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
2857.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
2858.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
2859.woocommerce div.product .woocommerce-tabs ul.tabs:before{
2860        display: none !important;
2861}
2862
2863.woocommerce div.product .woocommerce-tabs ul.tabs li a {
2864    padding: 10px 0;
2865    font-weight: 400;
2866}
2867
2868.woocommerce div.product .woocommerce-tabs ul.tabs li {
2869    border: 0;
2870    background-color: #333;
2871    border-radius: 0;
2872    margin: 0 6px 0 0;
2873    padding: 0 20px;
2874}
2875
2876.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
2877        background: #FFC107;
2878}
2879
2880.woocommerce div.product .woocommerce-tabs ul.tabs li a{
2881        color: #FFF !important;
2882}
2883
2884.woocommerce #reviews #comments h2,
2885.woocommerce #reviews h3{
2886        font-size: 22px;
2887        margin-bottom: 30px;
2888}
2889
2890.woocommerce-Reviews .comment-form-author, 
2891.woocommerce-Reviews .comment-form-email{
2892        width: 100%;
2893}
2894
2895.woocommerce-Reviews .comment-form-author input,
2896.woocommerce-Reviews .comment-form-email input{
2897        width: 100%;
2898}
2899
2900.related.products h2{
2901        margin-bottom: 30px;
2902}
2903
2904.woocommerce #respond input#submit.disabled, 
2905.woocommerce #respond input#submit:disabled, 
2906.woocommerce #respond input#submit:disabled[disabled], 
2907.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
2908.woocommerce a.button:disabled[disabled], 
2909.woocommerce button.button.disabled, 
2910.woocommerce button.button:disabled, 
2911.woocommerce button.button:disabled[disabled], 
2912.woocommerce input.button.disabled, 
2913.woocommerce input.button:disabled, 
2914.woocommerce input.button:disabled[disabled]{
2915        background: #FFC107;
2916        padding: 10px 20px;
2917        color: #FFF;
2918}
2919
2920.woocommerce #respond input#submit.disabled:hover, 
2921.woocommerce #respond input#submit:disabled:hover, 
2922.woocommerce #respond input#submit:disabled[disabled]:hover, 
2923.woocommerce a.button.disabled:hover, 
2924.woocommerce a.button:disabled:hover, 
2925.woocommerce a.button:disabled[disabled]:hover, 
2926.woocommerce button.button.disabled:hover, 
2927.woocommerce button.button:disabled:hover, 
2928.woocommerce button.button:disabled[disabled]:hover, 
2929.woocommerce input.button.disabled:hover, 
2930.woocommerce input.button:disabled:hover, 
2931.woocommerce input.button:disabled[disabled]:hover{
2932        background: #333;
2933        color: #FFF;
2934}
2935
2936.woocommerce #respond input#submit.alt.disabled, 
2937.woocommerce #respond input#submit.alt.disabled:hover, 
2938.woocommerce #respond input#submit.alt:disabled, 
2939.woocommerce #respond input#submit.alt:disabled:hover, 
2940.woocommerce #respond input#submit.alt:disabled[disabled], 
2941.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
2942.woocommerce a.button.alt.disabled, 
2943.woocommerce a.button.alt.disabled:hover, 
2944.woocommerce a.button.alt:disabled, 
2945.woocommerce a.button.alt:disabled:hover, 
2946.woocommerce a.button.alt:disabled[disabled], 
2947.woocommerce a.button.alt:disabled[disabled]:hover, 
2948.woocommerce button.button.alt.disabled, 
2949.woocommerce button.button.alt.disabled:hover, 
2950.woocommerce button.button.alt:disabled, 
2951.woocommerce button.button.alt:disabled:hover, 
2952.woocommerce button.button.alt:disabled[disabled], 
2953.woocommerce button.button.alt:disabled[disabled]:hover, 
2954.woocommerce input.button.alt.disabled, 
2955.woocommerce input.button.alt.disabled:hover, 
2956.woocommerce input.button.alt:disabled, 
2957.woocommerce input.button.alt:disabled:hover, 
2958.woocommerce input.button.alt:disabled[disabled], 
2959.woocommerce input.button.alt:disabled[disabled]:hover{
2960        background: #FFC107;
2961        border-color: #FFC107;
2962}
2963
2964#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
2965.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
2966.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
2967        line-height: 40px;
2968    font-size: inherit;
2969    padding: 0;
2970}
2971
2972.select2-container .select2-choice{
2973        border: 1px solid #EEE;
2974        font-size: 0.9em;
2975        color: inherit;
2976        border-radius: 0;
2977}
2978
2979.select2-results{
2980        font-size: 0.9em;
2981        color: inherit;
2982}
2983
2984.select2-drop-active{
2985        border-color: #EEE;
2986}
2987
2988.select2-drop.select2-drop-above.select2-drop-active{
2989        border-color: #EEE;
2990}
2991
2992.woocommerce-error, 
2993.woocommerce-info, 
2994.woocommerce-message{
2995        border-top-color: #FFC107;
2996        font-size: 0.9em;
2997}
2998
2999.woocommerce-error:before, 
3000.woocommerce-info:before, 
3001.woocommerce-message:before{
3002        color: #FFC107;
3003}
3004
3005.woocommerce-error a.button, 
3006.woocommerce-info a.button, 
3007.woocommerce-message a.button{
3008        padding: 5px 20px;
3009    line-height: 1;
3010    height: auto;
3011}
3012
3013.woocommerce table.shop_table tbody th, 
3014.woocommerce table.shop_table tfoot td, 
3015.woocommerce table.shop_table tfoot th{
3016        font-weight: 400;
3017}
3018
3019#customer_details{
3020        margin-bottom: 40px;
3021}
3022
3023.woocommerce form.checkout_coupon, 
3024.woocommerce form.login, 
3025.woocommerce form.register{
3026        border: 1px solid #EEE;
3027        border-radius: 0;
3028}
3029
3030.woocommerce #payment #place_order, 
3031.woocommerce-page #payment #place_order{
3032        float: none;
3033}
3034
3035.woocommerce .widget_shopping_cart .cart_list li, 
3036.woocommerce.widget_shopping_cart .cart_list li{
3037        padding-top: 4px;
3038}
3039
3040.woocommerce ul.cart_list li a, 
3041.woocommerce ul.product_list_widget li a{
3042        font-weight: 400;
3043}
3044
3045.woocommerce a.remove{
3046        font-family: Arial;
3047        font-weight: normal;
3048}
3049
3050.woocommerce .widget_shopping_cart .cart_list li a.remove, 
3051.woocommerce.widget_shopping_cart .cart_list li a.remove{
3052        top: 8px;
3053}
3054
3055.woocommerce .widget_layered_nav ul li{
3056        padding: 5px 0;
3057}
3058
3059.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
3060        background-color: #FFF;
3061        border: 4px solid #FFC107;
3062}
3063
3064.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
3065        background-color: #FFC107
3066}
3067
3068.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
3069        background-color: #EEE;
3070}
3071
3072.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
3073        height: 20px;
3074        width: 20px;
3075        top: -6px;
3076    margin-left: -10px;
3077}
3078
3079.woocommerce-account .woocommerce-MyAccount-navigation ul{
3080        list-style: none;
3081}
3082
3083.woocommerce-MyAccount-navigation-link a{
3084        background: #FFC107;
3085        color: #FFF;
3086        padding: 10px 20px;
3087        margin-bottom: 5px;
3088        display: block;
3089}
3090
3091.woocommerce-MyAccount-navigation-link.is-active a,
3092.woocommerce-MyAccount-navigation-link a:hover{
3093        background: #333;
3094}
3095
3096@media screen and (max-width: 1200px){
3097        .ht-container{
3098                width: auto;
3099                padding: 0 15px;
3100        }
3101
3102        .ht-slide-caption{
3103                width: 80%;
3104                margin-left: -40%;
3105        }
3106}
3107
3108@media screen and (max-width: 1000px){
3109        .toggle-bar{
3110                display: block;
3111                position: absolute;
3112                top: 22px;
3113                right: 20px;
3114                height: 50px;
3115                width: 50px;
3116                background: #FFC107;
3117                cursor: pointer;
3118        }
3119
3120        .toggle-bar span{
3121                position: absolute;
3122                top: 50%;
3123                margin-top: -2px;
3124                height: 4px;
3125                left: 8px;
3126                right: 8px;
3127                background: #FFF;
3128                box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
3129        }
3130
3131        .ht-sticky-header #ht-masthead{
3132                position: static;
3133        }
3134
3135        .ht-sticky#ht-masthead{
3136                height: 94px;   
3137        }
3138
3139        #ht-site-navigation{
3140                width: 20%;
3141        }
3142
3143        #ht-site-branding{
3144                width: 80%;
3145                float: left;
3146        }
3147
3148        .ht-sticky #ht-site-branding{
3149                padding: 15px 0;
3150        }
3151
3152        .ht-sticky-header #ht-content{
3153                padding-top: 0;
3154        }
3155
3156        .ht-main-navigation .ht-menu{
3157                display: none;
3158                position: absolute;
3159                left: 0;
3160                right: 0;
3161                top: 90px;
3162                background: #FFC107;
3163                z-index: 999;
3164        }
3165
3166        .ht-main-navigation li{
3167                float: none;
3168                margin-left: 0;
3169                text-align: center;
3170        }
3171
3172        .page-template-home-template .ht-main-navigation .current_page_item > a,
3173        .page-template-home-template .ht-main-navigation .current-menu-item > a,
3174        .page-template-home-template .ht-main-navigation .current_page_ancestor > a,
3175        .home.blog .ht-main-navigation .current_page_item > a,
3176        .home.blog .ht-main-navigation .current-menu-item > a,
3177        .home.blog .ht-main-navigation .current_page_ancestor > a,
3178        .ht-main-navigation a{
3179                color: #FFF;
3180        }
3181
3182        .ht-main-navigation ul ul{
3183                position: static;
3184                padding: 0;
3185        margin-top: 0;
3186        }
3187
3188        .ht-main-navigation ul ul ul{
3189                margin: 0;
3190        }
3191
3192        #ht-team-section{
3193                padding-bottom: 30px;
3194        }
3195
3196        .ht-team-member{
3197                width: 48%;
3198                margin-bottom: 30px;
3199        }
3200}
3201
3202@media screen and (max-width: 768px){
3203        .ht-section-title,
3204        .ht-section-tagline{
3205                width: auto;
3206        }
3207
3208        #ht-about-us-section .ht-container{
3209                display: block;
3210        }
3211
3212        .ht-about-sec{
3213                width: auto;
3214                float: none;
3215                padding: 0;
3216                margin-bottom: 30px;
3217        }
3218
3219        .ht-about-image{
3220                width: auto;
3221                float: none;
3222                padding: 0;
3223                text-align: center;
3224        }
3225
3226        .ht-featured-post-wrap{
3227                margin-left: 0;
3228        }
3229
3230        .ht-featured-post{
3231                float: none;
3232                margin: 0 auto 80px;
3233                width: 75%;
3234        }
3235
3236        .ht-featured-post:last-child{
3237                margin-bottom: 0;
3238        }
3239
3240        .ht-portfolio-cat-name-list{
3241                text-align: center;
3242        }
3243
3244        .ht-service-left-bg{
3245                display: none;
3246        }
3247
3248        .ht-service-posts{
3249                float: none;
3250                width: auto;
3251                padding: 0;
3252        }
3253
3254        #ht-service-post-section{
3255                padding: 60px 0;
3256        }
3257
3258        #ht-counter-section{
3259                background-size: cover;
3260                background-position: center !important; 
3261        }
3262
3263        .ht-counter{
3264                width: 45%;
3265                margin-bottom: 60px;
3266        }
3267
3268        #ht-counter-section{
3269                padding-bottom: 0;
3270        }
3271
3272        .ht-blog-wrap{
3273                margin: 0;
3274        }
3275
3276        .ht-blog-post{
3277                width: 75%;
3278                margin: 0 auto 30px;
3279                float: none;
3280        }
3281
3282        .ht-blog-post img{
3283                width: 100%;
3284        }
3285
3286        #ht-cta-section{
3287                background-size: cover;
3288                background-position: center !important; 
3289        }
3290
3291        .ht-top-footer{
3292                margin-left: 0;
3293        }
3294
3295        .ht-footer{
3296                width: auto;
3297                margin: 0 0 30px;
3298                float: none;
3299        }
3300
3301        .ht-footer:last-child{
3302                margin-bottom: 0;
3303        }
3304
3305        .ht-slide-cap-title{
3306                font-size: 24px;
3307                font-size: 4vw;
3308                margin-bottom: 10px;
3309        }
3310
3311        .ht-slide-cap-desc{
3312                font-size: 14px;
3313                font-size: 3vw;
3314        }
3315
3316        #primary{
3317                width: auto !important;
3318                float: none !important;
3319                margin-bottom: 30px;
3320        }
3321
3322        #secondary{
3323                width: auto !important;
3324                float: none !important;
3325                margin-bottom: 30px;
3326        }
3327}
3328
3329@media screen and (max-width: 580px){
3330        #ht-home-slider-section .bx-wrapper .bx-controls-direction a,
3331        .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
3332                display: none;
3333        }
3334
3335        .ht-team-member-wrap{
3336                margin-left: 0;
3337        }
3338
3339        .ht-team-member{
3340                width: 75%;
3341                float: none;
3342                margin: 0 auto 30px;
3343        }
3344
3345        .ht-team-counter-wrap{
3346                margin-left: 0;
3347        }
3348
3349        .ht-counter{
3350                width: 75%;
3351                float: none;
3352                margin: 0 auto 60px;
3353        }
3354
3355        .ht-portfolio{
3356                width: 50%;
3357                padding: 4px;
3358        }
3359}
3360
3361@media screen and (max-width: 480px){
3362        .ht-blog-post,
3363        .ht-featured-post{
3364                width: auto;
3365        }
3366
3367        .ht-team-member-wrap{
3368                margin-left: 0;
3369        }
3370
3371        .ht-team-member,
3372        .ht-counter{
3373                width: auto;
3374                float: none;
3375        }
3376
3377        .ht-testimonial-excerpt{
3378                width: auto;
3379        }
3380
3381        .ht-testimonial-excerpt .fa-quote-left{
3382                left: 0;
3383        }
3384
3385        .ht-cta-buttons a{
3386                display: block;
3387                margin: 0 0 15px;
3388        }
3389
3390        .ht-post-info{
3391                float: none;
3392                width: auto;
3393                margin-bottom: 20px;
3394        }
3395
3396        .ht-post-wrapper{
3397                padding-left: 0; 
3398        }
3399}
3400
3401@media screen and (min-width: 1001px){
3402        .ht-main-navigation .ht-menu{
3403                display: block !important;
3404        }
3405}
Note: See TracBrowser for help on using the repository browser.