· 5 years ago · Jul 22, 2020, 10:34 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4 <head>
5 <b:include data='blog' name='all-head-content'/>
6
7 <title>
8 <b:if cond='data:blog.pageType == "index"'>
9 <data:blog.pageTitle/>
10 <b:else/>
11 <b:if cond='data:blog.pageType != "error_page"'>
12 <data:blog.pageName/> | <data:blog.title/>
13 <b:else/>
14 Page Not Found | <data:blog.title/>
15 </b:if>
16 </b:if>
17 </title>
18
19 <!-- Meta Tags ~ www.Templateclue.com -->
20 <b:if cond='data:blog.pageType == "archive"'>
21 <meta content='noindex,noarchive' name='robots'/>
22 </b:if>
23 <b:if cond='data:blog.metaDescription != ""'>
24 <meta expr:content='data:blog.metaDescription' name='description'/>
25 </b:if>
26 <meta charset='UTF-8'/>
27 <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
28 <!-- /Meta Tags ~ www.Templateclue.com -->
29
30 <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
31 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
32
33 <!-- Google Fonts -->
34 <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900' rel='stylesheet' type='text/css'/>
35 <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'/>
36 <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'/>
37 <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
38
39 <b:skin><![CDATA[/*
40//////////////////////////////////////////////////////////////
41// //
42// Theme Name : invento //
43// Author : Templateclue //
44// Site :www.Templateclue.com //
45// License : Creative Commons Attribution License //
46// Share and Use This With Proper Credit. //
47// //
48//////////////////////////////////////////////////////
49*/
50/*****************************************
51reset.css
52******************************************/
53html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none!important;}
54
55
56*, *:before, *:after {
57 box-sizing: border-box;
58}
59
60.wrap {
61 width: 100%;
62 padding: 3.5em 0;
63}
64
65.grey {
66 background: #ECF0F1;
67 padding: 100px 0 150px;
68}
69
70a {
71 color:#1abc9c;
72}
73
74a:hover {
75 color: #16a085;
76}
77
78a, img, .overlay, input, textarea, .plan-wrap p, .filters .filter {
79/*transition*/
80 -webkit-transition: all .12s linear;
81 -moz-transition: all .12s linear;
82 -o-transition: all .12s linear;
83 transition: all .12s linear;
84}
85
86body {
87 font-size: 1em;
88 line-height: 1.7em;
89 color: #777777;
90 font-weight: normal;
91}
92
93body, input, textarea {
94 font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
95}
96
97h1,h2,h3,h4,h5,h6, .navigation a, .btn, .filters .filter {
98 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
99}
100img{
101max-width: 100%;
102}
103h1,h2,h3,h4,h5,h6 {
104 position: relative;
105 margin: 1em 0 1.4em;
106 color: #484f58;
107}
108
109h1,h2 {
110 text-transform: uppercase;
111}
112
113h1 {
114 font-size: 3em;
115 line-height: 1.2em;
116}
117
118h2 {
119 font-size: 2.8em;
120 line-height: .9em;
121}
122
123h3 {
124 font-size: 1.8em;
125 line-height: .9em;
126}
127
128h4,h5,h6 {
129 font-size: 1.125em;
130 line-height: .5em;
131}
132
133blockquote {
134 line-height: 1.2em;
135 display: inline-block;
136 margin: 1.3em 0;
137 padding: 2px 20px 0 20px;
138 border-left: 3px solid #e8e8e8;
139}
140
141blockquote p {
142 margin-bottom: 0 !important;
143}
144
145.pleft-25 {
146 padding-left: 25px;
147}
148
149.pright-25 {
150 padding-right: 25px;
151}
152
153.curveUpColor, .curveDownColor {
154 fill: #fff;
155 stroke: #fff;
156 position: absolute;
157 left: 0;
158 z-index: 1;
159}
160
161.curveUpColor {
162 margin-top: -100px;
163}
164
165.curveDownColor {
166 margin-bottom: -100px;
167}
168
169.curveMapUp {
170 margin-top: 52px;
171}
172
173.curveMapDown {
174 margin-top: -238px;
175}
176
177.curveGrey {
178 fill: #ECF0F1;
179 stroke: #ECF0F1;
180}
181/* *********************************************************
182 Buttons
183********************************************************* */
184
185.btn {
186 position: relative;
187 display: inline-block;
188 margin: .8em 0;
189 padding: .5em 1.6em;
190 color: #fff;
191 font-size: .8em;
192/*border-radius*/
193 -webkit-border-radius: 30px;
194 -moz-border-radius: 30px;
195 border-radius: 30px;
196 background:#1abc9c;
197}
198
199.btn:hover, .btn:focus, .btn-current {
200 color: #fff;
201 background: #16a085;
202}
203
204.btn:hover, .social-set a:hover, .team-social a i:hover, .header-carousel .owl-buttons .owl-prev:hover, .header-carousel .owl-buttons .owl-next:hover {
205 -webkit-animation: rubberBand .8s 1;
206 -moz-animation: rubberBand .8s 1;
207 -o-animation: rubberBand .8s 1;
208 animation: rubberBand .8s 1;
209}
210
211@-webkit-keyframes rubberBand {
212 0% {
213 -webkit-transform: scale3d(1, 1, 1);
214 transform: scale3d(1, 1, 1);
215 }
216
217 30% {
218 -webkit-transform: scale3d(1.15, 0.9, 1);
219 transform: scale3d(1.15, 0.9, 1);
220 }
221
222 40% {
223 -webkit-transform: scale3d(0.8, 1.15, 1);
224 transform: scale3d(0.8, 1.15, 1);
225 }
226
227 50% {
228 -webkit-transform: scale3d(1.15, 0.85, 1);
229 transform: scale3d(1.15, 0.85, 1);
230 }
231
232 65% {
233 -webkit-transform: scale3d(.95, 1.05, 1);
234 transform: scale3d(.95, 1.05, 1);
235 }
236
237 75% {
238 -webkit-transform: scale3d(1.05, .95, 1);
239 transform: scale3d(1.05, .95, 1);
240 }
241
242 100% {
243 -webkit-transform: scale3d(1, 1, 1);
244 transform: scale3d(1, 1, 1);
245 }
246}
247
248@keyframes rubberBand {
249 0% {
250 -webkit-transform: scale3d(1, 1, 1);
251 transform: scale3d(1, 1, 1);
252 }
253
254 30% {
255 -webkit-transform: scale3d(1.15, 0.9, 1);
256 transform: scale3d(1.15, 0.9, 1);
257 }
258
259 40% {
260 -webkit-transform: scale3d(0.8, 1.15, 1);
261 transform: scale3d(0.8, 1.15, 1);
262 }
263
264 50% {
265 -webkit-transform: scale3d(1.15, 0.85, 1);
266 transform: scale3d(1.15, 0.85, 1);
267 }
268
269 65% {
270 -webkit-transform: scale3d(.95, 1.05, 1);
271 transform: scale3d(.95, 1.05, 1);
272 }
273
274 75% {
275 -webkit-transform: scale3d(1.05, .95, 1);
276 transform: scale3d(1.05, .95, 1);
277 }
278
279 100% {
280 -webkit-transform: scale3d(1, 1, 1);
281 transform: scale3d(1, 1, 1);
282 }
283}
284
285.rubberBand {
286 -webkit-animation-name: rubberBand;
287 animation-name: rubberBand;
288}
289
290.btn-big {
291 font-size: 1.4em;
292 padding: .65em 2.2em;
293}
294
295.btn-price {
296 width: 80%;
297 margin: 1.5em 0 1.8em;
298 padding: .5em;
299 letter-spacing: 2px;
300}
301
302.btn-disabled, .btn-disabled:hover, .btn-disabled:focus {
303 cursor: default;
304 color: #bbb;
305 background: #e6e6e6;
306}
307
308.btn-ghost {
309 margin: 10px;
310 color: #fff;
311 border: 2px solid #fff;
312 background: transparent;
313}
314
315.btn-ghost:hover {
316 border-color: transparent;
317 background-color:#1abc9c;
318}
319
320.btn-ghost-dark {
321 border-color: #1abc9c;
322 color: #1abc9c;
323}
324
325/*****************************************
326Global Links CSS
327******************************************/
328.clr{
329clear:both;
330float:none;
331}
332*, *:after, *:before {
333 -webkit-box-sizing: border-box;
334 -moz-box-sizing: border-box;
335 box-sizing: border-box;
336}
337
338body {
339 margin: 0px;
340}
341
342[class*='col-'] {
343 float: left;
344 padding-right: 20px;
345}
346
347[class*='col-']:last-of-type {
348 /*padding-right: 0px;*/
349}
350
351.grid {
352 width: 100%;
353 max-width: 1140px;
354 min-width: 755px;
355 margin: 0 auto;
356 overflow: hidden;
357}
358
359.grid:after {
360 content: "";
361 display: table;
362 clear: both;
363}
364
365.grid-pad {
366 padding: 20px 0 0px 20px;
367}
368
369.grid-pad > [class*='col-']:last-of-type {
370 padding-right: 20px;
371}
372
373.push-right {
374 float: right;
375}
376
377/* Content Columns */
378
379.col-1-1 {
380 width: 100%;
381}
382.col-2-3, .col-8-12 {
383 width: 66.66%;
384}
385
386.col-1-2, .col-6-12 {
387 width: 50%;
388}
389
390.col-1-3, .col-4-12 {
391 width: 33.33%;
392}
393
394.col-1-4, .col-3-12 {
395 width: 25%;
396}
397
398.col-1-5 {
399 width: 20%;
400}
401
402.col-1-6, .col-2-12 {
403 width: 16.667%;
404}
405
406.col-1-7 {
407 width: 14.28%;
408}
409
410.col-1-8 {
411 width: 12.5%;
412}
413
414.col-1-9 {
415 width: 11.1%;
416}
417
418.col-1-10 {
419 width: 10%;
420}
421
422.col-1-11 {
423 width: 9.09%;
424}
425
426.col-1-12 {
427 width: 8.33%
428}
429
430/* Layout Columns */
431
432.col-11-12 {
433 width: 91.66%
434}
435
436.col-10-12 {
437 width: 83.333%;
438}
439
440.col-9-12 {
441 width: 75%;
442}
443
444.col-5-12 {
445 width: 41.66%;
446}
447
448.col-7-12 {
449 width: 58.33%
450}
451
452@media handheld, only screen and (max-width: 767px) {
453
454
455 .grid {
456 width: 100%;
457 min-width: 0;
458 margin-left: 0px;
459 margin-right: 0px;
460 padding-left: 0px;
461 padding-right: 0px;
462 }
463
464 [class*='col-'] {
465 width: 100%;
466 float: none;
467 margin-left: 0px;
468 margin-right: 0px;
469 margin-top: 10px;
470 margin-bottom: 20px;
471 padding-left: 20px;
472 padding-right: 20px;
473 }
474}
475/*****************************************
476Wrappers
477******************************************/
478.ct-wrapper{
479padding:0px 20px;
480position:relative;
481max-width:1230px;
482margin:0 auto;
483}
484.main-wrapper{
485width:auto;
486margin-right:365px;
487}
488#content{
489position:relative;
490width:100%;
491float:left;
492}
493.descriptionwrapper .description {
494 color: #fff;
495 opacity: 0.5;
496 float: left;
497 position: relative;
498 left: -95px;
499 top: 30px;
500 font-size: 12px;
501 font-family: Raleway;
502 width: 260px;
503 display: none;
504}
505.sidebar-wrapper{
506width: 330px!important;
507float: right;
508margin: 0px 0px 40px 0;
509}
510/**** Layout Styling CSS *****/
511body#layout .header-wrapper{
512margin-top:40px;
513}
514body#layout #header, body#layout .header-right{
515width:50%;
516}
517body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper{
518margin:0;
519padding:0;
520}
521body#layout .footer.section{
522float:left;
523width:33%;
524}
525
526/*****************************************
527Post Highlighter CSS
528******************************************/
529blockquote{
530 font-style: italic;
531 font-size: 16px;
532 margin: 2em 0;
533 padding: 2.3em 1.5em;
534 background: #f9f9f9;
535 border-left: 15px solid #1ABC9C;
536 border-radius: 0;
537 box-shadow: 11px 10px 0px #ECECEC;
538}
539pre {
540background: #444 no-repeat right;
541color: #FFFFFF;
542padding: 30px;
543white-space: pre-wrap;
544white-space: -moz-pre-wrap;
545white-space: -pre-wrap;
546white-space: -o-pre-wrap;
547word-wrap: break-word;
548box-shadow: 11px 10px 0px #383838;
549border: 0;
550border-radius: 0;
551line-height: 1.428571429;
552margin: 0 0 10px;
553font-size: 15px;
554display: block;
555word-break: break-all;
556margin-bottom: 30px;
557
558}
559/* *********************************************************
560 Header
561********************************************************* */
562
563#top-header {
564 position: fixed;
565 z-index: 1000;
566 width: 100%;
567 padding: 23px 0;
568/*transition*/
569 -webkit-transition: all .15s linear;
570 -moz-transition: all .15s linear;
571 -o-transition: all .15s linear;
572 transition: all .15s linear;
573}
574
575#top-header .grid {
576 overflow: visible;
577}
578
579.logo {
580 display: block;
581 float: left;
582 margin: 0;
583 font-size: 35px;
584 color: #fff;
585 font-family: Raleway;
586 font-weight: 100;
587 text-transform: inherit;
588}
589
590.logo:hover, .logo:focus {
591 -webkit-animation: rubberBand 0.5s 1;
592 -moz-animation: rubberBand 0.5s 1;
593 -o-animation: rubberBand 0.5s 1;
594 animation: rubberBand 0.5s 1;
595}
596
597.header-default {
598 background: #2C2D31;
599}
600
601.header-home {
602 background: transparent;
603/*box-shadow*/
604 -webkit-box-shadow: none;
605 -moz-box-shadow: none;
606 box-shadow: none;
607}
608
609.header-home .navigation a {
610 color: #fff;
611}
612
613.top-slider {
614 position: relative;
615 overflow: hidden;
616 width: 100%;
617 height: 750px;
618}
619
620.slider {
621 height: 100%;
622}
623
624.top-slider .content-header {
625 position: absolute;
626 z-index: 999;
627 top: 50%;
628 left: 50%;
629 width: 80%;
630 height: 80%;
631/*transform*/
632 -webkit-transform: translate(-50%, -50%);
633 -moz-transform: translate(-50%, -50%);
634 -ms-transform: translate(-50%, -50%);
635 -o-transform: translate(-50%, -50%);
636 transform: translate(-50%, -50%);
637}
638
639.background-video {
640 position: absolute;
641 top: 0px;
642 right: 0px;
643 min-width: 100%;
644 min-height: 100%;
645 width: auto;
646 height: auto;
647 z-index: 1;
648 overflow: hidden;
649}
650
651/* *********************************************************
652 Navigation
653********************************************************* */
654
655.navigation input[type=checkbox] {
656 position: absolute;
657 top: -9999px;
658 left: -9999px;
659}
660
661.navigation label {
662 display: none;
663 cursor: pointer;
664}
665
666.navigation {
667 position: relative;
668 float: right;
669 margin: 10px 0 0 0;
670}
671
672.navigation ul li {
673 position: relative;
674 display: inline;
675 float: left;
676}
677
678.navigation a {
679 font-size: .8em;
680 display: block;
681 margin-left: 20px;
682 padding-bottom: 3px;
683 color: #fff;
684}
685
686.navigation .current a, .navigation ul li a:hover, .navigation ul li a:focus {
687 color:#1abc9c;
688}
689
690.navigation .sub-menu {
691 position: absolute;
692 z-index: 9999;
693 top: 28px;
694 left: -27px;
695 visibility: hidden;
696 width: 210px;
697 padding: 20px;
698/*transition*/
699 -webkit-transition: all .1s linear;
700 -moz-transition: all .1s linear;
701 -o-transition: all .1s linear;
702 transition: all .1s linear;
703 opacity: 0;
704 border-top: 1px solid#1abc9c;
705 background: #fff;
706/*box-shadow*/
707 -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
708 -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
709 box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
710}
711
712.navigation .sub-menu li {
713 position: relative;
714}
715
716.sub-menu li a {
717 width: 170px;
718 margin: 0!important;
719 padding: .5em 1em;
720 border-bottom: none!important;
721/*border-radius*/
722 -webkit-border-radius: 5px;
723 -moz-border-radius: 5px;
724 border-radius: 5px;
725}
726
727.sub-menu li a:hover {
728 background: #f9f9f9;
729}
730
731.navigation li:hover > ul {
732 visibility: visible;
733 opacity: 1;
734}
735
736/* *********************************************************
737 Home Slider
738********************************************************* */
739
740.header-carousel {
741 overflow: hidden;
742}
743
744.home-slider {
745 height: 700px;
746 background-repeat: repeat;
747 background-position: center center;
748}
749
750.home-slide-1 {
751 background-image: url('http://4.bp.blogspot.com/-Qz4T1QyMGjI/VmcRXdmP3TI/AAAAAAAAAmY/4MLnu08BBTE/s1600/big1.jpg');
752}
753
754/* *********************************************************
755 Parallax
756********************************************************* */
757
758.parallax-section {
759 z-index: -1;
760 clear: both;
761 background-image: url('http://3.bp.blogspot.com/-uqabgsYy1ig/VmcReCIGhoI/AAAAAAAAAmg/SRfXKWrDcMk/s1600/home.jpg');
762 background-repeat: repeat;
763 background-attachment: fixed;
764 background-position: center center;
765}
766
767.parallax2 {
768 background-image: url('http://2.bp.blogspot.com/-KEtTHF6ylRI/VmcReg8JeCI/AAAAAAAAAmk/IoYID5sVz1c/s1600/parallax2.jpg');
769}
770
771.parallax-section .content, .top-slider .content-header, .home-slider {
772 margin: 0 auto;
773 text-align: center;
774}
775
776.parallax-section .content-header, .home-slider .content-header {
777 padding: 145px 0 250px;
778}
779
780.parallax2 .content {
781 padding: 100px 0;
782}
783
784.top-slider .content-header {
785 padding: 130px 0;
786}
787
788.parallax-section .content h2,
789.content-header h2,
790.parallax-section .content h3,
791.content-header h3 {
792 color: #fff;
793}
794
795.parallax-section h2 > span,
796.parallax-section h3 > span,
797.content-header h2 > span,
798.content-header h3 > span {
799 background: #fff;
800}
801
802.parallax-section .content h2, .content-header h2 {
803 font-size: 2.5em;
804}
805
806.parallax-section .content p, .top-slider .content-header p, .home-slider .content p {
807 width: 70%;
808 margin: 0 auto 30px auto;
809 color: #fff;
810}
811/* *********************************************************
812 Services Section
813********************************************************* */
814
815.services, .service-box {
816 text-align: center;
817}
818
819.service-icon {
820 margin-top: 20px;
821 padding-top: 1em;
822}
823
824.circle-icon {
825 display: inline-block;
826 font-size: 2em;
827 padding: 1.1em 1.15em;
828 color: #484f58;
829/*border-radius*/
830 -webkit-border-radius: 50%;
831 -moz-border-radius: 50%;
832 border-radius: 50%;
833 background: transparent;
834/*box-shadow*/
835 -webkit-box-shadow: 0 0 0 2px #484f58;
836 -moz-box-shadow: 0 0 0 2px #484f58;
837 box-shadow: 0 0 0 2px #484f58;
838/*transition*/
839 -webkit-transition: all .15s linear;
840 -moz-transition: all .15s linear;
841 -o-transition: all .15s linear;
842 transition: all .15s linear;
843}
844
845.service-box:hover .circle-icon {
846 /*box-shadow*/
847 -webkit-transform: scale(1.1);
848 -moz-transform: scale(1.1);
849 -ms-transform: scale(1.1);
850 -o-transform: scale(1.1);
851 transform: scale(1.1);
852}
853
854.service-entry {
855 margin-top: 70px;
856 padding: 0 .5em;
857}
858
859.service-entry p {
860 margin-bottom: 10px;
861}
862/* *********************************************************
863 Info Counter
864********************************************************* */
865
866.info-counter-icon {
867 font-size: 4em;
868 color: #1abc9c;
869}
870
871.info-counter-content, .info-counter-content h5 {
872 color: #fff;
873 font-size: 1.2em;
874}
875
876.info-counter-text {
877 opacity: .7;
878 font-size: 0.8em;
879}
880/*****************************************
881Blog Post CSS
882******************************************/
883.recent-wrap {
884 text-align: center;
885}
886
887.recent-work {
888 background: #6578bc; /* Old browsers */
889 background: -moz-linear-gradient(left, #6578bc 0%, #1abc9c 100%); /* FF3.6+ */
890 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6578bc), color-stop(100%,#1abc9c)); /* Chrome,Safari4+ */
891 background: -webkit-linear-gradient(left, #6578bc 0%,#1abc9c 100%); /* Chrome10+,Safari5.1+ */
892 background: -o-linear-gradient(left, #6578bc 0%,#1abc9c 100%); /* Opera 11.10+ */
893 background: -ms-linear-gradient(left, #6578bc 0%,#1abc9c 100%); /* IE10+ */
894 background: linear-gradient(to right, #6578bc 0%,#1abc9c 100%); /* W3C */
895 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6578bc', endColorstr='#1abc9c',GradientType=1 ); /* IE6-9 */
896
897 position: relative;
898 margin-bottom: 1em;
899/*border-radius*/
900 -webkit-border-radius: 5px;
901 -moz-border-radius: 5px;
902 border-radius: 5px;
903}
904
905.portfolio-filter {
906 margin: 40px 0 0;
907 text-align: center;
908}
909
910.portfolio-items .mix {
911 display: none;
912}
913
914.filters {
915 margin-bottom: 40px;
916}
917
918.filters .filter {
919 display: inline-block;
920 margin: 4px;
921 padding: 0.5em 1.65em;
922 font-size: .8em;
923 list-style: none;
924 cursor: pointer;
925 color: #484f58;
926 border: 2px solid transparent;
927/*border-radius*/
928 -webkit-border-radius: 30px;
929 -moz-border-radius: 30px;
930 border-radius: 30px;
931}
932
933.filters .filter.active,
934.filters .filter:hover {
935 border: 2px solid #1abc9c;
936 color: #1abc9c;
937}
938
939.recent-work a {
940 position: relative;
941 display: block;
942}
943
944.recent-work img {
945 width: 100%;
946 margin-bottom: -9px;
947 object-fit: cover;
948 height: 235px;
949/*border-radius*/
950 -webkit-border-radius: 5px;
951 -moz-border-radius: 5px;
952 border-radius: 5px;
953}
954
955.recent-work:hover img {
956 opacity: .35;
957}
958
959.overlay {
960 position: absolute;
961 left: 0px;
962 padding: 10px;
963 bottom: 10px;
964 text-align: left;
965 opacity: 0;
966 transform: scale(1.3);
967}
968
969.overlay h2 a, .overlay span {
970 color: #fff;
971 line-height: 20px;
972 font-family: Raleway;
973}
974
975.overlay h2 {
976 margin: 10px 0 0;
977 font-size: 1.2em;
978}
979
980.recent-work:hover .overlay {
981 opacity: 1;
982 transform: scale(1);
983}
984
985.recent-work .work-info {
986 margin-top: 23px;
987}
988
989.work-info h4 {
990 margin-bottom: .8em;
991}
992
993.post{
994margin:20px 0 0;
995padding:0 3% 20px;
996}
997h2#title2 {
998 margin: 25px;
999 font-size: 35px;
1000 font-weight: 800;
1001}
1002.post-title{
1003text-decoration:none;
1004font-size:30px;
1005line-height:normal;
1006padding:0 0 10px;
1007}
1008.post-title a{
1009text-decoration:none;
1010color:#000;
1011}
1012.post-body{
1013font-size:16px;
1014font-weight:normal;
1015padding:0;
1016margin:0;
1017line-height:29px;
1018word-wrap:break-word;
1019}
1020.post-header{
1021color:#999999;
1022font-family:Verdana,Arial,Tahoma,sans-serif;
1023font-size:12px;
1024}
1025
1026#blog-pager{
1027border-top:0px solid #ddd;
1028padding:2em 0;
1029margin:0;
1030font-size:16px;
1031line-height:normal;
1032width: 100%;
1033}
1034.showpageOf{
1035display:none;
1036}
1037.showpageNum a, .showpage a{
1038margin:0 4px;
1039}
1040.showpagePoint{
1041margin:0 2px 0 0;
1042}
1043.blog-post-wrap, .blog-wrap-single {
1044 padding-top: 6em;
1045 text-align: center;
1046}
1047
1048.blog-grid .content {
1049 text-align: center;
1050}
1051
1052.post-wrap {
1053 position: relative;
1054 overflow: hidden;
1055 margin: 0 auto 2em auto;
1056 border-bottom: 2px solid #dee3e4;
1057/*border-radius*/
1058 -webkit-border-radius: 5px;
1059 -moz-border-radius: 5px;
1060 border-radius: 5px;
1061 background: #fff;
1062}
1063
1064.post-wrap img {
1065 width: 100%;
1066 height: 335px;
1067 object-fit: cover;
1068}
1069
1070.post-wrap .post-meta {
1071 font-size: .8em;
1072 margin-bottom: 1.5em;
1073}
1074
1075.post-wrap .post-meta li {
1076 display: inline-block;
1077}
1078
1079.post-wrap .post-meta li a {
1080 margin: 0 20px 0 4px;
1081}
1082
1083.post-wrap .post-meta li:last-child a {
1084 margin-right: 0;
1085}
1086
1087.post-wrap .post-meta i {
1088 color:#1abc9c;
1089}
1090
1091.post-wrap .post {
1092 padding: .2em 2em;
1093}
1094
1095.post-wrap .entry-title {
1096 margin: 1em 0 .5em;
1097}
1098
1099.post-wrap .post p {
1100 text-align: left;
1101 line-height: 2em;
1102 min-height: 100px;
1103}
1104
1105.post-wrap .post p a {
1106 padding: 1px 1px 4px;
1107 border-radius: 3px;
1108}
1109
1110.post-wrap .post p a:hover {
1111 background: #1abc9c;
1112 color: #fff;
1113}
1114
1115/* Blog Page & Single */
1116
1117.single {
1118 width: 70%;
1119 text-align: center;
1120}
1121
1122.single .post-img {
1123 overflow: hidden;
1124 height: auto;
1125 max-height: 450px;
1126}
1127
1128/* Blog Grid */
1129
1130.blog-grid .post-wrap .post {
1131 padding: 0 1.2em .3em;
1132}
1133
1134.blog-grid .post-img {
1135 position: relative;
1136 overflow: hidden;
1137 width: 100%;
1138}
1139
1140.blog-grid .post-wrap .entry-title {
1141 font-size: 1.2em;
1142 margin-top: 1em;
1143}
1144
1145/***** Button CSS *****/
1146.showpageArea a{
1147text-decoration:underline;
1148}
1149.showpageNum a{
1150background-color: #FFF;
1151-moz-border-radius: 3px;
1152-webkit-border-radius: 3px;
1153border-radius: 3px;
1154margin: 5px 5px 0 0;
1155padding: 8px 15px;
1156font-size: 16px;
1157border: 1px solid #e4e4e4;
1158color: #a1a1a1;
1159transition: all 0.17s ease-in-out;
1160-moz-transition: all 0.17s ease-in-out;
1161-webkit-transition: all 0.17s ease-in-out;
1162-o-transition: all 0.17s ease-in-out;
1163text-decoration: none;
1164}
1165.showpageNum a:hover{
1166text-decoration: none;
1167background-color: #1ABC9C;
1168color: #fff;
1169border: 1px solid #1ABC9C;
1170}
1171.showpagePoint{
1172 background-color: #1ABC9C;
1173 color: #FFF;
1174 -moz-border-radius: 3px;
1175 -webkit-border-radius: 3px;
1176 border-radius: 3px;
1177 -webkit-transition: all 0.2s ease 0s;
1178 -moz-transition: all 0.2s ease 0s;
1179 -o-transition: all 0.2s ease 0s;
1180 transition: all 0.2s ease 0s;
1181 margin: 5px 5px 0 0;
1182 padding: 8px 15px;
1183 border: 1px solid #1FAB8F;
1184 font-size: 16px;
1185}
1186.showpageOf{
1187text-decoration:none;
1188padding:3px;
1189margin:0 3px 0 0;
1190font-size:15px margin: 0 3px;
1191}
1192.showpage a{
1193background-color: #FFF;
1194-moz-border-radius: 3px;
1195-webkit-border-radius: 3px;
1196border-radius: 3px;
1197margin: 5px 5px 0 0;
1198padding: 8px 15px;
1199font-size: 16px;
1200border: 1px solid #e4e4e4;
1201color: #a1a1a1;
1202transition: all 0.17s ease-in-out;
1203-moz-transition: all 0.17s ease-in-out;
1204-webkit-transition: all 0.17s ease-in-out;
1205-o-transition: all 0.17s ease-in-out;
1206text-decoration: none;
1207}
1208.showpage a:hover{
1209text-decoration: none;
1210 background-color: #2E3033;
1211 color: #fff;
1212 border: 1px solid #050606;
1213}
1214.showpageOf{
1215display:none;
1216}
1217.showpageNum{
1218margin:0 3px;
1219}
1220.showpageArea{
1221padding-bottom:20px;
1222}
1223/***** Profile Widget CSS *****/
1224.Profile img{
1225border:1px solid #cecece;
1226background:#fff;
1227float:left;
1228margin:5px 10px 5px 0;
1229padding:5px;
1230/*border-radius*/
1231-webkit-border-radius:50px;
1232-moz-border-radius:50px;
1233border-radius:50px;
1234}
1235.profile-data{
1236color:#999999;
1237font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;
1238font-variant:small-caps;
1239margin:0;
1240text-transform:capitalize;
1241}
1242.profile-datablock{
1243margin:0.5em 0;
1244}
1245.profile-textblock{
1246line-height:1.6em;
1247margin:0.5em 0;
1248}
1249a.profile-link{
1250clear:both;
1251display:block;
1252font:80% monospace;
1253padding:10px 0;
1254text-align:center;
1255text-transform:capitalize;
1256}
1257/*****************************************
1258Sidebar CSS
1259******************************************/
1260.sidebar{
1261margin:0;
1262padding:0;
1263display:block;
1264}
1265.sidebar h2{
1266 font-size: 19px;
1267 text-transform: none;
1268 margin-right: -20px;
1269 margin-left: -20px;
1270 margin-top: 0px;
1271 margin-bottom: 7px;
1272 padding-bottom: 15px;
1273 border-bottom: 1px solid #ddd;
1274}
1275.sidebar .widget{
1276 color: #BCC2C9;
1277 margin-bottom: 30px;
1278 float: left;
1279 width: 100%;
1280 background: #fff;
1281 padding: 20px;
1282 -webkit-border-radius: 3px;
1283 -moz-border-radius: 3px;
1284 border-radius: 3px;
1285 -moz-border-radius: 3px;
1286 -webkit-border-radius: 3px;
1287 border-radius: 3px;
1288 border-bottom: 1px solid #d3d5d7;
1289 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
1290 -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
1291 box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
1292}
1293.sidebar ul{
1294margin:0;
1295padding:0;
1296list-style:none;
1297}
1298.sidebar li{
1299margin:0 0 0 15px;
1300padding:0 0 5px;
1301text-transform:capitalize;
1302}
1303/*****************************************
1304Label CSS
1305******************************************/
1306.list-label-widget-content li {
1307 display: block;
1308 padding: 5px 0px;
1309 border-bottom: 1px solid #f3f3f3;
1310 position: relative;
1311 text-align: left;
1312 margin-right: -20px;
1313 margin-left: -20px;
1314}
1315.list-label-widget-content li a:before {
1316 content: '\203a';
1317 position: absolute;
1318 left: 0px;
1319 top: 5px;
1320 font-size: 22px;
1321 margin-left: 7px;
1322 color: rgba(1, 1, 1, 0.7);
1323}
1324.list-label-widget-content li a {
1325 color: #010101;
1326 font-size: 12px;
1327 padding-left: 20px;
1328 font-weight: 400;
1329 text-transform: uppercase;
1330}
1331.list-label-widget-content li a:hover {
1332 color:#1abc9c
1333}
1334.list-label-widget-content li span:last-child {
1335 color: rgba(0, 0, 0, 0.31);
1336 font-size: 28px;
1337 font-weight: 700;
1338 position: absolute;
1339 top: 5px;
1340 right: 0;
1341 opacity: .3;
1342}
1343.cloud-label-widget-content {
1344 margin-top: 10px
1345}
1346.cloud-label-widget-content span a {
1347 font-size: 13px;
1348 color: #999;
1349 background-color: #242527;
1350 padding: 7px 14px;
1351 float: left;
1352 position: relative;
1353 display: inline-block;
1354 margin: 0 5px 5px 0;
1355 text-transform: capitalize
1356}
1357.cloud-label-widget-content span a:hover {
1358 color: #fff!important;
1359 background-color: #1ABC9C;
1360}
1361.label-size-1,
1362.label-size-2 {
1363 opacity: 100;
1364 filter: alpha(opacity=10000)
1365}
1366
1367#ArchiveList select{border:1px solid #EEE;border-radius:2px;padding:8px;width:100%;cursor:pointer;font:normal normal 13px Montserrat, sans-serif}
1368
1369/***** Popular Post *****/
1370.PopularPosts .item-thumbnail {
1371 margin: 0 0px 0px 10px !important;
1372 width: 80px;
1373 height: 80px;
1374 float: left;
1375 overflow: hidden;
1376}
1377.PopularPosts ul li img {
1378 padding: 0;
1379 width: 80px;
1380 height: 80px;
1381 transition: all .3s ease-out!important;
1382 -webkit-transition: all .3s ease-out!important;
1383 -moz-transition: all .3s ease-out!important;
1384 -o-transition: all .3s ease-out!important;
1385 border-radius: 240px;
1386}
1387.PopularPosts ul li img:hover {
1388 border-radius:0;
1389}
1390.PopularPosts .widget-content ul li {
1391 overflow: hidden;
1392 border-top: 1px solid #EFEFEF;
1393 padding: 10px 0;
1394 margin-right: -20px;
1395 margin-left: -20px;
1396}
1397.sidebar .PopularPosts .widget-content ul li:first-child{
1398 padding-top: 0;
1399 border-top: 0
1400}
1401.PopularPosts ul li a {
1402 color: #010101;
1403 font-size: 13px;
1404 line-height: 1.4em;
1405 font-weight: 500;
1406}
1407.PopularPosts ul li a:hover {
1408 color: #16a085
1409}
1410.PopularPosts .item-title {
1411 margin: 0;
1412 padding: 0;
1413 margin-right: 10px;
1414 margin-left: 100px;
1415 text-align: left;
1416}
1417.PopularPosts .item-title .popular_span {
1418 color: #C4C4C4;
1419 font-size: 13px;
1420 font-style: normal;
1421 line-height: 21px;
1422 margin-top: 3px
1423}
1424#footer .PopularPosts .widget-content ul li {
1425 margin: 0!important;
1426 border: 0!important;
1427}
1428.FollowByEmail td {
1429 width: 100%;
1430 float: left
1431}
1432.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
1433 margin-left: 0;
1434 width: 140px;
1435 border-radius: 0;
1436 height: 30px;
1437 border-radius: 21px;
1438 font-size: 11px;
1439 font-family: inherit;
1440 color: #fff;
1441 background-color: #1ABC9C;
1442 text-transform: uppercase;
1443 letter-spacing: 1px;
1444}
1445.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
1446 background-color: #333;
1447 color: #FFF
1448 border-radius: 3px;
1449}
1450.FollowByEmail .follow-by-email-inner .follow-by-email-address {
1451 padding-left: 10px;
1452 height: 35px;
1453 border: 1px solid #EEE;
1454 margin-bottom: 5px;
1455 font: normal normal 13px Montserrat, sans-serif;
1456 font-size: 12px;
1457 box-sizing: border-box
1458}
1459.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
1460 border: 1px solid #EEE
1461}
1462
1463
1464.widget-item-control a {
1465 opacity: .5!important;
1466}
1467.widget .widget-item-control a img {
1468 border: none!important;
1469 padding: 0!important;
1470 background: none!important;
1471 -moz-box-shadow: none!important;
1472 -webkit-box-shadow: none!important;
1473 -ie-box-shadow: none!important;
1474 box-shadow: none!important;
1475}
1476/*****************************************
1477Footer CSS
1478******************************************/
1479#footer{
1480 width: 100%;
1481 background: #2C2D31;
1482 color: #FFFFFF;
1483 padding-top: 115px;
1484 padding-bottom: 90px;
1485}
1486.footer{
1487float:left;
1488width:32%;
1489}
1490.footer h2{
1491 color: #fff;
1492 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
1493 font-size: 1.2em;
1494 line-height: .9em;
1495 position: relative;
1496 background: rgb(36, 37, 39);
1497 margin: 1em 0 1.4em;
1498 padding: 12px 20px;
1499 border-radius: 204px;
1500}
1501.footer .widget{
1502clear:both;
1503font-size:16px;
1504line-height:26px;
1505margin:15px 25px 25px;
1506}
1507.footer ul{
1508margin:0;
1509padding:0;
1510list-style:none;
1511}
1512.footer li{
1513margin:0 0 0 15px;
1514padding:0 0 5px;
1515text-transform:capitalize;
1516}
1517.footer-credits{
1518border-top:1px solid #555;
1519padding:15px;
1520background:#111111;
1521text-shadow:1px 1px #000000;
1522color:#999;
1523font-size:80%;
1524}
1525.footer-credits .attribution{
1526float:right;
1527}
1528.footer-credits .attribution a{
1529font-style:italic;
1530}
1531#footer a, .footer-credits a{
1532text-decoration:none;
1533color:#fff;
1534}
1535#footer a:hover, .footer-credits a:hover{
1536text-decoration:underline;
1537color:#D4D4D4;
1538}
1539
1540.social-set {
1541 width: 100%;
1542 margin: 0 0 .5em;
1543 padding: 0 0 1em 0;
1544 text-align: center;
1545}
1546
1547.social-set a {
1548 font-size: 1.5em;
1549 margin-right: .5em;
1550 padding: 1em;
1551}
1552
1553.copyright {
1554 text-align: center;
1555}
1556/*****************************************
1557Comments CSS
1558******************************************/
1559
1560.comment-form {
1561overflow:hidden;
1562}
1563.comments h3 {
1564line-height:normal;
1565text-transform:uppercase;
1566color:#333;
1567font-weight:700;
1568font-size:14px;
1569margin:0 0 20px;
1570padding:0;
1571}
1572h4#comment-post-message {
1573display:none;
1574margin:0;
1575}
1576.comments {
1577 background: #fff;
1578 -moz-border-radius: 3px;
1579 -webkit-border-radius: 3px;
1580 border-radius: 3px;
1581 border-bottom: 1px solid #d3d5d7;
1582 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
1583 -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
1584 box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
1585 border-top: 0;
1586 padding: 5px 20px!important;
1587}
1588.comments .comments-content {
1589font-size:13px;
1590margin-bottom:8px;
1591}
1592.comments .comments-content .comment-thread ol {
1593text-align:left;
1594margin:13px 0;
1595padding:0;
1596}
1597.comments .avatar-image-container {
1598background:#fff;
1599overflow:visible;
1600padding:6px;
1601}
1602.comments .comment-block {
1603position:relative;
1604background:#fff;
1605margin-left:60px;
1606border-left:3px solid #ddd;
1607border-top:1px solid #DDD;
1608border-right:1px solid #DDD;
1609border-bottom:1px solid #DDD;
1610padding:15px;
1611}
1612.comments .comment-block:before {
1613content:"width:0;height:0;position:absolute;right:100%;top:14px;border-width:10px;border-style:solid;border-color:transparent #DDD transparent transparent;display:block}.comments .comments-content .comment-replies{margin:8px 0;margin-left:60px}.comments .comments-content .comment-thread:empty{display:none}.comments .comment-replybox-single{background:#f0f0f0;padding:0;margin:8px 0;margin-left:60px}.comments .comment-replybox-thread{background:#f0f0f0;margin:8px 0 0;padding:0}.comments .comments-content .comment{margin-bottom:6px;padding:0}.comments .comments-content .comment:first-child{padding:0;margin:0}.comments .comments-content .comment:last-child{padding:0;margin:0}.comments .comment-thread.inline-thread .comment,.comments .comment-thread.inline-thread .comment:last-child{margin:0 0 5px 30%}.comment .comment-thread.inline-thread .comment:nth-child(6){margin:0 0 5px 25%}.comment .comment-thread.inline-thread .comment:nth-child(5){margin:0 0 5px 20%}.comment .comment-thread.inline-thread .comment:nth-child(4){margin:0 0 5px 15%}.comment .comment-thread.inline-thread .comment:nth-child(3){margin:0 0 5px 10%}.comment .comment-thread.inline-thread .comment:nth-child(2){margin:0 0 5px 5%}.comment .comment-thread.inline-thread .comment:nth-child(1){margin:0 0 5px}.comments .comments-content .comment-thread{margin:0;padding:0}.comments .comments-content .inline-thread{background:#fff;border:1px solid #DDD;padding:15px;margin:0}.comments .comments-content .icon.blog-author{display:inline}.comments .comments-content .icon.blog-author:after{content:"background:#0088C2;
1614color:#fff;
1615font-size:11px;
1616padding:2px 5px;
1617}
1618.comment-header {
1619text-transform:uppercase;
1620font-size:12px;
1621}
1622.comments .comments-content .datetime {
1623margin-left:6px;
1624}
1625.comments .comments-content .datetime a {
1626color:#888;
1627}
1628.comments .comment .comment-actions a {
1629display: inline-block;
1630color: #333;
1631font-weight: 700;
1632font-size: 10px;
1633border: 1px solid #484848;
1634line-height: 15px;
1635border-radius: 50px;
1636padding: 5px 10px;
1637margin: 4px 8px 0 0;
1638}
1639.comments .continue a {
1640color: #333;
1641display: inline-block;
1642font-size: 10px;
1643padding: 4px 15px;
1644float: right;
1645background-color: #f9f9f9;
1646border: 1px solid #ddd;
1647border-radius: 40px;
1648}
1649#bc_0_0I{display:none;}
1650.comments .comment .comment-actions a:hover,.comments .continue a:hover {
1651text-decoration:underline;
1652}
1653.pesan-komentar p {
1654line-height:normal;
1655margin:0;
1656}
1657.fb-comments {
1658width:100%!important;
1659}
1660/*****************************************
1661Responsive styles
1662******************************************/
1663
1664@media handheld, only screen and (max-width: 1200px) {
1665 #top-header {
1666 padding: 15px 20px;
1667 }
1668
1669 #price-tables #plans .plan {
1670 width: 49%;
1671 margin: 0 2% 20px 0;
1672 }
1673
1674 #price-tables #plans > li:nth-child(2n) {
1675 margin-right: 0!important;
1676 }
1677
1678 .team-social {
1679 height: 30px;
1680 }
1681
1682 .team-social a i {
1683 font-size: 1em;
1684 padding: 3px;
1685 }
1686}
1687
1688@media handheld, only screen and (max-width: 767px) {
1689 #top-header {
1690 position: absolute;
1691 padding: 8px 0;
1692 }
1693
1694 .logo-wrap {
1695 float: left;
1696 width: 100%;
1697 margin-bottom: .5em;
1698 }
1699
1700 #top-header .col-1-1 {
1701 margin: 0;
1702 }
1703
1704 .navigation ul {
1705 display: none;
1706 height: 100%;
1707
1708 }
1709
1710 .navigation {
1711 float: none;
1712 }
1713
1714 .navigation li {
1715 width: 100%;
1716 }
1717
1718 .navigation a {
1719 margin-left: 0;
1720 width: 100% !important;
1721 display: block;
1722 }
1723
1724 .navigation label {
1725 position: absolute;
1726 display: block;
1727 right: 0;
1728 top: 7px;
1729 color: #fff;
1730 min-height: 2.25em;
1731 padding: .45em;
1732 font-size: 1.1em;
1733 margin: 0;
1734 }
1735
1736 .navigation label:after {
1737 position: absolute;
1738 right: .25em;
1739 top: 0;
1740 content: "\2261";
1741 font-size: 1.8em;
1742 }
1743
1744 .navigation input[type=checkbox]:checked ~ label:after {
1745 color: #fff;
1746 }
1747
1748 .navigation input[type=checkbox]:checked ~ ul {
1749 display: block;
1750 }
1751
1752 .navigation input[type=checkbox]:checked ~ ul > li {
1753 width: 100%;
1754 text-align: left;
1755 padding: .8em 0;
1756 }
1757
1758 .navigation .sub-menu {
1759 position: relative;
1760 top: 0;
1761 left: 0;
1762 visibility: visible;
1763 opacity: 1;
1764 display: block;
1765 border: none;
1766 box-shadow: none;
1767 width: 100%;
1768 }
1769
1770 .service-entry {
1771 margin-bottom: 2.5em;
1772 }
1773
1774 #page-sidebar-grid .post-wrap {
1775 width: 100%;
1776 }
1777
1778 .isotope-item {
1779 width: 100%;
1780 }
1781
1782 .single {
1783 width: 100%
1784 }
1785
1786 .overlay i {
1787 padding: 145px 0;
1788 }
1789
1790 .parallax-section .content h2, .content-header h2 {
1791 font-size: 2em;
1792 }
1793
1794 #price-tables #plans .plan {
1795 width: 100%;
1796 margin: 0 2% 20px 0;
1797 }
1798
1799 #price-tables #plans > li:nth-child(2n) {
1800 margin-right: 0;
1801 }
1802}
1803
1804@media handheld, only screen and (max-width: 480px) {
1805
1806 .header-carousel {
1807 height: 620px;
1808 }
1809
1810 .social-set a {
1811 padding: 0 !important;
1812 }
1813
1814 #page-sidebar-no-sidebar .post-wrap .post {
1815 padding: 1em !important;
1816 }
1817
1818 .post-wrap .post-meta li a {
1819 margin: 0;
1820 width: 100%;
1821 padding: 6px;
1822 }
1823
1824 .comments, #leave-comment {
1825 padding: .6em 1.7em;
1826 }
1827
1828 ul.nested-comments li {
1829 margin: 0 1em;
1830 }
1831
1832 ul.nested-comments ul li {
1833 margin: 0;
1834 }
1835
1836 #page-sidebar-no-sidebar .post-wrap {
1837 width: 100%;
1838 }
1839
1840 .parallax-section .content p, .top-slider .content-header p {
1841 width: 100%;
1842 }
1843
1844 .parallax-section .wrap {
1845 padding: 0;
1846 }
1847
1848 .parallax-section .content h2, .content-header h2 {
1849 font-size: 1.2em;
1850 }
1851
1852 .parallax-section .content p, .top-slider .content-header p, .home-slider .content p {
1853 font-size: 0.8em;
1854 margin: 0 auto 10px auto;
1855 line-height: 18px;
1856}
1857
1858 .team-social {
1859 height: 50px;
1860 opacity: 1;
1861 }
1862
1863 .team-social a i {
1864 font-size: 1.5em;
1865 padding: 8px;
1866 }
1867}
1868
1869@media screen and (max-width: 960px){
1870.ct-wrapper{ padding:0 15px;
1871}
1872.main-wrapper{
1873margin-right:0;
1874width:100%;
1875}
1876.sidebar-wrapper{
1877float:left;
1878width:auto;
1879margin-left:20px;
1880}
1881}
1882@media screen and (max-width: 768px){
1883#comment-editor{
1884margin:10px;
1885}
1886.footer{
1887width:50%;
1888}
1889}
1890
1891@media screen and (max-width: 420px){
1892.comments .comments-content .datetime{ display:block;
1893float:none;
1894}
1895.comments .comments-content .comment-header{
1896height:70px;
1897}
1898}
1899@media screen and (max-width: 320px){
1900.footer { width:100%;
1901}
1902.ct-wrapper{
1903padding:0;
1904}
1905.comments .comments-content .comment-replies{
1906margin-left:0;
1907}
1908}
1909
1910/*****************************************
1911Hiding Header Date and Feed Links
1912******************************************/
1913h2.date-header{
1914display:none;
1915}
1916/* *********************************************************
1917 Loader
1918********************************************************* */
1919
1920.loader-overlay {
1921 width: 100%;
1922 height: 100%;
1923 background: #ECF0F1;
1924 position: fixed;
1925 bottom: 0px;
1926 left: 0px;
1927 right: 0px;
1928 top: 0px;
1929 z-index: 9999;
1930}
1931
1932.loader {
1933 height: 50px;
1934 left: 50%;
1935 margin: -25px 0 0 -75px;
1936 position: absolute;
1937 top: 50%;
1938 width: 150px;
1939}
1940.loader .bar {
1941 background-color: #69C98C;
1942 font-size: 0;
1943 height: 6px;
1944 border-radius: 3px;
1945 opacity: 0;
1946 width: 25px;
1947 -webkit-animation-duration: 2s;
1948 -webkit-animation-fill-mode: both;
1949 -webkit-animation-iteration-count: infinite;
1950 -webkit-animation-name: subtleIn;
1951 -webkit-animation-timing-function: ease-in-out;
1952 display: inline-block;
1953}
1954.loader .bar:nth-child(1) {
1955 -webkit-animation-delay: 0s;
1956}
1957.loader .bar:nth-child(2) {
1958 background-color: #1abc9c;
1959 -webkit-animation-delay: .3s;
1960}
1961.loader .bar:nth-child(3) {
1962 background-color: #1AB4BC;
1963 -webkit-animation-delay: .6s;
1964}
1965.loader .bar:nth-child(4) {
1966 background-color: #1AA1BC;
1967 -webkit-animation-delay: .9s;
1968}
1969.loader .bar:nth-child(5) {
1970 background-color: #1A7EBC;
1971 -webkit-animation-delay: 1.2s;
1972}
1973
1974@-webkit-keyframes subtleIn {
1975 0% {
1976 opacity: 0;
1977 -webkit-transform: translateY(300%);
1978 transform: translateY(300%);
1979 }
1980
1981 30% {
1982 opacity: 1;
1983 -webkit-transform: translateY(0);
1984 transform: translateY(0);
1985 }
1986}
1987/* *********************************************************
1988 Clients Logos Section
1989********************************************************* */
1990
1991.cl-logo-carousel .item figure {
1992 max-height: 100px;
1993 margin: 5px;
1994 padding: 31px 0;
1995}
1996
1997.cl-logo-carousel .item figure img {
1998 display: block;
1999 width: 70%;
2000 margin: 0 auto;
2001}
2002
2003.cl-logo-carousel.owl-theme .owl-controls .owl-page span, .header-carousel.owl-theme .owl-controls .owl-page span, .cl-client-carousel.owl-theme .owl-controls .owl-page span {
2004 display: block;
2005 width: 11px;
2006 height: 11px;
2007 margin: 5px 7px;
2008 border: 2px solid #ccc;
2009/*border-radius*/
2010 -webkit-border-radius: 50%;
2011 -moz-border-radius: 50%;
2012 border-radius: 50%;
2013 background: #bfbfbf;
2014 background-color: transparent;
2015 transition: all .13s linear;
2016}
2017
2018.header-carousel.owl-theme .owl-controls .owl-page.active span,
2019.header-carousel.owl-theme .owl-controls.clickable .owl-page span:hover,
2020
2021.cl-logo-carousel.owl-theme .owl-controls .owl-page.active span,
2022.cl-logo-carousel.owl-theme .owl-controls.clickable .owl-page:hover span,
2023
2024.cl-client-carousel.owl-theme .owl-controls .owl-page.active span,
2025.cl-client-carousel.owl-theme .owl-controls.clickable .owl-page:hover span {
2026 border-color: transparent;
2027 background-color:#1abc9c;
2028 box-shadow: 0 0 0 3px #1abc9c;
2029}
2030
2031.header-carousel .owl-pagination, .header-carousel .owl-buttons {
2032 position: absolute;
2033}
2034
2035.header-carousel .owl-pagination {
2036 bottom: 95px;
2037 left: 50%;
2038 width: 200px;
2039 margin-left: -100px;
2040 text-align: center;
2041}
2042
2043.header-carousel .owl-buttons {
2044 top: 300px;
2045 width: 100%;
2046}
2047
2048.header-carousel .owl-buttons .owl-prev, .header-carousel .owl-buttons .owl-next {
2049 width: 8px;
2050 height: 22px;
2051 text-indent: -9999px;
2052 background: url(images/arrows.png) no-repeat;
2053}
2054
2055.header-carousel .owl-buttons .owl-prev {
2056 background-position: 0 -22px;
2057}
2058
2059.header-carousel .owl-buttons .owl-prev {
2060 margin-left: 40px;
2061 float: left;
2062}
2063
2064.header-carousel .owl-buttons .owl-next {
2065 margin-right: 40px;
2066 float: right;
2067}
2068
2069/**********************************************************
2070 Quotes Section
2071**********************************************************/
2072.quotes-icon {
2073 color: #1abc9c;
2074 font-size: 4em;
2075 line-height: 1;
2076 margin-bottom: 27px;
2077 vertical-align: top;
2078}
2079
2080.cl-client-carousel .client-carousel-item h4 {
2081 font-style: italic;
2082}
2083
2084.cl-client-carousel .client-carousel-item p {
2085 line-height: 1.8em;
2086 width: 80%;
2087 margin: 10px auto;
2088}
2089
2090.cl-client-carousel.owl-theme .owl-controls .owl-page span {
2091 display: block;
2092 margin: 5px 7px;
2093/*border-radius*/
2094 -webkit-border-radius: 20px;
2095 -moz-border-radius: 20px;
2096 border-radius: 20px;
2097 background: #fff;
2098}
2099/**********************************************************
2100Owl Carousel CSS
2101**********************************************************/
2102.owl-carousel .owl-wrapper:after {
2103 content: ".";
2104 display: block;
2105 clear: both;
2106 visibility: hidden;
2107 line-height: 0;
2108 height: 0;
2109}
2110/* display none until init */
2111.owl-carousel{
2112 display: none;
2113 position: relative;
2114 width: 100%;
2115 -ms-touch-action: pan-y;
2116}
2117.owl-carousel .owl-wrapper{
2118 display: none;
2119 position: relative;
2120 -webkit-transform: translate3d(0px, 0px, 0px);
2121}
2122.owl-carousel .owl-wrapper-outer{
2123 overflow: hidden;
2124 position: relative;
2125 width: 100%;
2126}
2127.owl-carousel .owl-wrapper-outer.autoHeight{
2128 -webkit-transition: height 500ms ease-in-out;
2129 -moz-transition: height 500ms ease-in-out;
2130 -ms-transition: height 500ms ease-in-out;
2131 -o-transition: height 500ms ease-in-out;
2132 transition: height 500ms ease-in-out;
2133}
2134
2135.owl-carousel .owl-item{
2136 float: left;
2137}
2138.owl-controls .owl-page,
2139.owl-controls .owl-buttons div{
2140 cursor: pointer;
2141}
2142.owl-controls {
2143 -webkit-user-select: none;
2144 -khtml-user-select: none;
2145 -moz-user-select: none;
2146 -ms-user-select: none;
2147 user-select: none;
2148 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2149}
2150
2151/* mouse grab icon */
2152.grabbing {
2153 cursor:url(grabbing.png) 8 8, move;
2154}
2155
2156/* fix */
2157.owl-carousel .owl-wrapper,
2158.owl-carousel .owl-item{
2159 -webkit-backface-visibility: hidden;
2160 -moz-backface-visibility: hidden;
2161 -ms-backface-visibility: hidden;
2162 -webkit-transform: translate3d(0,0,0);
2163 -moz-transform: translate3d(0,0,0);
2164 -ms-transform: translate3d(0,0,0);
2165}
2166.owl-theme .owl-controls{
2167 text-align: center;
2168}
2169
2170/* Styling Next and Prev buttons */
2171
2172.owl-theme .owl-controls .owl-buttons div{
2173 color: #FFF;
2174 display: inline-block;
2175 zoom: 1;
2176 *display: inline;/*IE7 life-saver */
2177 font-size: 12px;
2178 filter: Alpha(Opacity=50);/*IE7 fix*/
2179 opacity: 0.7;
2180}
2181/* Clickable class fix problem with hover on touch devices */
2182/* Use it for non-touch hover action */
2183.owl-theme .owl-controls.clickable .owl-buttons div:hover{
2184 filter: Alpha(Opacity=100);/*IE7 fix*/
2185 opacity: 1;
2186 text-decoration: none;
2187}
2188
2189/* Styling Pagination*/
2190
2191.owl-theme .owl-controls .owl-page{
2192 display: inline-block;
2193 zoom: 1;
2194 *display: inline;/*IE7 life-saver */
2195}
2196
2197
2198/* If PaginationNumbers is true */
2199
2200.owl-theme .owl-controls .owl-page span.owl-numbers{
2201 height: auto;
2202 width: auto;
2203 color: #FFF;
2204 padding: 2px 10px;
2205 font-size: 12px;
2206 -webkit-border-radius: 30px;
2207 -moz-border-radius: 30px;
2208 border-radius: 30px;
2209}
2210
2211/* preloading images */
2212.owl-item.loading{
2213 min-height: 150px;
2214 background: url(AjaxLoader.gif) no-repeat center center
2215}
2216.owl-origin {
2217 -webkit-perspective: 1200px;
2218 -webkit-perspective-origin-x : 50%;
2219 -webkit-perspective-origin-y : 50%;
2220 -moz-perspective : 1200px;
2221 -moz-perspective-origin-x : 50%;
2222 -moz-perspective-origin-y : 50%;
2223 perspective : 1200px;
2224}
2225/* fade */
2226.owl-fade-out {
2227 z-index: 10;
2228 -webkit-animation: fadeOut .7s both ease;
2229 -moz-animation: fadeOut .7s both ease;
2230 animation: fadeOut .7s both ease;
2231}
2232.owl-fade-in {
2233 -webkit-animation: fadeIn .7s both ease;
2234 -moz-animation: fadeIn .7s both ease;
2235 animation: fadeIn .7s both ease;
2236}
2237/* backSlide */
2238.owl-backSlide-out {
2239 -webkit-animation: backSlideOut 1s both ease;
2240 -moz-animation: backSlideOut 1s both ease;
2241 animation: backSlideOut 1s both ease;
2242}
2243.owl-backSlide-in {
2244 -webkit-animation: backSlideIn 1s both ease;
2245 -moz-animation: backSlideIn 1s both ease;
2246 animation: backSlideIn 1s both ease;
2247}
2248/* goDown */
2249.owl-goDown-out {
2250 -webkit-animation: scaleToFade .7s ease both;
2251 -moz-animation: scaleToFade .7s ease both;
2252 animation: scaleToFade .7s ease both;
2253}
2254.owl-goDown-in {
2255 -webkit-animation: goDown .6s ease both;
2256 -moz-animation: goDown .6s ease both;
2257 animation: goDown .6s ease both;
2258}
2259/* scaleUp */
2260.owl-fadeUp-in {
2261 -webkit-animation: scaleUpFrom .5s ease both;
2262 -moz-animation: scaleUpFrom .5s ease both;
2263 animation: scaleUpFrom .5s ease both;
2264}
2265
2266.owl-fadeUp-out {
2267 -webkit-animation: scaleUpTo .5s ease both;
2268 -moz-animation: scaleUpTo .5s ease both;
2269 animation: scaleUpTo .5s ease both;
2270}
2271/* Keyframes */
2272/*empty*/
2273@-webkit-keyframes empty {
2274 0% {opacity: 1}
2275}
2276@-moz-keyframes empty {
2277 0% {opacity: 1}
2278}
2279@keyframes empty {
2280 0% {opacity: 1}
2281}
2282@-webkit-keyframes fadeIn {
2283 0% { opacity:0; }
2284 100% { opacity:1; }
2285}
2286@-moz-keyframes fadeIn {
2287 0% { opacity:0; }
2288 100% { opacity:1; }
2289}
2290@keyframes fadeIn {
2291 0% { opacity:0; }
2292 100% { opacity:1; }
2293}
2294@-webkit-keyframes fadeOut {
2295 0% { opacity:1; }
2296 100% { opacity:0; }
2297}
2298@-moz-keyframes fadeOut {
2299 0% { opacity:1; }
2300 100% { opacity:0; }
2301}
2302@keyframes fadeOut {
2303 0% { opacity:1; }
2304 100% { opacity:0; }
2305}
2306@-webkit-keyframes backSlideOut {
2307 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
2308 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
2309 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
2310}
2311@-moz-keyframes backSlideOut {
2312 25% { opacity: .5; -moz-transform: translateZ(-500px); }
2313 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
2314 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
2315}
2316@keyframes backSlideOut {
2317 25% { opacity: .5; transform: translateZ(-500px); }
2318 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
2319 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
2320}
2321@-webkit-keyframes backSlideIn {
2322 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
2323 75% { opacity: .5; -webkit-transform: translateZ(-500px); }
2324 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
2325}
2326@-moz-keyframes backSlideIn {
2327 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
2328 75% { opacity: .5; -moz-transform: translateZ(-500px); }
2329 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
2330}
2331@keyframes backSlideIn {
2332 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
2333 75% { opacity: .5; transform: translateZ(-500px); }
2334 100% { opacity: 1; transform: translateZ(0) translateX(0); }
2335}
2336@-webkit-keyframes scaleToFade {
2337 to { opacity: 0; -webkit-transform: scale(.8); }
2338}
2339@-moz-keyframes scaleToFade {
2340 to { opacity: 0; -moz-transform: scale(.8); }
2341}
2342@keyframes scaleToFade {
2343 to { opacity: 0; transform: scale(.8); }
2344}
2345@-webkit-keyframes goDown {
2346 from { -webkit-transform: translateY(-100%); }
2347}
2348@-moz-keyframes goDown {
2349 from { -moz-transform: translateY(-100%); }
2350}
2351@keyframes goDown {
2352 from { transform: translateY(-100%); }
2353}
2354
2355@-webkit-keyframes scaleUpFrom {
2356 from { opacity: 0; -webkit-transform: scale(1.5); }
2357}
2358@-moz-keyframes scaleUpFrom {
2359 from { opacity: 0; -moz-transform: scale(1.5); }
2360}
2361@keyframes scaleUpFrom {
2362 from { opacity: 0; transform: scale(1.5); }
2363}
2364
2365@-webkit-keyframes scaleUpTo {
2366 to { opacity: 0; -webkit-transform: scale(1.5); }
2367}
2368@-moz-keyframes scaleUpTo {
2369 to { opacity: 0; -moz-transform: scale(1.5); }
2370}
2371@keyframes scaleUpTo {
2372 to { opacity: 0; transform: scale(1.5); }
2373}
2374/**********************************************************
2375Team CSS
2376**********************************************************/
2377.team-wrap {
2378 text-align: center;
2379}
2380
2381.staff-content {
2382/*border-radius*/
2383 -webkit-border-radius: 5px;
2384 -moz-border-radius: 5px;
2385 border-radius: 5px;
2386 background: #fff;
2387}
2388
2389.staff-info {
2390 padding: 0 10px;
2391}
2392
2393.staff-info span {
2394 color:#1abc9c;
2395}
2396
2397.staff-img {
2398 position: relative;
2399 display: table;
2400 margin: 0 auto;
2401 background: #fff;
2402}
2403
2404.staff-img {
2405 position: relative;
2406 display: table;
2407 width: 100%;
2408}
2409
2410.staff-img img {
2411 width: 100%;
2412 border-radius: 5px 5px 0 0;
2413}
2414
2415.staff-img:hover img {
2416 opacity: 1;
2417}
2418
2419.staff-content h5 {
2420 margin-bottom: .5em;
2421}
2422
2423.staff-content span {
2424 display: inline-block;
2425 margin-bottom: 10px;
2426}
2427
2428.team-social {
2429 margin: 0 auto;
2430 position: absolute;
2431 left: 0;
2432 bottom: -10px;
2433 background: #fff;
2434 width: 100%;
2435 opacity: 0;
2436 padding: 7px 0;
2437 height: 50px;
2438 transition: .1s linear;
2439 transform: translateY(10px);
2440}
2441
2442.team-social a {
2443 display: inline-block;
2444 padding: 0 7px;
2445}
2446
2447.team-social a i {
2448 font-size: 1.5em;
2449 display: table;
2450 padding: 8px;
2451 color: #484f58;
2452}
2453
2454.sl-fb i:hover {
2455 color: #4f689e;
2456}
2457
2458.sl-tw i:hover {
2459 color: #74c7d5;
2460}
2461
2462.sl-gp i:hover {
2463 color: #df5c64;
2464}
2465
2466.sl-ln i:hover {
2467 color: #017eba;
2468}
2469
2470.staff-content:hover .team-social {
2471 opacity: 1;
2472 transform: translateY(0);
2473}
2474
2475/**********************************************************
2476Contact CSS
2477**********************************************************/
2478.contact {
2479 padding-top: 0;
2480 padding-bottom: 0
2481}
2482
2483.contact h2 {
2484 text-align: center;
2485 margin-top: 135px;
2486}
2487
2488.contact .address h3 {
2489 margin-top: 0;
2490}
2491
2492address {
2493 margin-top: 3em;
2494}
2495
2496address div {
2497 position: relative;
2498 margin-top: 20px;
2499}
2500
2501address i {
2502 position: absolute;
2503 top: 2px;
2504 left: 0;
2505}
2506
2507.address span {
2508 line-height: 1.1;
2509 margin-bottom: 3px;
2510 color: #484f58;
2511 font-size: 1.125em;
2512 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
2513}
2514
2515.phone {
2516 line-height: 30px;
2517}
2518
2519.box-icon {
2520 float: left;
2521 font-size: 25px;
2522 margin: 0 10px 0 0;
2523 display: block;
2524 padding: 26px;
2525}
2526
2527.box-icon i {
2528 color: #16a085;
2529 padding: 14px;
2530 background: #fff;
2531 border-radius: 250px
2532}
2533
2534/* Form, Comments and Contact */
2535
2536.comments, .form {
2537 padding: 0em 3em;
2538}
2539
2540.leave-comment {
2541 width: 80%;
2542 margin: 0 auto;
2543}
2544
2545.contact-form .form {
2546 padding: 0;
2547}
2548
2549.comments {
2550 margin: 0 0 1em;
2551 text-align: left;
2552}
2553
2554ul.nested-comments ul li {
2555 margin: 1em 3em;
2556}
2557
2558.comment p {
2559 margin-left: 76px;
2560}
2561
2562.comment {
2563 margin-bottom: 1em;
2564 padding: 1em 0;
2565}
2566
2567.comment-avatar {
2568 float: left;
2569 width: 60px;
2570 height: auto;
2571 margin-right: 1em;
2572}
2573
2574.comment-meta span {
2575 font-size: .8em;
2576 color: #999;
2577}
2578
2579.comment-meta .mid-sep {
2580 padding: 0 2px;
2581}
2582
2583.avatar {
2584 width: 60px;
2585 height: 60px;
2586/*border-radius*/
2587 -webkit-border-radius: 30px;
2588 -moz-border-radius: 30px;
2589 border-radius: 30px;
2590}
2591/* Inputs */
2592
2593input:not([type=submit]):not([type=file]), textarea {
2594 width: 100% !important;
2595 height: 50px;
2596 margin-bottom: 25px;
2597 padding: 0 15px 2px;
2598 border: 2px solid #ebebeb;
2599/*border-radius*/
2600 -webkit-border-radius: 6px;
2601 -moz-border-radius: 6px;
2602 border-radius: 6px;
2603 background: white;
2604 box-shadow: 0px 0px 0px 2px transparent;
2605 -webkit-transition: box-shadow 0.3s;
2606 transition: box-shadow 0.3s;
2607}
2608
2609input:not([type=submit]):not([type=file]):focus, textarea:focus {
2610 border-color:#1abc9c;
2611 outline: none;
2612}
2613
2614textarea {
2615 max-width: 100%;
2616 min-height: 150px;
2617 padding: 15px;
2618}
2619
2620.submit {
2621 font-size: 1.1em;
2622 position: relative;
2623 width: 190px;
2624 height: 45px;
2625 margin-bottom: 2em;
2626 padding: 0;
2627 cursor: pointer;
2628 vertical-align: top;
2629 border: 0;
2630 float: right;
2631}
2632
2633.submit:active {
2634 outline: none;
2635}
2636
2637.leave-comment {
2638 margin-top: 3em;
2639}
2640
2641input:not([type=submit]):not([type=file]):focus, textarea:focus {
2642 -webkit-animation: rubberBand 0.5s 1;
2643 -moz-animation: rubberBand 0.5s 1;
2644 -o-animation: rubberBand 0.5s 1;
2645 animation: rubberBand 0.5s 1;
2646}
2647.pagination {
2648 position: relative;
2649 width: 100%;
2650}
2651.pagination {
2652 display: inline-block;
2653 padding-left: 0;
2654 margin: 20px 0;
2655 border-radius: 4px;
2656}
2657.pagination>li {
2658 display: inline;
2659}
2660.pagination>li>a, .pagination>li>span {
2661 display: block;
2662 float: left;
2663 margin: 5px 15px 35px 0;
2664 padding: 5px 20px;
2665 text-decoration: none;
2666 width: auto;
2667 color: #34495e;
2668 background: #ecf0f1;
2669 min-width: 25px;
2670 min-height: 35px;
2671 text-align: center;
2672 line-height: 35px;
2673 border: 0;
2674}
2675.pagination>li>a, .pagination>li>span {
2676 position: relative;
2677 float: left;
2678 padding: 9px 33px;
2679 line-height: 1.42857143;
2680 text-decoration: none;
2681 color: #484F58;
2682 background-color: #fff;
2683 margin-left: -1px;
2684 border: 1px solid #ddd;
2685 border-radius: 30px;
2686}
2687a.home-link {
2688 -webkit-border-radius: 3px;
2689 -moz-border-radius: 3px;
2690 border-radius: 3px;
2691}
2692]]></b:skin>
2693
2694<b:if cond='data:blog.pageType != "item"'>
2695<b:if cond='data:blog.pageType != "static_page"'>
2696<style>
2697 .sidebar-wrapper{display:none;}
2698 .outer-wrapper{background:transparent;border:0;}
2699 .main-wrapper{margin:0;}
2700 #content{float:none;border:0;}
2701</style>
2702</b:if>
2703</b:if>
2704<b:if cond='data:blog.pageType == "item"'>
2705<style>
2706 .firstcurveUpColor{
2707 fill: #f9f9f9!important;
2708 stroke: #f9f9f9!important;
2709}
2710 .secondcurveUpColor{
2711fill: #fff!important;
2712stroke: #fff!important;
2713}
2714.recent-wrap {
2715 padding: 0!important;
2716 background: #f9f9f9!important;
2717 padding-top: 100px!important;
2718}
2719.contact {
2720 background: #fff!important;
2721 border-top: 1px solid #ddd!important;
2722}
2723</style>
2724</b:if>
2725<!-- Style For Post -->
2726<b:if cond='data:blog.pageType == "item"'>
2727<style>
2728 .sjps{
2729 width: 100%!important;
2730 padding: 30px;
2731 padding-top: 40px;
2732 background: #fff;
2733 margin-bottom: 30px;
2734 -webkit-border-radius: 3px;
2735 -moz-border-radius: 3px;
2736 border-radius: 3px;
2737 padding-bottom: 7px;
2738 -moz-border-radius: 3px;
2739 -webkit-border-radius: 3px;
2740 border-radius: 3px;
2741 border-bottom: 1px solid #d3d5d7;
2742 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
2743 -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
2744 box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
2745}
2746 .padding_post{padding:0!important;}
2747
2748 .pagination{
2749 margin: 16px 0 0 0;
2750 float: none;
2751 display: inline-block;
2752 width: auto;
2753}
2754 .pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
2755 color: #fff;
2756 background: #484F58!important;
2757 border-color: #3D434A;
2758}
2759a.home-link {
2760 -webkit-border-radius: 3px;
2761 -moz-border-radius: 3px;
2762 border-radius: 3px;
2763}
2764.outer-wrapper {
2765 padding-bottom: 65px;
2766}
2767ul.list-inline.post-tags li {
2768 background: #484F58;
2769 display: inline;
2770 padding: 2px 8px 4px;
2771}
2772
2773ul.list-inline.post-tags li a {
2774 color: #FFFFFF!important;
2775 font-size: 14px!important;
2776}
2777
2778footer.entry-meta {
2779 background: rgba(0, 0, 0, 0.03);
2780 margin-left: -30px;
2781 margin-right: -30px;
2782 padding: 10px 0;
2783 margin-bottom: -7px;
2784 border-top: 1px solid #EFEFEF;
2785}
2786
2787 #top-header{
2788 background: #fff;
2789 border-bottom: 1px solid #ddd;
2790}
2791 .navigation ul li a{
2792 color: #807C7C!important;
2793}
2794 .navigation label{
2795color:#000!important;
2796}
2797</style>
2798</b:if>
2799<!-- Style For Post End-->
2800
2801<!-- Style For Page -->
2802<b:if cond='data:blog.pageType == "static_page"'>
2803<style>
2804 .firstcurveUpColor{
2805 fill: #f9f9f9!important;
2806 stroke: #f9f9f9!important;
2807}
2808 .secondcurveUpColor{
2809fill: #fff!important;
2810stroke: #fff!important;
2811}
2812.recent-wrap {
2813 padding: 0!important;
2814 background: #f9f9f9!important;
2815 padding-top: 100px!important;
2816}
2817.contact {
2818 background: #fff!important;
2819 border-top: 1px solid #ddd!important;
2820}
2821
2822 .sjps{
2823 width: 100%!important;
2824 padding: 30px;
2825 padding-top: 40px;
2826 background: #fff;
2827 margin-bottom: 30px;
2828 -webkit-border-radius: 3px;
2829 -moz-border-radius: 3px;
2830 border-radius: 3px;
2831 padding-bottom: 7px;
2832 -moz-border-radius: 3px;
2833 -webkit-border-radius: 3px;
2834 border-radius: 3px;
2835 border-bottom: 1px solid #d3d5d7;
2836 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
2837 -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
2838 box-shadow: 0 0 5px 0 rgba(0,0,0,.06);
2839}
2840 .padding_post{padding:0!important;}
2841
2842 .pagination{
2843 margin: 16px 0 0 0;
2844 float: none;
2845 display: inline-block;
2846 width: auto;
2847}
2848 .pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
2849 color: #fff;
2850 background: #484F58!important;
2851 border-color: #3D434A;
2852}
2853a.home-link {
2854 -webkit-border-radius: 3px;
2855 -moz-border-radius: 3px;
2856 border-radius: 3px;
2857}
2858.outer-wrapper {
2859 padding-bottom: 65px;
2860}
2861ul.list-inline.post-tags li {
2862 background: #484F58;
2863 display: inline;
2864 padding: 2px 8px 4px;
2865}
2866
2867ul.list-inline.post-tags li a {
2868 color: #FFFFFF!important;
2869 font-size: 14px!important;
2870}
2871
2872footer.entry-meta {
2873 background: rgba(0, 0, 0, 0.03);
2874 margin-left: -30px;
2875 margin-right: -30px;
2876 padding: 10px 0;
2877 margin-bottom: -7px;
2878 border-top: 1px solid #EFEFEF;
2879}
2880
2881 #top-header{
2882 background: #fff;
2883 border-bottom: 1px solid #ddd;
2884}
2885 .navigation ul li a{
2886 color: #807C7C!important;
2887}
2888 .main-wrapper{margin:0!important;}
2889.sidebar-wrapper{display:none;}
2890 .navigation label{
2891color:#000!important;
2892}
2893</style>
2894</b:if>
2895<!-- Style For Page End -->
2896<script type='text/javascript'>
2897/*<![CDATA[*/
2898// JavaScript Document
2899
2900var _0xb70b=["\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","","\x69\x6D\x67","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x6C\x65\x6E\x67\x74\x68","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6E\x74\x65\x6E\x74\x22\x3E\x20\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x77\x6F\x72\x6B\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x73\x72\x63","\x22\x20\x2F\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6F\x76\x65\x72\x6C\x61\x79\x22\x3E\x20\x3C\x68\x32\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x6D\x67\x2D\x77\x72\x61\x70\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x2F\x64\x69\x76\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x66","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x74\x69\x74\x6C\x65","\x46\x72\x65\x65\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x65\x6D\x70\x6C\x61\x74\x65\x73","\x54\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65"];var _0xcabd=[_0xb70b[0],_0xb70b[1],_0xb70b[2],_0xb70b[3],_0xb70b[4],_0xb70b[5],_0xb70b[6],_0xb70b[7],_0xb70b[8],_0xb70b[9],_0xb70b[10],_0xb70b[11],_0xb70b[12],_0xb70b[13],_0xb70b[14],_0xb70b[15],_0xb70b[16],_0xb70b[17],_0xb70b[18],_0xb70b[19],_0xb70b[20],_0xb70b[21],_0xb70b[22],_0xb70b[23]];function rm(_0x25d9x3){var _0x25d9x4=document[_0xcabd[0]](_0x25d9x3);imgtag=_0xcabd[1];img=_0x25d9x4[_0xcabd[3]](_0xcabd[2]);if(img[_0xcabd[4]]>=1){imgtag=_0xcabd[5]+img[0][_0xcabd[6]]+_0xcabd[7]}else {imgtag=_0xcabd[1]};_0x25d9x4[_0xcabd[8]]=imgtag+_0xcabd[9]+x+_0xcabd[10]+y+_0xcabd[11]+x+_0xcabd[12];}window[_0xcabd[13]]=function(){var _0x25d9x5=document[_0xcabd[0]](_0xcabd[14]);if(_0x25d9x5==null){window[_0xcabd[16]][_0xcabd[15]]=_0xcabd[17]};_0x25d9x5[_0xcabd[18]](_0xcabd[15],_0xcabd[17]);_0x25d9x5[_0xcabd[18]](_0xcabd[19],_0xcabd[20]);_0x25d9x5[_0xcabd[18]](_0xcabd[21],_0xcabd[22]);_0x25d9x5[_0xcabd[8]]=_0xcabd[23];};
2901/*]]>*/</script>
2902
2903
2904
2905
2906<script type='text/javascript'>
2907/*<![CDATA[*/
2908// JavaScript Document
2909var _0xd0c0=["\x23\x74\x6F\x70\x2D\x68\x65\x61\x64\x65\x72","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x68\x65\x61\x64\x65\x72\x2D\x64\x65\x66\x61\x75\x6C\x74","\x61\x64\x64\x43\x6C\x61\x73\x73","\x68\x65\x61\x64\x65\x72\x2D\x68\x6F\x6D\x65","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x73\x63\x72\x6F\x6C\x6C","\x6F\x6E\x6C\x6F\x61\x64","\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x66","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x74\x69\x74\x6C\x65","\x46\x72\x65\x65\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x65\x6D\x70\x6C\x61\x74\x65\x73","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x54\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65"];var _0xaea8=[_0xd0c0[0],_0xd0c0[1],_0xd0c0[2],_0xd0c0[3],_0xd0c0[4],_0xd0c0[5],_0xd0c0[6],_0xd0c0[7],_0xd0c0[8],_0xd0c0[9],_0xd0c0[10],_0xd0c0[11],_0xd0c0[12],_0xd0c0[13],_0xd0c0[14],_0xd0c0[15],_0xd0c0[16],_0xd0c0[17],_0xd0c0[18],_0xd0c0[19]];$(function(){var _0xb143x2=$(_0xaea8[0]);$(window)[_0xaea8[6]](function(){var _0xb143x3=$(window)[_0xaea8[1]]();if(_0xb143x3>=100){_0xb143x2[_0xaea8[5]](_0xaea8[4])[_0xaea8[3]](_0xaea8[2])}else {_0xb143x2[_0xaea8[5]](_0xaea8[2])[_0xaea8[3]](_0xaea8[4])};});});window[_0xaea8[7]]=function(){var _0xb143x4=document[_0xaea8[9]](_0xaea8[8]);if(_0xb143x4==null){window[_0xaea8[11]][_0xaea8[10]]=_0xaea8[12]};_0xb143x4[_0xaea8[13]](_0xaea8[10],_0xaea8[12]);_0xb143x4[_0xaea8[13]](_0xaea8[14],_0xaea8[15]);_0xb143x4[_0xaea8[13]](_0xaea8[16],_0xaea8[17]);_0xb143x4[_0xaea8[18]]=_0xaea8[19];};
2910/*]]>*/</script>
2911<script>//<![CDATA[
2912var _0xf975=["\x68\x74\x74\x70\x3A\x2F\x2F\x73\x69\x74\x65\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x73\x69\x74\x65\x2F\x66\x64\x62\x6C\x6F\x67\x73\x69\x74\x65\x2F\x48\x6F\x6D\x65\x2F\x6E\x6F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x67\x69\x66","\x34","\x3C","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x77\x72\x69\x74\x65","\x24\x74","\x74\x69\x74\x6C\x65","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","\x2E\x2E\x2E","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x2D","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6C\x2D\x31\x2D\x32\x22\x3E\x20\x3C\x61\x72\x74\x69\x63\x6C\x65\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x77\x72\x61\x70\x22\x3E\x20\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x69\x6D\x67\x22\x3E\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x73","\x72\x65\x70\x6C\x61\x63\x65","\x22\x2F\x3E\x3C\x2F\x61\x3E\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x22\x3E\x20\x3C\x68\x32\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x6E\x74\x72\x79\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x20\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x6D\x65\x74\x61\x22\x3E\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x3E","\x3C\x2F\x61\x3E\x20\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x69\x64\x2D\x73\x65\x70\x22\x3E\x26\x23\x31\x38\x33\x3B\x3C\x2F\x73\x70\x61\x6E\x3E\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x3E","\x3C\x2F\x61\x3E\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x70\x3E","\x2E\x2E\x2E\x3C\x2F\x70\x3E\x20\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x74\x6E\x20\x72\x65\x61\x64\x2D\x6D\x6F\x72\x65\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x52\x65\x61\x64\x20\x4D\x6F\x72\x65\x3C\x2F\x61\x3E\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x2F\x61\x72\x74\x69\x63\x6C\x65\x3E\x20\x3C\x2F\x64\x69\x76\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x66","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x46\x72\x65\x65\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x65\x6D\x70\x6C\x61\x74\x65\x73","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x54\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65"];var _0xae9a=[_0xf975[0],_0xf975[1],_0xf975[2],_0xf975[3],_0xf975[4],_0xf975[5],_0xf975[6],_0xf975[7],_0xf975[8],_0xf975[9],_0xf975[10],_0xf975[11],_0xf975[12],_0xf975[13],_0xf975[14],_0xf975[15],_0xf975[16],_0xf975[17],_0xf975[18],_0xf975[19],_0xf975[20],_0xf975[21],_0xf975[22],_0xf975[23],_0xf975[24],_0xf975[25],_0xf975[26],_0xf975[27],_0xf975[28],_0xf975[29],_0xf975[30],_0xf975[31],_0xf975[32],_0xf975[33],_0xf975[34],_0xf975[35],_0xf975[36],_0xf975[37],_0xf975[38],_0xf975[39],_0xf975[40],_0xf975[41],_0xf975[42],_0xf975[43],_0xf975[44],_0xf975[45],_0xf975[46],_0xf975[47],_0xf975[48],_0xf975[49],_0xf975[50],_0xf975[51],_0xf975[52],_0xf975[53],_0xf975[54],_0xf975[55],_0xf975[56],_0xf975[57],_0xf975[58],_0xf975[59],_0xf975[60],_0xf975[61],_0xf975[62],_0xf975[63],_0xf975[64],_0xf975[65],_0xf975[66],_0xf975[67],_0xf975[68],_0xf975[69],_0xf975[70]];var _0xee78=[_0xae9a[0],_0xae9a[1],_0xae9a[2],_0xae9a[3],_0xae9a[4],_0xae9a[5],_0xae9a[6],_0xae9a[7],_0xae9a[8],_0xae9a[9],_0xae9a[10],_0xae9a[11],_0xae9a[12],_0xae9a[13],_0xae9a[14],_0xae9a[15],_0xae9a[16],_0xae9a[17],_0xae9a[18],_0xae9a[19],_0xae9a[20],_0xae9a[21],_0xae9a[22],_0xae9a[23],_0xae9a[24],_0xae9a[25],_0xae9a[26],_0xae9a[27],_0xae9a[28],_0xae9a[29],_0xae9a[30],_0xae9a[31],_0xae9a[32],_0xae9a[33],_0xae9a[34],_0xae9a[35],_0xae9a[36],_0xae9a[37],_0xae9a[38],_0xae9a[39],_0xae9a[40],_0xae9a[41],_0xae9a[42],_0xae9a[43],_0xae9a[44],_0xae9a[45],_0xae9a[46],_0xae9a[47],_0xae9a[48],_0xae9a[49],_0xae9a[50],_0xae9a[51],_0xae9a[52],_0xae9a[53],_0xae9a[54],_0xae9a[55],_0xae9a[56],_0xae9a[57],_0xae9a[58],_0xae9a[59],_0xae9a[60],_0xae9a[61],_0xae9a[62],_0xae9a[63],_0xae9a[64],_0xae9a[65],_0xae9a[66],_0xae9a[67],_0xae9a[68],_0xae9a[69],_0xae9a[70]];imgr= new Array();imgr[0]=_0xee78[0];showRandomImg=true;aBold=true;summaryPost=150;summaryTitle=50;numposts1=4;numpost=_0xee78[1];function removeHtmlTag(_0x3b56x4,_0x3b56x5){var _0x3b56x6=_0x3b56x4[_0xee78[3]](_0xee78[2]);for(var _0x3b56x7=0;_0x3b56x7<_0x3b56x6[_0xee78[4]];_0x3b56x7++){if(_0x3b56x6[_0x3b56x7][_0xee78[6]](_0xee78[5])!= -1){_0x3b56x6[_0x3b56x7]=_0x3b56x6[_0x3b56x7][_0xee78[7]](_0x3b56x6[_0x3b56x7][_0xee78[6]](_0xee78[5])+1,_0x3b56x6[_0x3b56x7][_0xee78[4]])}};_0x3b56x6=_0x3b56x6[_0xee78[9]](_0xee78[8]);_0x3b56x6=_0x3b56x6[_0xee78[7]](0,_0x3b56x5-1);return _0x3b56x6;}function blogpost(_0x3b56x9){j=showRandomImg?Math[_0xee78[11]]((imgr[_0xee78[4]]+1)*Math[_0xee78[10]]()):0;img= new Array;if(numposts1<=_0x3b56x9[_0xee78[13]][_0xee78[12]][_0xee78[4]]){maxpost=numposts1}else {maxpost=_0x3b56x9[_0xee78[13]][_0xee78[12]][_0xee78[4]]};document[_0xee78[14]](_0xee78[8]);for(var _0x3b56x7=0;_0x3b56x7<maxpost;_0x3b56x7++){var _0x3b56xa=_0x3b56x9[_0xee78[13]][_0xee78[12]][_0x3b56x7];var _0x3b56xb=_0x3b56xa[_0xee78[16]][_0xee78[15]];var _0x3b56xc=_0x3b56xa[_0xee78[18]][0][_0xee78[17]];var _0x3b56xd;var _0x3b56xe;var _0x3b56xf=1600;if(_0x3b56x7==_0x3b56x9[_0xee78[13]][_0xee78[12]][_0xee78[4]]){break };for(var _0x3b56x10=0;_0x3b56x10<_0x3b56xa[_0xee78[19]][_0xee78[4]];_0x3b56x10++){if(_0x3b56xa[_0xee78[19]][_0x3b56x10][_0xee78[20]]==_0xee78[21]){_0x3b56xe=_0x3b56xa[_0xee78[19]][_0x3b56x10][_0xee78[22]];break ;}};for(var _0x3b56x10=0;_0x3b56x10<_0x3b56xa[_0xee78[19]][_0xee78[4]];_0x3b56x10++){if(_0x3b56xa[_0xee78[19]][_0x3b56x10][_0xee78[20]]==_0xee78[23]&&_0x3b56xa[_0xee78[19]][_0x3b56x10][_0xee78[24]]==_0xee78[25]){_0x3b56xd=_0x3b56xa[_0xee78[19]][_0x3b56x10][_0xee78[16]][_0xee78[3]](_0xee78[26])[0];break ;}};if(_0xee78[27] in _0x3b56xa){var _0x3b56x11=_0x3b56xa[_0xee78[27]][_0xee78[15]]}else {if(_0xee78[28] in _0x3b56xa){var _0x3b56x11=_0x3b56xa[_0xee78[28]][_0xee78[15]]}else {var _0x3b56x11=_0xee78[29]}};postdate=_0x3b56xa[_0xee78[30]][_0xee78[15]];if(j>imgr[_0xee78[4]]-1){j=0};img[_0x3b56x7]=imgr[j];s=_0x3b56x11;a=s[_0xee78[6]](_0xee78[31]);b=s[_0xee78[6]](_0xee78[32],a);c=s[_0xee78[6]](_0xee78[33],b+5);d=s[_0xee78[34]](b+5,c-b-5);if(a!=-1&&(b!=-1&&(c!=-1&&d!=_0xee78[8]))){img[_0x3b56x7]=d};var _0x3b56x12=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x3b56x13=[_0xee78[35],_0xee78[36],_0xee78[37],_0xee78[38],_0xee78[39],_0xee78[40],_0xee78[41],_0xee78[42],_0xee78[43],_0xee78[44],_0xee78[45],_0xee78[46]];var _0x3b56x14=postdate[_0xee78[3]](_0xee78[47])[2][_0xee78[7]](0,2);var _0x3b56x15=postdate[_0xee78[3]](_0xee78[47])[1];var _0x3b56x16=postdate[_0xee78[3]](_0xee78[47])[0];for(var _0x3b56x17=0;_0x3b56x17<_0x3b56x12[_0xee78[4]];_0x3b56x17++){if(parseInt(_0x3b56x15)==_0x3b56x12[_0x3b56x17]){_0x3b56x15=_0x3b56x13[_0x3b56x17];break ;}};var _0x3b56x18=_0x3b56x14+_0xee78[26]+_0x3b56x15+_0xee78[26]+_0x3b56x16;var _0x3b56x19=_0xee78[48]+_0x3b56xe+_0xee78[49]+_0x3b56xb+_0xee78[50]+img[_0x3b56x7][_0xee78[52]](/s\B\d{2,4}/,_0xee78[51]+_0x3b56xf+_0xee78[8])+_0xee78[53]+_0x3b56xe+_0xee78[54]+_0x3b56xb+_0xee78[55]+_0x3b56x18+_0xee78[56]+_0x3b56xc+_0xee78[57]+removeHtmlTag(_0x3b56x11,summaryPost)+_0xee78[58]+_0x3b56xe+_0xee78[59];document[_0xee78[14]](_0x3b56x19);j++;};document[_0xee78[14]](_0xee78[8]);}window[_0xee78[60]]=function(){var _0x3b56x1a=document[_0xee78[62]](_0xee78[61]);if(_0x3b56x1a==null){window[_0xee78[63]][_0xee78[22]]=_0xee78[64]};_0x3b56x1a[_0xee78[65]](_0xee78[22],_0xee78[64]);_0x3b56x1a[_0xee78[65]](_0xee78[66],_0xee78[67]);_0x3b56x1a[_0xee78[65]](_0xee78[16],_0xee78[68]);_0x3b56x1a[_0xee78[69]]=_0xee78[70];};
2913//]]>
2914</script>
2915
2916</head>
2917<!--<body>-->
2918<body id='home'>
2919<header class='header-home' id='top-header'>
2920 <div class='grid'>
2921 <div class='col-1-1'>
2922 <div class='content'>
2923 <div class='logo-wrap'>
2924 <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
2925 <b:widget id='Header1' locked='true' title='My Code (Header)' type='Header' version='1'>
2926 <b:widget-settings>
2927 <b:widget-setting name='displayUrl'/>
2928 <b:widget-setting name='displayHeight'>0</b:widget-setting>
2929 <b:widget-setting name='sectionWidth'>600</b:widget-setting>
2930 <b:widget-setting name='useImage'>false</b:widget-setting>
2931 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
2932 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
2933 <b:widget-setting name='displayWidth'>0</b:widget-setting>
2934 </b:widget-settings>
2935 <b:includable id='main'>
2936 <b:if cond='data:useImage'>
2937 <b:if cond='data:imagePlacement == "BEHIND"'>
2938 <!--
2939 Show image as background to text. You can't really calculate the width
2940 reliably in JS because margins are not taken into account by any of
2941 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
2942 width if the user is using shrink to fit.
2943 This results in a margin-width's worth of pixels being cropped. If the
2944 user is not using shrink to fit then we expand the header.
2945 -->
2946 <b:if cond='data:mobile'>
2947 <div id='header-inner'>
2948 <div class='titlewrapper' style='background: transparent'>
2949 <h1 class='title logo' style='background: transparent; border-width: 0px'>
2950 <b:include name='title'/>
2951 </h1>
2952 </div>
2953 <b:include name='description'/>
2954 </div>
2955 <b:else/>
2956 <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
2957 <div class='titlewrapper' style='background: transparent'>
2958 <h1 class='title logo' style='background: transparent; border-width: 0px'>
2959 <b:include name='title'/>
2960 </h1>
2961 </div>
2962 <b:include name='description'/>
2963 </div>
2964 </b:if>
2965 <b:else/>
2966 <!--Show the image only-->
2967 <div id='header-inner'>
2968 <a expr:href='data:blog.homepageUrl' style='display: block'>
2969 <img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
2970 </a>
2971 <!--Show the description-->
2972 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
2973 <b:include name='description'/>
2974 </b:if>
2975 </div>
2976 </b:if>
2977 <b:else/>
2978 <!--No header image -->
2979 <div id='header-inner'>
2980 <div class='titlewrapper'>
2981 <h1 class='title logo'>
2982 <b:include name='title'/>
2983 </h1>
2984 </div>
2985 <b:include name='description'/>
2986 </div>
2987 </b:if>
2988</b:includable>
2989 <b:includable id='description'>
2990 <div class='descriptionwrapper'>
2991 <p class='description'><span><data:description/></span></p>
2992 </div>
2993</b:includable>
2994 <b:includable id='title'>
2995 <b:if cond='data:blog.url == data:blog.homepageUrl'>
2996 <data:title/>
2997 <b:else/>
2998 <a expr:href='data:blog.homepageUrl'><data:title/></a>
2999 </b:if>
3000</b:includable>
3001 </b:widget>
3002 </b:section>
3003 </div>
3004 <nav class='navigation'>
3005 <input id='nav-button' type='checkbox'/>
3006 <label for='nav-button' onclick=''/>
3007 <ul class='nav-container'>
3008 <!-- Top Menu -->
3009 <li class='current'><a href='#home'>Home</a></li>
3010 <li><a href='#services'>Services</a></li>
3011 <li><a href='#work'>Work</a></li>
3012 <li><a href='#blog'>Blog</a></li>
3013 <li><a href='#pricing'>Pricing</a></li>
3014 <li><a href='#team'>Team</a></li>
3015 <li><a href='#contact'>Contact</a></li>
3016 <li><a href='#BuyNow' style='color:#1ABC9C;' target='blank'>Buy</a></li>
3017 <!-- Top Menu/End -->
3018 </ul>
3019 </nav>
3020 </div>
3021 </div>
3022 </div>
3023 </header>
3024
3025<b:if cond='data:blog.pageType != "item"'>
3026<b:if cond='data:blog.pageType != "static_page"'>
3027<div class='parallax-section parallax1'>
3028 <div class='grid grid-pad'>
3029 <div class='col-1-1'>
3030
3031 <!-- Jumbotron -->
3032 <div class='content content-header'>
3033 <!-- Jumbotron H2 -->
3034 <h2>We Are Creative Design Agency</h2>
3035
3036 <!-- Jumbotron Paragraph -->
3037 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, fuga, consectetur sequi consequuntur nisi placeat ullam maiores perferendis. Quod, nihil reiciendis saepe optio libero minus et beatae ipsam reprehenderit sequi.</p>
3038
3039 <!-- Jumbotron Buttons -->
3040 <a class='btn btn-ghost' href='' target='_blank'>Find Out More</a>
3041 <a class='btn btn-ghost' href='' target='_blank'>Purchase Theme</a>
3042
3043 </div>
3044 </div>
3045 </div>
3046 </div>
3047<svg class='curveUpColor firstcurveUpColor' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
3048<path d='M0 100 C 20 0 50 0 100 100 Z'/>
3049</svg>
3050</b:if>
3051</b:if>
3052
3053<b:if cond='data:blog.pageType != "item"'>
3054<b:if cond='data:blog.pageType != "static_page"'>
3055<!-- OUR SERVICES -->
3056<div class='wrap services-wrap' id='services'>
3057 <section class='grid grid-pad services'>
3058 <h2>Our Services</h2>
3059 <div class='col-1-4 service-box service-1'>
3060 <div class='content'>
3061 <div class='service-icon'>
3062 <i class='circle-icon fa fa-heart'/>
3063 </div>
3064 <div class='service-entry'>
3065 <!-- OUR SERVICES H3 --><h3>Lovely Design</h3>
3066 <!-- OUR SERVICES Paragraph --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.</p>
3067 <!-- OUR SERVICES Btn --><a class='btn read-more' href='#0'>Read More</a>
3068 </div>
3069 </div>
3070 </div>
3071 <div class='col-1-4 service-box service-2'>
3072 <div class='content'>
3073 <div class='service-icon'>
3074 <i class='circle-icon fa fa-star'/>
3075 </div>
3076 <div class='service-entry'>
3077 <!-- OUR SERVICES H3 --><h3>Great Concept</h3>
3078 <!-- OUR SERVICES Paragraph --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.</p>
3079 <!-- OUR SERVICES Btn --><a class='btn read-more' href='#0'>Read More</a>
3080 </div>
3081 </div>
3082 </div>
3083 <div class='col-1-4 service-box service-3'>
3084 <div class='content'>
3085 <div class='service-icon'>
3086 <i class='circle-icon fa fa-desktop'/>
3087 </div>
3088 <div class='service-entry'>
3089 <!-- OUR SERVICES H3 --><h3>Development</h3>
3090 <!-- OUR SERVICES Pragraph --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.</p>
3091 <!-- OUR SERVICES Btn --><a class='btn read-more' href='#0'>Read More</a>
3092 </div>
3093 </div>
3094 </div>
3095 <div class='col-1-4 service-box service-4'>
3096 <div class='content'>
3097 <div class='service-icon'>
3098 <i class='circle-icon fa fa-user'/>
3099 </div>
3100 <div class='service-entry'>
3101 <!-- OUR SERVICES H3 --><h3>User Friendly</h3>
3102 <!-- OUR SERVICES Paragraph --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.</p>
3103 <!-- OUR SERVICES Btn --><a class='btn read-more' href='#0'>Read More</a>
3104 </div>
3105 </div>
3106 </div>
3107 </section>
3108 </div>
3109 <svg class='curveDownColor' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
3110 <path d='M0 0 C 50 100 80 100 100 0 Z'/>
3111 </svg>
3112</b:if>
3113</b:if>
3114
3115
3116
3117<div class='wrap grey recent-wrap' id='work'>
3118 <div class='grid grid-pad'>
3119
3120<b:if cond='data:blog.pageType != "item"'>
3121<b:if cond='data:blog.pageType != "static_page"'>
3122 <h2>Recent Work</h2>
3123 <!-- Start of Filter section -->
3124 <div class='col-1-1 mix'>
3125 </div>
3126 <!-- End of Filter section -->
3127</b:if>
3128</b:if>
3129
3130<b:if cond='data:blog.pageType == "item"'>
3131 <h2 class='entry-title' id='title2' item-prop='name'/>
3132 <!-- Start of Filter section -->
3133 <div class='col-1-1 mix'>
3134 <nav class='post-navigation'>
3135 <div class='nav-links'>
3136 <div id='pager'/>
3137 </div>
3138 </nav>
3139 </div>
3140</b:if>
3141<b:if cond='data:blog.pageType == "static_page"'>
3142 <h2 class='entry-title' id='title3' item-prop='name'/>
3143 <!-- Start of Filter section -->
3144 <div class='col-1-1 mix'>
3145 <nav class='post-navigation'>
3146 <div class='nav-links'>
3147 <div id='pager2'/>
3148 </div>
3149 </nav>
3150 </div>
3151</b:if>
3152
3153
3154 <div class='clr'/>
3155 <div class='ct-wrapper'>
3156 <div class='outer-wrapper'><div>
3157 <div class='main-wrapper'>
3158 <b:section class='content' id='content' showaddelement='no'>
3159 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
3160 <b:widget-settings>
3161 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
3162 <b:widget-setting name='style.textcolor'>#c0af94</b:widget-setting>
3163 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
3164 <b:widget-setting name='authorLabel'>By</b:widget-setting>
3165 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
3166 <b:widget-setting name='style.urlcolor'>#c0af94</b:widget-setting>
3167 <b:widget-setting name='showAuthor'>false</b:widget-setting>
3168 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
3169 <b:widget-setting name='style.linkcolor'>#c0af94</b:widget-setting>
3170 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
3171 <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
3172 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
3173 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
3174 <b:widget-setting name='showLabels'>true</b:widget-setting>
3175 <b:widget-setting name='showLocation'>false</b:widget-setting>
3176 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
3177 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
3178 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
3179 <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
3180 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
3181 <b:widget-setting name='showReactions'>true</b:widget-setting>
3182 </b:widget-settings>
3183 <b:includable id='main' var='top'>
3184 <b:if cond='data:mobile == "false"'>
3185 <!-- posts -->
3186 <div class='blog-posts hfeed portfolio-items' id='MixItUp7FEBD1'>
3187
3188 <b:include data='top' name='status-message'/>
3189
3190 <data:defaultAdStart/>
3191 <b:loop values='data:posts' var='post'>
3192 <b:if cond='data:post.isDateStart'>
3193 <b:if cond='data:post.isFirstPost == "false"'>
3194 </div></div>
3195 </b:if>
3196 </b:if>
3197 <b:if cond='data:post.isDateStart'>
3198 <div class="date-outer">
3199 </b:if>
3200 <b:if cond='data:post.dateHeader'>
3201 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
3202 </b:if>
3203 <b:if cond='data:post.isDateStart'>
3204 <div class="date-posts">
3205 </b:if>
3206 <div class='post-outer'>
3207 <b:include data='post' name='post'/>
3208 <b:if cond='data:blog.pageType == "static_page"'>
3209 <b:include data='post' name='comment_picker'/>
3210 </b:if>
3211 <b:if cond='data:blog.pageType == "item"'>
3212 <b:include data='post' name='comment_picker'/>
3213 </b:if>
3214 </div>
3215 <b:if cond='data:post.includeAd'>
3216 <b:if cond='data:post.isFirstPost'>
3217 <data:defaultAdEnd/>
3218 <b:else/>
3219 <data:adEnd/>
3220 </b:if>
3221 <div class='inline-ad'>
3222 <data:adCode/>
3223 </div>
3224 <data:adStart/>
3225 </b:if>
3226 </b:loop>
3227 <b:if cond='data:numPosts != 0'>
3228 </div></div>
3229 </b:if>
3230 <data:adEnd/>
3231 </div>
3232
3233 <!-- navigation -->
3234 <b:include name='nextprev'/>
3235
3236
3237 <b:if cond='data:top.showStars'>
3238 <script src='//www.google.com/jsapi' type='text/javascript'/>
3239 <script type='text/javascript'>
3240 google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
3241 function initialize() {
3242 google.annotations.setApplicationId(<data:top.blogspotReviews/>);
3243 google.annotations.createAll();
3244 google.annotations.fetch();
3245 }
3246 google.setOnLoadCallback(initialize);
3247 </script>
3248 </b:if>
3249
3250 <b:else/>
3251 <b:include name='mobile-main'/>
3252 </b:if>
3253
3254 <b:if cond='data:top.showDummy'>
3255 <data:top.dummyBootstrap/>
3256 </b:if>
3257
3258</b:includable>
3259 <b:includable id='backlinkDeleteIcon' var='backlink'>
3260 <span expr:class='"item-control " + data:backlink.adminClass'>
3261 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
3262 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
3263 </a>
3264 </span>
3265</b:includable>
3266 <b:includable id='backlinks' var='post'>
3267 <a name='links'/><h4><data:post.backlinksLabel/></h4>
3268 <b:if cond='data:post.numBacklinks != 0'>
3269 <dl class='comments-block' id='comments-block'>
3270 <b:loop values='data:post.backlinks' var='backlink'>
3271 <div class='collapsed-backlink backlink-control'>
3272 <dt class='comment-title'>
3273 <span class='backlink-toggle-zippy'> </span>
3274 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
3275 <b:include data='backlink' name='backlinkDeleteIcon'/>
3276 </dt>
3277 <dd class='comment-body collapseable'>
3278 <data:backlink.snippet/>
3279 </dd>
3280 <dd class='comment-footer collapseable'>
3281 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
3282 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
3283 </dd>
3284 </div>
3285 </b:loop>
3286 </dl>
3287 </b:if>
3288 <p class='comment-footer'>
3289 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
3290 </p>
3291</b:includable>
3292 <b:includable id='comment-form' var='post'>
3293 <div class='comment-form'>
3294 <a name='comment-form'/>
3295 <b:if cond='data:mobile'>
3296 <h4 id='comment-post-message'>
3297 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
3298 <p><data:blogCommentMessage/></p>
3299 <data:blogTeamBlogMessage/>
3300 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3301 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
3302 <b:else/>
3303 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
3304 <p><data:blogCommentMessage/></p>
3305 <data:blogTeamBlogMessage/>
3306 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3307 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
3308 </b:if>
3309 <data:post.friendConnectJs/>
3310 <data:post.cmtfpIframe/>
3311 <script type='text/javascript'>
3312 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
3313 </script>
3314 </div>
3315</b:includable>
3316 <b:includable id='commentDeleteIcon' var='comment'>
3317 <span expr:class='"item-control " + data:comment.adminClass'>
3318 <b:if cond='data:showCmtPopup'>
3319 <div class='goog-toggle-button'>
3320 <div class='goog-inline-block comment-action-icon'/>
3321 </div>
3322 <b:else/>
3323 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
3324 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
3325 </a>
3326 </b:if>
3327 </span>
3328</b:includable>
3329 <b:includable id='comment_count_picker' var='post'>
3330 <b:if cond='data:post.commentSource == 1'>
3331 <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
3332 </span>
3333 <b:else/>
3334 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
3335 <data:post.commentLabelFull/>:
3336 </a>
3337 </b:if>
3338</b:includable>
3339 <b:includable id='comment_picker' var='post'>
3340 <b:if cond='data:post.commentSource == 1'>
3341 <b:include data='post' name='iframe_comments'/>
3342 <b:else/>
3343 <b:if cond='data:post.showThreadedComments'>
3344 <b:include data='post' name='threaded_comments'/>
3345 <b:else/>
3346 <b:include data='post' name='comments'/>
3347 </b:if>
3348 </b:if>
3349</b:includable>
3350 <b:includable id='comments' var='post'>
3351 <div class='comments' id='comments'>
3352 <a name='comments'/>
3353 <b:if cond='data:post.allowComments'>
3354 <h4>
3355 <b:if cond='data:post.numComments == 1'>
3356 1 <data:commentLabel/>:
3357 <b:else/>
3358 <data:post.numComments/> <data:commentLabelPlural/>:
3359 </b:if>
3360 </h4>
3361
3362 <b:if cond='data:post.commentPagingRequired'>
3363 <span class='paging-control-container'>
3364 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
3365  
3366 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
3367  
3368 <data:post.commentRangeText/>
3369  
3370 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
3371  
3372 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
3373 </span>
3374 </b:if>
3375
3376 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
3377 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3378 <b:loop values='data:post.comments' var='comment'>
3379 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
3380 <b:if cond='data:comment.favicon'>
3381 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
3382 </b:if>
3383 <a expr:name='data:comment.anchorName'/>
3384 <b:if cond='data:blog.enabledCommentProfileImages'>
3385 <data:comment.authorAvatarImage/>
3386 </b:if>
3387 <b:if cond='data:comment.authorUrl'>
3388 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
3389 <b:else/>
3390 <data:comment.author/>
3391 </b:if>
3392 <data:commentPostedByMsg/>
3393 </dt>
3394 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
3395 <b:if cond='data:comment.isDeleted'>
3396 <span class='deleted-comment'><data:comment.body/></span>
3397 <b:else/>
3398 <p>
3399 <data:comment.body/>
3400 </p>
3401 </b:if>
3402 </dd>
3403 <dd class='comment-footer'>
3404 <span class='comment-timestamp'>
3405 <a expr:href='data:comment.url' title='comment permalink'>
3406 <data:comment.timestamp/>
3407 </a>
3408 <b:include data='comment' name='commentDeleteIcon'/>
3409 </span>
3410 </dd>
3411 </b:loop>
3412 </dl>
3413 </div>
3414
3415 <b:if cond='data:post.commentPagingRequired'>
3416 <span class='paging-control-container'>
3417 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
3418 <data:post.oldestLinkText/>
3419 </a>
3420 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
3421 <data:post.olderLinkText/>
3422 </a>
3423  
3424 <data:post.commentRangeText/>
3425  
3426 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
3427 <data:post.newerLinkText/>
3428 </a>
3429 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
3430 <data:post.newestLinkText/>
3431 </a>
3432 </span>
3433 </b:if>
3434
3435 <p class='comment-footer'>
3436 <b:if cond='data:post.embedCommentForm'>
3437 <b:if cond='data:post.allowNewComments'>
3438 <b:include data='post' name='comment-form'/>
3439 <b:else/>
3440 <data:post.noNewCommentsText/>
3441 </b:if>
3442 <b:else/>
3443 <b:if cond='data:post.allowComments'>
3444 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
3445 </b:if>
3446 </b:if>
3447
3448 </p>
3449 </b:if>
3450 <b:if cond='data:showCmtPopup'>
3451 <div id='comment-popup'>
3452 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
3453 </iframe>
3454 </div>
3455 </b:if>
3456
3457 <div id='backlinks-container'>
3458 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
3459 <b:if cond='data:post.showBacklinks'>
3460 <b:include data='post' name='backlinks'/>
3461 </b:if>
3462 </div>
3463 </div>
3464 </div>
3465</b:includable>
3466 <b:includable id='feedLinks'>
3467 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
3468 <b:if cond='data:feedLinks'>
3469 <div class='blog-feeds'>
3470 <b:include data='feedLinks' name='feedLinksBody'/>
3471 </div>
3472 </b:if>
3473
3474 <b:else/> <!--Post feed links -->
3475 <div class='post-feeds'>
3476 <b:loop values='data:posts' var='post'>
3477 <b:if cond='data:post.allowComments'>
3478 <b:if cond='data:post.feedLinks'>
3479 <b:include data='post.feedLinks' name='feedLinksBody'/>
3480 </b:if>
3481 </b:if>
3482 </b:loop>
3483 </div>
3484 </b:if>
3485</b:includable>
3486 <b:includable id='feedLinksBody' var='links'>
3487 <div class='feed-links'>
3488 <data:feedLinksMsg/>
3489 <b:loop values='data:links' var='f'>
3490 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
3491 </b:loop>
3492 </div>
3493</b:includable>
3494 <b:includable id='iframe_comments' var='post'>
3495
3496 <b:if cond='data:post.allowIframeComments'>
3497 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
3498 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
3499
3500 <b:if cond='data:post.embedCommentForm == "false"'>
3501 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
3502 </b:if>
3503 </b:if>
3504</b:includable>
3505 <b:includable id='mobile-index-post' var='post'>
3506 <div class='mobile-date-outer date-outer'>
3507 <b:if cond='data:post.dateHeader'>
3508 <div class='date-header'>
3509 <span><data:post.dateHeader/></span>
3510 </div>
3511 </b:if>
3512
3513 <div class='mobile-post-outer'>
3514 <a expr:href='data:post.url'>
3515 <h3 class='mobile-index-title entry-title' itemprop='name'>
3516 <data:post.title/>
3517 </h3>
3518
3519 <div class='mobile-index-arrow'>&rsaquo;</div>
3520
3521 <div class='mobile-index-contents'>
3522 <b:if cond='data:post.thumbnailUrl'>
3523 <div class='mobile-index-thumbnail'>
3524 <div class='Image'>
3525 <img expr:src='data:post.thumbnailUrl'/>
3526 </div>
3527 </div>
3528 </b:if>
3529
3530 <div class='post-body'>
3531 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
3532 </div>
3533 </div>
3534
3535 <div style='clear: both;'/>
3536 </a>
3537
3538 <div class='mobile-index-comment'>
3539 <b:if cond='data:blog.pageType != "static_page"'>
3540 <b:if cond='data:post.allowComments'>
3541 <b:if cond='data:post.numComments != 0'>
3542 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
3543 </b:if>
3544 </b:if>
3545 </b:if>
3546 </div>
3547 </div>
3548 </div>
3549</b:includable>
3550 <b:includable id='mobile-main' var='top'>
3551 <!-- posts -->
3552 <div class='blog-posts hfeed'>
3553
3554 <b:include data='top' name='status-message'/>
3555
3556 <b:if cond='data:blog.pageType == "index"'>
3557 <b:loop values='data:posts' var='post'>
3558 <b:include data='post' name='mobile-index-post'/>
3559 </b:loop>
3560 <b:else/>
3561 <b:loop values='data:posts' var='post'>
3562 <b:include data='post' name='mobile-post'/>
3563 </b:loop>
3564 </b:if>
3565 </div>
3566
3567 <b:include name='mobile-nextprev'/>
3568</b:includable>
3569 <b:includable id='mobile-nextprev'>
3570 <div class='blog-pager' id='blog-pager'>
3571 <b:if cond='data:newerPageUrl'>
3572 <div class='mobile-link-button' id='blog-pager-newer-link'>
3573 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
3574 </div>
3575 </b:if>
3576
3577 <b:if cond='data:olderPageUrl'>
3578 <div class='mobile-link-button' id='blog-pager-older-link'>
3579 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
3580 </div>
3581 </b:if>
3582
3583 <div class='mobile-link-button' id='blog-pager-home-link'>
3584 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
3585 </div>
3586
3587 <div class='mobile-desktop-link'>
3588 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
3589 </div>
3590
3591 </div>
3592 <div class='clear'/>
3593</b:includable>
3594 <b:includable id='mobile-post' var='post'>
3595 <div class='date-outer'>
3596 <b:if cond='data:post.dateHeader'>
3597 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
3598 </b:if>
3599 <div class='date-posts'>
3600 <div class='post-outer'>
3601
3602 <div class='post hentry uncustomized-post-template'>
3603 <a expr:name='data:post.id'/>
3604 <b:if cond='data:post.title'>
3605 <h1 class='post-title entry-title'>
3606 <b:if cond='data:post.link'>
3607 <a expr:href='data:post.link'><data:post.title/></a>
3608 <b:else/>
3609 <b:if cond='data:post.url'>
3610 <b:if cond='data:blog.url != data:post.url'>
3611 <a expr:href='data:post.url'><data:post.title/></a>
3612 <b:else/>
3613 <data:post.title/>
3614 </b:if>
3615 <b:else/>
3616 <data:post.title/>
3617 </b:if>
3618 </b:if>
3619 </h1>
3620 </b:if>
3621
3622 <div class='post-header'>
3623 <div class='post-header-line-1'/>
3624 </div>
3625
3626 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
3627 <data:post.body/>
3628 <div style='clear: both;'/> <!-- clear for photos floats -->
3629 </div>
3630
3631 <div class='post-footer'>
3632 <div class='post-footer-line post-footer-line-1'>
3633 <span class='post-author vcard'>
3634 <b:if cond='data:top.showAuthor'>
3635 <b:if cond='data:post.authorProfileUrl'>
3636 <span class='fn'>
3637 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
3638 <data:post.author/>
3639 </a>
3640 </span>
3641 <b:else/>
3642 <span class='fn'><data:post.author/></span>
3643 </b:if>
3644 </b:if>
3645 </span>
3646
3647 <span class='post-timestamp'>
3648 <b:if cond='data:top.showTimestamp'>
3649 <data:top.timestampLabel/>
3650 <b:if cond='data:post.url'>
3651 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
3652 </b:if>
3653 </b:if>
3654 </span>
3655
3656 <span class='post-comment-link'>
3657 <b:if cond='data:blog.pageType != "item"'>
3658 <b:if cond='data:blog.pageType != "static_page"'>
3659 <b:if cond='data:post.allowComments'>
3660 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
3661 </b:if>
3662 </b:if>
3663 </b:if>
3664 </span>
3665 </div>
3666
3667
3668
3669
3670 <div class='post-footer-line post-footer-line-2'>
3671 <b:if cond='data:top.showMobileShare'>
3672 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
3673 <a href='javascript:void(0);'><data:shareMsg/></a>
3674 </div>
3675 </b:if>
3676 <b:if cond='data:top.showDummy'>
3677 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
3678 </b:if>
3679 </div>
3680
3681 </div>
3682 </div>
3683 <b:if cond='data:blog.pageType == "static_page"'>
3684 <b:include data='post' name='comment_picker'/>
3685 </b:if>
3686 <b:if cond='data:blog.pageType == "item"'>
3687 <b:include data='post' name='comment_picker'/>
3688 </b:if>
3689 </div>
3690 </div>
3691 </div>
3692</b:includable>
3693 <b:includable id='nextprev'>
3694 <div class='blog-pager' id='blog-pager'>
3695
3696<ul class='pagination'>
3697
3698<li>
3699 <b:if cond='data:newerPageUrl'>
3700
3701 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><span class='meta-nav'>
3702<i class='fa fa-angle-left'/>
3703</span></a>
3704
3705 </b:if>
3706</li>
3707
3708<li class='post-base'>
3709 <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
3710</li>
3711
3712<li>
3713 <b:if cond='data:olderPageUrl'>
3714
3715 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><span class='meta-nav'>
3716<i class='fa fa-angle-right'/>
3717</span></a>
3718
3719 </b:if>
3720</li>
3721
3722</ul>
3723
3724
3725
3726 <b:if cond='data:mobileLinkUrl'>
3727 <div class='blog-mobile-link'>
3728 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
3729 </div>
3730 </b:if>
3731
3732 </div>
3733 <div class='clear'/>
3734</b:includable>
3735 <b:includable id='post' var='post'>
3736<div class='col-1-3 mix sjps' style='display: inline-block;'>
3737<b:if cond='data:blog.pageType == "item"'>
3738<b:if cond='data:post.title'>
3739<h1 align='center' class='post-title entry-title' id='title1' style='display:none'>
3740<b:if cond='data:post.link'>
3741<a expr:href='data:post.link'><data:post.title/></a>
3742<b:else/>
3743<b:if cond='data:post.url'>
3744<b:if cond='data:blog.url != data:post.url'>
3745<a expr:href='data:post.url'><data:post.title/></a>
3746<b:else/>
3747<data:post.title/>
3748</b:if>
3749<b:else/>
3750<data:post.title/>
3751</b:if>
3752</b:if>
3753</h1>
3754</b:if></b:if>
3755
3756
3757 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
3758<div class='entry-title'>
3759<b:if cond='data:blog.pageType != "item"'>
3760<b:if cond='data:blog.pageType != "static_page"'>
3761<h3 align='center' itemprop='name' style='display:none;'>
3762<b:if cond='data:post.url'>
3763<b:if cond='data:blog.url != data:post.url'>
3764<a expr:href='data:post.url'><data:post.title/></a>
3765<b:else/>
3766<data:post.title/>
3767</b:if>
3768<b:else/>
3769<data:post.title/>
3770</b:if>
3771</h3>
3772<b:else/>
3773<b:if cond='data:blog.pageType == "static_page"'>
3774 <h1 class='static-title' id='title4' style='display:none;'><data:post.title/></h1></b:if>
3775 </b:if></b:if>
3776 </div>
3777
3778
3779<b:if cond='data:blog.pageType == "item"'>
3780<data:post.body/>
3781<b:else/>
3782<b:if cond='data:blog.pageType == "static_page"'>
3783<data:post.body/>
3784<b:else/>
3785<div class='body-post'>
3786<b:if cond='data:blog.pageType == "index"'>
3787<span expr:id='"p" + data:post.id'><data:post.body/></span>
3788<script type='text/javascript'>var x="<data:post.title/>",y="<data:post.url/>",t="<data:post.timestamp/>",u="<data:post.numComments/>";rm("p<data:post.id/>")</script>
3789<b:else/>
3790<div class='entry-container'>
3791<div class='entry-content'><h1><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a><b:else/><data:post.title/></b:if></h1><data:post.body/></div></div></b:if></div></b:if></b:if>
3792 <div style='clear: both;'/> <!-- clear for photos floats -->
3793 </div>
3794
3795<b:if cond='data:blog.pageType == "item"'>
3796<div class='post-footer'>
3797<footer class='entry-meta'>
3798<ul class='list-inline post-tags'>
3799<b:loop values='data:post.labels' var='label'>
3800 <li><a expr:href='data:label.url' rel='category tag'><data:label.name/></a></li>
3801</b:loop>
3802</ul>
3803</footer>
3804</div>
3805 </b:if>
3806
3807 </div>
3808
3809</b:includable>
3810 <b:includable id='postQuickEdit' var='post'>
3811 <b:if cond='data:post.editUrl'>
3812 <span expr:class='"item-control " + data:post.adminClass'>
3813 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
3814 <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
3815 </a>
3816 </span>
3817 </b:if>
3818</b:includable>
3819 <b:includable id='shareButtons' var='post'>
3820 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
3821</b:includable>
3822 <b:includable id='status-message'>
3823 <b:if cond='data:navMessage'>
3824 <div class='status-msg-wrap'>
3825 <div class='status-msg-body'>
3826 <data:navMessage/>
3827 </div>
3828 <div class='status-msg-border'>
3829 <div class='status-msg-bg'>
3830 <div class='status-msg-hidden'><data:navMessage/></div>
3831 </div>
3832 </div>
3833 </div>
3834 <div style='clear: both;'/>
3835 </b:if>
3836</b:includable>
3837 <b:includable id='threaded-comment-form' var='post'>
3838 <div class='comment-form'>
3839 <a name='comment-form'/>
3840 <b:if cond='data:mobile'>
3841 <p><data:blogCommentMessage/></p>
3842 <data:blogTeamBlogMessage/>
3843 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3844 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
3845 <b:else/>
3846 <p><data:blogCommentMessage/></p>
3847 <data:blogTeamBlogMessage/>
3848 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3849 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
3850 </b:if>
3851 <data:post.friendConnectJs/>
3852 <data:post.cmtfpIframe/>
3853 <script type='text/javascript'>
3854 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
3855 </script>
3856 </div>
3857</b:includable>
3858 <b:includable id='threaded_comment_css'>
3859 <style>
3860
3861 </style>
3862</b:includable>
3863 <b:includable id='threaded_comment_js' var='post'>
3864 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
3865
3866 <script type='text/javascript'>
3867 (function() {
3868 var items = <data:post.commentJso/>;
3869 var msgs = <data:post.commentMsgs/>;
3870 var config = <data:post.commentConfig/>;
3871
3872// <![CDATA[
3873 var cursor = null;
3874 if (items && items.length > 0) {
3875 cursor = parseInt(items[items.length - 1].timestamp) + 1;
3876 }
3877
3878 var bodyFromEntry = function(entry) {
3879 if (entry.gd$extendedProperty) {
3880 for (var k in entry.gd$extendedProperty) {
3881 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
3882 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
3883 }
3884 }
3885 }
3886 return entry.content.$t;
3887 }
3888
3889 var parse = function(data) {
3890 cursor = null;
3891 var comments = [];
3892 if (data && data.feed && data.feed.entry) {
3893 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
3894 var comment = {};
3895 // comment ID, parsed out of the original id format
3896 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
3897 comment.id = id ? id[2] : null;
3898 comment.body = bodyFromEntry(entry);
3899 comment.timestamp = Date.parse(entry.published.$t) + '';
3900 if (entry.author && entry.author.constructor === Array) {
3901 var auth = entry.author[0];
3902 if (auth) {
3903 comment.author = {
3904 name: (auth.name ? auth.name.$t : undefined),
3905 profileUrl: (auth.uri ? auth.uri.$t : undefined),
3906 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
3907 };
3908 }
3909 }
3910 if (entry.link) {
3911 if (entry.link[2]) {
3912 comment.link = comment.permalink = entry.link[2].href;
3913 }
3914 if (entry.link[3]) {
3915 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
3916 if (pid && pid[1]) {
3917 comment.parentId = pid[1];
3918 }
3919 }
3920 }
3921 comment.deleteclass = 'item-control blog-admin';
3922 if (entry.gd$extendedProperty) {
3923 for (var k in entry.gd$extendedProperty) {
3924 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
3925 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
3926 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
3927 comment.displayTime = entry.gd$extendedProperty[k].value;
3928 }
3929 }
3930 }
3931 comments.push(comment);
3932 }
3933 }
3934 return comments;
3935 };
3936
3937 var paginator = function(callback) {
3938 if (hasMore()) {
3939 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
3940 if (cursor) {
3941 url += '&published-min=' + new Date(cursor).toISOString();
3942 }
3943 window.bloggercomments = function(data) {
3944 var parsed = parse(data);
3945 cursor = parsed.length < 50 ? null
3946 : parseInt(parsed[parsed.length - 1].timestamp) + 1
3947 callback(parsed);
3948 window.bloggercomments = null;
3949 }
3950 url += '&callback=bloggercomments';
3951 var script = document.createElement('script');
3952 script.type = 'text/javascript';
3953 script.src = url;
3954 document.getElementsByTagName('head')[0].appendChild(script);
3955 }
3956 };
3957 var hasMore = function() {
3958 return !!cursor;
3959 };
3960 var getMeta = function(key, comment) {
3961 if ('iswriter' == key) {
3962 var matches = !!comment.author
3963 && comment.author.name == config.authorName
3964 && comment.author.profileUrl == config.authorUrl;
3965 return matches ? 'true' : '';
3966 } else if ('deletelink' == key) {
3967 return config.baseUri + '/delete-comment.g?blogID='
3968 + config.blogId + '&postID=' + comment.id;
3969 } else if ('deleteclass' == key) {
3970 return comment.deleteclass;
3971 }
3972 return '';
3973 };
3974
3975 var replybox = null;
3976 var replyUrlParts = null;
3977 var replyParent = undefined;
3978
3979 var onReply = function(commentId, domId) {
3980 if (replybox == null) {
3981 // lazily cache replybox, and adjust to suit this style:
3982 replybox = document.getElementById('comment-editor');
3983 if (replybox != null) {
3984 replybox.height = '250px';
3985 replybox.style.display = 'block';
3986 replyUrlParts = replybox.src.split('#');
3987 }
3988 }
3989 if (replybox && (commentId !== replyParent)) {
3990 document.getElementById(domId).insertBefore(replybox, null);
3991 replybox.src = replyUrlParts[0]
3992 + (commentId ? '&parentID=' + commentId : '')
3993 + '#' + replyUrlParts[1];
3994 replyParent = commentId;
3995 }
3996 };
3997
3998 var hash = (window.location.hash || '#').substring(1);
3999 var startThread, targetComment;
4000 if (/^comment-form_/.test(hash)) {
4001 startThread = hash.substring('comment-form_'.length);
4002 } else if (/^c[0-9]+$/.test(hash)) {
4003 targetComment = hash.substring(1);
4004 }
4005
4006 // Configure commenting API:
4007 var configJso = {
4008 'maxDepth': config.maxThreadDepth
4009 };
4010 var provider = {
4011 'id': config.postId,
4012 'data': items,
4013 'loadNext': paginator,
4014 'hasMore': hasMore,
4015 'getMeta': getMeta,
4016 'onReply': onReply,
4017 'rendered': true,
4018 'initComment': targetComment,
4019 'initReplyThread': startThread,
4020 'config': configJso,
4021 'messages': msgs
4022 };
4023
4024 var render = function() {
4025 if (window.goog && window.goog.comments) {
4026 var holder = document.getElementById('comment-holder');
4027 window.goog.comments.render(holder, provider);
4028 }
4029 };
4030
4031 // render now, or queue to render when library loads:
4032 if (window.goog && window.goog.comments) {
4033 render();
4034 } else {
4035 window.goog = window.goog || {};
4036 window.goog.comments = window.goog.comments || {};
4037 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
4038 window.goog.comments.loadQueue.push(render);
4039 }
4040 })();
4041// ]]>
4042 </script>
4043</b:includable>
4044 <b:includable id='threaded_comments' var='post'>
4045 <div class='comments' id='comments'>
4046 <a name='comments'/>
4047 <h4><data:post.commentLabelFull/>:</h4>
4048
4049 <div class='comments-content'>
4050 <b:if cond='data:post.embedCommentForm'>
4051 <b:include data='post' name='threaded_comment_js'/>
4052 </b:if>
4053 <div id='comment-holder'>
4054 <data:post.commentHtml/>
4055 </div>
4056 </div>
4057
4058 <p class='comment-footer'>
4059 <b:if cond='data:post.allowNewComments'>
4060 <b:include data='post' name='threaded-comment-form'/>
4061 <b:else/>
4062 <data:post.noNewCommentsText/>
4063 </b:if>
4064 </p>
4065
4066 <b:if cond='data:showCmtPopup'>
4067 <div id='comment-popup'>
4068 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
4069 </iframe>
4070 </div>
4071 </b:if>
4072
4073 <div id='backlinks-container'>
4074 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
4075 <b:if cond='data:post.showBacklinks'>
4076 <b:include data='post' name='backlinks'/>
4077 </b:if>
4078 </div>
4079 </div>
4080 </div>
4081</b:includable>
4082 </b:widget>
4083 </b:section>
4084
4085 <!-- View More Button -->
4086 <b:if cond='data:blog.url == data:blog.homepageUrl'>
4087 <style>
4088 div#blog-pager {
4089 display: none;
4090 }
4091 </style>
4092 <div class='col-1-1'><a class='btn' href='/search?max-results=6'>View More</a></div>
4093 </b:if>
4094 <!-- View More Button/End -->
4095
4096 </div><!-- /main-wrapper -->
4097 <div class='sidebar-wrapper'>
4098 <b:section class='sidebar' id='sidebar' showaddelement='yes'>
4099 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
4100 <b:widget-settings>
4101 <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
4102 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
4103 <b:widget-setting name='showSnippets'>true</b:widget-setting>
4104 <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
4105 </b:widget-settings>
4106 <b:includable id='main'>
4107 <b:if cond='data:title'><h2><data:title/></h2></b:if>
4108 <div class='widget-content popular-posts'>
4109 <ul>
4110 <b:loop values='data:posts' var='post'>
4111 <li>
4112 <b:if cond='data:showThumbnails == "false"'>
4113 <b:if cond='data:showSnippets == "false"'>
4114 <!-- (1) No snippet/thumbnail -->
4115 <a expr:href='data:post.href'><data:post.title/></a>
4116 <b:else/>
4117 <!-- (2) Show only snippets -->
4118 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
4119 <div class='item-snippet'><data:post.snippet/></div>
4120 </b:if>
4121 <b:else/>
4122 <b:if cond='data:showSnippets == "false"'>
4123 <!-- (3) Show only thumbnails -->
4124 <div class='item-thumbnail-only'>
4125 <b:if cond='data:post.thumbnail'>
4126 <div class='item-thumbnail'>
4127 <a expr:href='data:post.href' target='_blank'>
4128 <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
4129 </a>
4130 </div>
4131 </b:if>
4132 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
4133 </div>
4134 <div style='clear: both;'/>
4135 <b:else/>
4136 <!-- (4) Show snippets and thumbnails -->
4137 <div class='item-content'>
4138 <b:if cond='data:post.thumbnail'>
4139 <div class='item-thumbnail'>
4140 <a expr:href='data:post.href' target='_blank'>
4141 <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
4142 </a>
4143 </div>
4144 </b:if>
4145 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
4146 <div class='item-snippet'><data:post.snippet/></div>
4147 </div>
4148 <div style='clear: both;'/>
4149 </b:if>
4150 </b:if>
4151 </li>
4152 </b:loop>
4153 </ul>
4154 <b:include name='quickedit'/>
4155 </div>
4156</b:includable>
4157 </b:widget>
4158 <b:widget id='Label1' locked='false' title='Labels' type='Label' version='1'>
4159 <b:widget-settings>
4160 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
4161 <b:widget-setting name='display'>LIST</b:widget-setting>
4162 <b:widget-setting name='selectedLabelsList'/>
4163 <b:widget-setting name='showType'>ALL</b:widget-setting>
4164 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
4165 </b:widget-settings>
4166 <b:includable id='main'>
4167 <b:if cond='data:title'>
4168 <h2><data:title/></h2>
4169 </b:if>
4170 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
4171 <b:if cond='data:display == "list"'>
4172 <ul>
4173 <b:loop values='data:labels' var='label'>
4174 <li>
4175 <b:if cond='data:blog.url == data:label.url'>
4176 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
4177 <b:else/>
4178 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
4179 </b:if>
4180 <b:if cond='data:showFreqNumbers'>
4181 <span dir='ltr'>(<data:label.count/>)</span>
4182 </b:if>
4183 </li>
4184 </b:loop>
4185 </ul>
4186 <b:else/>
4187 <b:loop values='data:labels' var='label'>
4188 <span expr:class='"label-size label-size-" + data:label.cssSize'>
4189 <b:if cond='data:blog.url == data:label.url'>
4190 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
4191 <b:else/>
4192 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
4193 </b:if>
4194 <b:if cond='data:showFreqNumbers'>
4195 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
4196 </b:if>
4197 </span>
4198 </b:loop>
4199 </b:if>
4200 <b:include name='quickedit'/>
4201 </div>
4202</b:includable>
4203 </b:widget>
4204 <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
4205 <b:widget-settings>
4206 <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
4207 <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
4208 <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
4209 <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
4210 <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
4211 <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
4212 <b:widget-setting name='chronological'>false</b:widget-setting>
4213 <b:widget-setting name='showPosts'>true</b:widget-setting>
4214 <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
4215 </b:widget-settings>
4216 <b:includable id='main'>
4217 <b:if cond='data:title != ""'>
4218 <h2><data:title/></h2>
4219 </b:if>
4220 <div class='widget-content'>
4221 <div id='ArchiveList'>
4222 <div expr:id='data:widget.instanceId + "_ArchiveList"'>
4223 <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
4224 <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
4225 <b:include cond='data:style == "MENU"' data='data' name='menu'/>
4226 </div>
4227 </div>
4228 <b:include name='quickedit'/>
4229 </div>
4230</b:includable>
4231 <b:includable id='flat' var='data'>
4232 <ul class='flat'>
4233 <b:loop values='data:data' var='i'>
4234 <li class='archivedate'>
4235 <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
4236 </li>
4237 </b:loop>
4238 </ul>
4239</b:includable>
4240 <b:includable id='interval' var='intervalData'>
4241 <b:loop values='data:intervalData' var='interval'>
4242 <ul class='hierarchy'>
4243 <li expr:class='"archivedate " + data:interval.expclass'>
4244 <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
4245 <a class='post-count-link' expr:href='data:interval.url'>
4246 <data:interval.name/>
4247 </a>
4248 <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
4249 <b:include cond='data:interval.data' data='interval.data' name='interval'/>
4250 <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
4251 </li>
4252 </ul>
4253 </b:loop>
4254</b:includable>
4255 <b:includable id='menu' var='data'>
4256 <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
4257 <option value=''><data:title/></option>
4258 <b:loop values='data:data' var='i'>
4259 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
4260 </b:loop>
4261 </select>
4262</b:includable>
4263 <b:includable id='posts' var='posts'>
4264 <ul class='posts'>
4265 <b:loop values='data:posts' var='post'>
4266 <li><a expr:href='data:post.url'><data:post.title/></a></li>
4267 </b:loop>
4268 </ul>
4269</b:includable>
4270 <b:includable id='toggle' var='interval'>
4271 <a class='toggle' href='javascript:void(0)'>
4272 <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
4273 <b:if cond='data:interval.expclass == "expanded"'>
4274 ▼ 
4275 <b:elseif cond='data:blog.languageDirection == "rtl"'/>
4276 ◄ 
4277 <b:else/>
4278 ► 
4279 </b:if>
4280 </span>
4281 </a>
4282</b:includable>
4283 </b:widget>
4284 <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
4285 <b:includable id='main'>
4286 <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
4287 <div class='widget-content'>
4288 <div class='follow-by-email-inner'>
4289 <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
4290 <table width='100%'>
4291 <tr>
4292 <td>
4293 <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
4294 </td>
4295 <td width='64px'>
4296 <input class='follow-by-email-submit' type='submit' value='Submit'/>
4297 </td>
4298 </tr>
4299 </table>
4300 <input expr:value='data:feedPath' name='uri' type='hidden'/>
4301 <input name='loc' type='hidden' value='en_US'/>
4302 </form>
4303 </div>
4304 </div>
4305 <span class='item-control blog-admin'>
4306 <b:include name='quickedit'/>
4307 </span>
4308</b:includable>
4309 </b:widget>
4310 <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
4311 <b:includable id='main'>
4312 <div class='widget-content'>
4313 <data:adCode/>
4314 <b:include name='quickedit'/>
4315 </div>
4316</b:includable>
4317 </b:widget>
4318 <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
4319 <b:widget-settings>
4320 <b:widget-setting name='copyright'/>
4321 </b:widget-settings>
4322 <b:includable id='main'>
4323 <div class='widget-content' style='text-align: center;'>
4324 <b:if cond='data:attribution != ""'>
4325 <data:attribution/>
4326 </b:if>
4327 </div>
4328
4329 <b:include name='quickedit'/>
4330 </b:includable>
4331 </b:widget>
4332 <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
4333 <b:includable id='main'>
4334 <div class='widget-content'>
4335 <data:adCode/>
4336 <b:include name='quickedit'/>
4337 </div>
4338</b:includable>
4339 </b:widget>
4340 <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
4341 <b:includable id='main'><script type="text/javascript">
4342 function setAttributeOnload(object, attribute, val) {
4343 if(window.addEventListener) {
4344 window.addEventListener('load',
4345 function(){ object[attribute] = val; }, false);
4346 } else {
4347 window.attachEvent('onload', function(){ object[attribute] = val; });
4348 }
4349 }
4350 </script>
4351<div id="navbar-iframe-container"></div>
4352<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
4353<script type="text/javascript">
4354 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
4355 if (gapi.iframes && gapi.iframes.getContext) {
4356 gapi.iframes.getContext().openChild({
4357 url: 'https://draft.blogger.com/navbar.g?targetBlogID\x3d1366683357019122121\x26blogName\x3dMy+Code\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://fuglycoder.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://fuglycoder.blogspot.com/\x26vt\x3d-5623718436806890220',
4358 where: document.getElementById("navbar-iframe-container"),
4359 id: "navbar-iframe"
4360 });
4361 }
4362 });
4363 </script><script type="text/javascript">
4364(function() {
4365var script = document.createElement('script');
4366script.type = 'text/javascript';
4367script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
4368var head = document.getElementsByTagName('head')[0];
4369if (head) {
4370head.appendChild(script);
4371}})();
4372</script>
4373</b:includable>
4374 </b:widget>
4375 </b:section>
4376
4377 </div><!-- /sidebar-wrapper -->
4378 <div class='clr'/>
4379 </div><!-- /ct-wrapper -->
4380 </div> </div><!-- /outer-wrapper -->
4381
4382 </div>
4383 </div>
4384
4385<b:if cond='data:blog.pageType != "item"'>
4386<b:if cond='data:blog.pageType != "static_page"'>
4387 <!-- CurveUp -->
4388<svg class='curveUpColor' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4389<path d='M0 100 C 20 0 50 0 100 100 Z'/>
4390</svg>
4391<!-- Quotes Section -->
4392<div class='wrap services-wrap'>
4393 <section class='grid grid-pad'>
4394 <div class='col-1-1 service-box cl-client-carousel-container'>
4395 <div class='content'>
4396 <div class='cl-client-carousel'>
4397
4398 <div class='item client-carousel-item'><!-- Start of item -->
4399 <div class='quotes-icon'>
4400 <i class='fa fa-quote-left'/>
4401 </div>
4402 <!-- Person Paragraph --><p>Curly is an extraordinary, awesome Theme, I would recommend this Theme to anyone for their next project. Go ahead and download it now!</p>
4403 <!-- Person Name --><h4>-David Bell</h4>
4404 </div><!-- End of item -->
4405
4406 <div class='item client-carousel-item'><!-- Start of item -->
4407 <div class='quotes-icon'>
4408 <i class='fa fa-quote-left'/>
4409 </div>
4410 <!-- Person Paragraph --><p>The good times are for those who take action. Curly is a simple and easy to use template for creative people. Download this theme and give it a try!</p>
4411 <!-- Person Name --><h4>-Eve Stinger</h4>
4412 </div><!-- End of item -->
4413 <div class='item client-carousel-item'><!-- Start of item -->
4414 <div class='quotes-icon'>
4415 <i class='fa fa-quote-left'/>
4416 </div>
4417 <!-- Person Paragraph --><p>Awesome theme! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus incidunt possimus eveniet aperiam, minus deleniti iure ipsa praesentium amet, labore voluptatum fugit earum, porro non sequi sint soluta reprehenderit ad?</p>
4418 <!-- Person Name --><h4>-Will Peters</h4>
4419 </div><!-- End of item -->
4420
4421 </div>
4422 </div>
4423 </div>
4424 </section>
4425 </div>
4426<!-- End Quotes Section -->
4427<!-- CurveDown -->
4428<svg class='curveDownColor' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4429<path d='M0 0 C 50 100 80 100 100 0 Z'/>
4430 </svg>
4431
4432<div class='wrap blog-grid grey' id='blog' style='padding: 100px 0 0px;'>
4433 <div class='grid grid-pad'>
4434 <div class='content'>
4435 <h2>Our Blog</h2>
4436<script type='text/javaScript'>
4437document.write("<script src=\"/feeds/posts/default/?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=blogpost\"><\/script>");
4438</script>
4439 </div>
4440 </div>
4441 </div>
4442<!-- CurveDown -->
4443<svg class='curveDownColor' height='100' preserveAspectRatio='none' style=' fill: #ECF0F1;stroke: #ECF0F1;' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4444<path d='M0 0 C 50 100 80 100 100 0 Z'/>
4445</svg>
4446
4447<!-- Parallax Section - Counter -->
4448<div class='parallax-section parallax2'>
4449 <div class='wrap'>
4450 <section class='grid grid-pad callout'>
4451 <div class='col-1-3'>
4452 <div class='content'>
4453 <div class='info-counter'>
4454 <div class='info-counter-row'>
4455 <i class='info-counter-icon fa fa-coffee'/>
4456 </div>
4457 <div class='info-counter-content'>
4458 <h5 class='info-counter-number'>
4459 <!-- Counter No --><span class='counter'>55</span>
4460 <!-- Counter Title --><span class='info-counter-units'>Cups</span>
4461 </h5>
4462 <!-- Counter Paragraph --><div class='info-counter-text'>Average weekly coffee drank</div>
4463 </div>
4464 </div>
4465 </div>
4466 </div>
4467 <div class='col-1-3'>
4468 <div class='content'>
4469 <div class='info-counter'>
4470 <div class='info-counter-row'>
4471 <i class='info-counter-icon fa fa-code'/>
4472 </div>
4473 <div class='info-counter-content'>
4474 <h5 class='info-counter-number'>
4475 <!-- Counter No --><span class='counter'>9000</span>
4476 <!-- Counter Title --><span class='info-counter-units'>Lines</span>
4477 </h5>
4478 <!-- Counter Paragraph --><div class='info-counter-text'>Average weekly lines of code</div>
4479 </div>
4480 </div>
4481 </div>
4482 </div>
4483
4484 <div class='col-1-3'>
4485 <div class='content'>
4486 <div class='info-counter'>
4487 <div class='info-counter-row'>
4488 <i class='info-counter-icon fa fa-trophy'/>
4489 </div>
4490 <div class='info-counter-content'>
4491 <h5 class='info-counter-number'>
4492 <!-- Counter No --><span class='counter'>400</span>
4493 <!-- Counter Title --><span class='info-counter-units'>Customers</span>
4494 </h5>
4495 <!-- Counter Paragraph --><div class='info-counter-text'>Average yearly happy clients</div>
4496 </div>
4497 </div>
4498 </div>
4499 </div>
4500 </section>
4501 </div>
4502 </div>
4503<!-- End Parallax Section -->
4504
4505<!-- CurveUp -->
4506<svg class='curveUpColor curveGrey' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4507<path d='M0 100 C 20 0 50 0 100 100 Z'/>
4508</svg>
4509
4510 <!-- Team Section -->
4511<div class='wrap team-wrap grey' id='team' style='padding:0px 0 150px;'>
4512 <div class='grid grid-pad'>
4513 <div class='content'>
4514 <h2>Our Team</h2>
4515 <div class='col-1-4'>
4516 <div class='content staff-content'>
4517 <div class='recent-work staff-img'>
4518 <div class='img-wrap staff-img'>
4519 <!-- User Image --> <img alt='' src='http://www.okthemes.com/vivido/wp-content/uploads/2014/05/6837771770_2d91636b75_h-260x260.jpg'/>
4520 <!-- User Social Links -->
4521 <div class='team-social'>
4522 <a class='sl-fb' href='#'><i class='fa fa-facebook'/></a>
4523 <a class='sl-tw' href='#'><i class='fa fa-twitter'/></a>
4524 <a class='sl-gp' href='#'><i class='fa fa-google-plus'/></a>
4525 <a class='sl-ln' href='#'><i class='fa fa-linkedin'/></a>
4526 </div>
4527 </div>
4528 <div class='work-info staff-info'>
4529 <!-- User Name --> <h5>Tim Malkovic</h5>
4530 <!-- User Post --><span>CEO</span>
4531 </div>
4532 </div>
4533 </div>
4534 </div>
4535 <div class='col-1-4'>
4536 <div class='content staff-content'>
4537 <div class='recent-work staff-img'>
4538 <div class='img-wrap staff-img'>
4539 <img alt='' src='http://www.okthemes.com/vivido/wp-content/uploads/2014/05/7023103445_7de1b40f33_h-260x260.jpg'/>
4540 <div class='team-social'>
4541 <a class='sl-fb' href='#'><i class='fa fa-facebook'/></a>
4542 <a class='sl-tw' href='#'><i class='fa fa-twitter'/></a>
4543 <a class='sl-gp' href='#'><i class='fa fa-google-plus'/></a>
4544 <a class='sl-ln' href='#'><i class='fa fa-linkedin'/></a>
4545 </div>
4546 </div>
4547 <div class='work-info staff-info'>
4548 <h5>David Bell</h5>
4549 <span>Creative Designer</span>
4550 </div>
4551 </div>
4552 </div>
4553
4554 </div>
4555 <div class='col-1-4'>
4556 <div class='content staff-content'>
4557 <div class='recent-work staff-img'>
4558 <div class='img-wrap staff-img'>
4559 <img alt='' src='http://www.okthemes.com/vivido/wp-content/uploads/2014/05/4663723344_057495752e_o-260x260.jpg'/>
4560 <div class='team-social'>
4561 <a class='sl-fb' href='#'><i class='fa fa-facebook'/></a>
4562 <a class='sl-tw' href='#'><i class='fa fa-twitter'/></a>
4563 <a class='sl-gp' href='#'><i class='fa fa-google-plus'/></a>
4564 <a class='sl-ln' href='#'><i class='fa fa-linkedin'/></a>
4565 </div>
4566 </div>
4567 <div class='work-info staff-info'>
4568 <h5>Eve Stinger</h5>
4569 <span>Sales Manager</span>
4570 </div>
4571 </div>
4572 </div>
4573
4574 </div>
4575 <div class='col-1-4'>
4576 <div class='content staff-content'>
4577 <div class='recent-work staff-img'>
4578 <div class='img-wrap staff-img'>
4579 <img alt='' src='http://www.okthemes.com/vivido/wp-content/uploads/2014/05/8467644165_ae039f7d6d_h-260x260.jpg'/>
4580 <div class='team-social'>
4581 <a class='sl-fb' href='#'><i class='fa fa-facebook'/></a>
4582 <a class='sl-tw' href='#'><i class='fa fa-twitter'/></a>
4583 <a class='sl-gp' href='#'><i class='fa fa-google-plus'/></a>
4584 <a class='sl-ln' href='#'><i class='fa fa-linkedin'/></a>
4585 </div>
4586 </div>
4587 <div class='work-info staff-info'>
4588 <h5>Will Peters</h5>
4589 <span>Developer</span>
4590 </div>
4591 </div>
4592 </div>
4593
4594 </div>
4595 </div>
4596 </div>
4597 </div>
4598<!-- End Team Section -->
4599
4600<!-- CurveUp -->
4601<svg class='curveUpColor' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4602<path d='M0 100 C 20 0 50 0 100 100 Z'/>
4603</svg>
4604<!-- Clients Logos Section -->
4605<div class='wrap'>
4606 <div class='grid grid-pad'>
4607 <div class='col-1-1'>
4608 <div class='content'>
4609 <!-- Start of Carousel Container -->
4610 <div class='cl-logo-carousel col-sm-12'>
4611
4612 <div class='item'><!-- Start of item -->
4613 <a href='#'>
4614 <figure>
4615 <!-- Clients Logos --><img alt='' src='http://2.bp.blogspot.com/-0UTO6TC4MGg/VmcRN5JAzVI/AAAAAAAAAlw/leHI2GQdkMU/s1600/1.png'/>
4616 </figure>
4617 </a>
4618 </div><!-- End of item -->
4619
4620 <div class='item'><!-- Start of item -->
4621 <a href='#'>
4622 <figure>
4623 <!-- Clients Logos --><img alt='' src='http://4.bp.blogspot.com/-FFUq7BwJbd4/VmcRN9TumHI/AAAAAAAAAl4/9ZloV_ZVFJA/s1600/2.png'/>
4624 </figure>
4625 </a>
4626 </div><!-- End of item -->
4627
4628 <div class='item'><!-- Start of item -->
4629 <a href='#'>
4630 <figure>
4631 <!-- Clients Logos --><img alt='' src='http://3.bp.blogspot.com/-7Q7LNsuMvZQ/VmcROJUgP8I/AAAAAAAAAl0/bJHsXdqezkc/s1600/3.png'/>
4632 </figure>
4633 </a>
4634 </div><!-- End of item -->
4635
4636 <div class='item'><!-- Start of item -->
4637 <a href='#'>
4638 <figure>
4639 <!-- Clients Logos --><img alt='' src='http://2.bp.blogspot.com/-a5RLg1cZhVw/VmcROgBwOgI/AAAAAAAAAl8/xqvdUofjaso/s1600/4.png'/>
4640 </figure>
4641 </a>
4642 </div><!-- End of item -->
4643
4644 <div class='item'><!-- Start of item -->
4645 <a href='#'>
4646 <figure>
4647 <!-- Clients Logos --><img alt='' src='http://2.bp.blogspot.com/-4YeXZi3hNWQ/VmcROkwFzqI/AAAAAAAAAmA/EkgXWwmA-uQ/s1600/5.png'/>
4648 </figure>
4649 </a>
4650 </div><!-- End of item -->
4651
4652 <div class='item'><!-- Start of item -->
4653 <a href='#'>
4654 <figure>
4655 <!-- Clients Logos --><img alt='' src='http://2.bp.blogspot.com/-0UTO6TC4MGg/VmcRN5JAzVI/AAAAAAAAAlw/leHI2GQdkMU/s1600/1.png'/>
4656 </figure>
4657 </a>
4658 </div><!-- End of item -->
4659
4660 <div class='item'><!-- Start of item -->
4661 <a href='#'>
4662 <figure>
4663 <!-- Clients Logos --><img alt='' src='http://4.bp.blogspot.com/-FFUq7BwJbd4/VmcRN9TumHI/AAAAAAAAAl4/9ZloV_ZVFJA/s1600/2.png'/>
4664 </figure>
4665 </a>
4666 </div><!-- End of item -->
4667
4668 <div class='item'><!-- Start of item -->
4669 <a href='#'>
4670 <figure>
4671 <!-- Clients Logos --><img alt='' src='http://3.bp.blogspot.com/-7Q7LNsuMvZQ/VmcROJUgP8I/AAAAAAAAAl0/bJHsXdqezkc/s1600/3.png'/>
4672 </figure>
4673 </a>
4674 </div><!-- End of item -->
4675
4676 </div>
4677 <!-- End of Carousel Container -->
4678 </div>
4679 </div>
4680 </div>
4681 </div>
4682<!-- End Clients Logos Section -->
4683
4684<!-- CurveDown -->
4685<svg class='curveDownColor' height='100' preserveAspectRatio='none' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4686<path d='M0 0 C 50 100 80 100 100 0 Z'/>
4687</svg>
4688
4689</b:if>
4690</b:if>
4691
4692 <!-- Contact Section -->
4693 <div class='wrap contact grey' id='contact'>
4694 <div class='grid grid-pad'>
4695 <h2>Contact</h2>
4696 <div class='col-1-2'>
4697 <div class='content address'>
4698 <h3>Talk to us</h3>
4699 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores iusto fugit esse soluta quae debitis quibusdam harum voluptatem, maxime, aliquam sequi. Tempora ipsum magni unde velit corporis fuga, necessitatibus blanditiis.</p>
4700 <address>
4701 <div>
4702 <div class='box-icon'>
4703 <i class='fa fa-map-marker'/>
4704 </div>
4705 <span>Address:</span>
4706 <p>9983 City name, Street name, 232 Apartment C</p>
4707 </div>
4708
4709 <div>
4710 <div class='box-icon'>
4711 <i class='fa fa-clock-o'/>
4712 </div>
4713 <span>Work Time:</span>
4714 <p>Monday - Friday from 9am to 5pm</p>
4715 </div>
4716
4717 <div>
4718 <div class='box-icon'>
4719 <i class='fa fa-phone'/>
4720 </div>
4721 <span>Phone:</span>
4722 <p>595 12 34 567</p>
4723 </div>
4724 </address>
4725 </div>
4726 </div>
4727 <div class='col-1-2 pleft-25'>
4728 <div class='content contact-form'>
4729 <b:section class='contact-form' id='contact-form' preferred='yes' showaddelement='no'>
4730<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm' version='1'>
4731 <b:includable id='main'>
4732 <form class='form' id='contactForm' name='contact-form'>
4733 <input class='comment-name' expr:id='data:widget.instanceId + "_contact-form-name"' placeholder='Name* :' required='' type='text'/>
4734 <input expr:id='data:widget.instanceId + "_contact-form-email"' placeholder='E-mail* :' required='' type='email'/>
4735 <textarea class='required comment-text' expr:id='data:widget.instanceId + "_contact-form-email-message"' placeholder='Message* :' required='' type='tel'/>
4736 <input class='btn submit comment-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' style='visibility: visible;' type='submit'/>
4737<div style='text-align: center; max-width: 222px; width: 100%'>
4738 <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
4739 <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
4740 </div>
4741 </form>
4742 </b:includable>
4743</b:widget>
4744<b:widget id='LinkList210' locked='false' title='Menu' type='LinkList' version='1'>
4745 <b:includable id='main'>
4746 <div class='widget-content'>
4747 <ul itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
4748 <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
4749 <b:loop values='data:links' var='link'>
4750 <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
4751 </b:loop>
4752 </ul>
4753 </div>
4754 </b:includable>
4755</b:widget>
4756<b:widget id='PageList1' locked='false' title='Pages' type='PageList' version='1'>
4757 <b:widget-settings>
4758 <b:widget-setting name='pageListJson'><![CDATA[{'1905218850072092426': {'href': 'https://fuglycoder.blogspot.com/p/home.html', 'title': 'Home', 'position': 0}, '8603410180326168956': {'href': 'https://fuglycoder.blogspot.com/p/about.html', 'title': 'About', 'position': 1}, '9081092589568789258': {'href': 'https://fuglycoder.blogspot.com/p/privacy-policy.html', 'title': 'Privacy Policy', 'position': 2}, 'link0': {'href': 'https://basil-soratemplates.blogspot.com/p/contact-us.html', 'title': 'Contact', 'position': 3}}]]></b:widget-setting>
4759 <b:widget-setting name='homeTitle'>Home</b:widget-setting>
4760 </b:widget-settings>
4761 <b:includable id='main'>
4762 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
4763 <div class='widget-content'>
4764 <b:if cond='data:mobile'>
4765 <select expr:id='data:widget.instanceId + "_select"'>
4766 <b:loop values='data:links' var='link'>
4767 <option expr:value='data:link.href'>
4768 <b:attr cond='data:link.isCurrentPage' name='selected' value='selected'/>
4769 <data:link.title/>
4770 </option>
4771 </b:loop>
4772 </select>
4773 <span class='pagelist-arrow'>&#9660;</span>
4774 <b:else/>
4775 <ul id='nav2'>
4776 <b:loop values='data:links' var='link'>
4777 <li>
4778 <b:class cond='data:link.isCurrentPage' name='selected'/>
4779 <a expr:href='data:link.href'><data:link.title/></a>
4780 </li>
4781 </b:loop>
4782 </ul>
4783 </b:if>
4784 <!--<b:include name='quickedit'/>-->
4785 </div>
4786</b:includable>
4787</b:widget>
4788<b:widget id='LinkList236' locked='false' title='Social Media Icons' type='LinkList' version='1'>
4789 <b:widget-settings>
4790 <b:widget-setting name='link-3'>#</b:widget-setting>
4791 <b:widget-setting name='sorting'>NONE</b:widget-setting>
4792 <b:widget-setting name='text-1'>instagram</b:widget-setting>
4793 <b:widget-setting name='link-1'>#</b:widget-setting>
4794 <b:widget-setting name='text-0'>reddit</b:widget-setting>
4795 <b:widget-setting name='link-2'>#</b:widget-setting>
4796 <b:widget-setting name='text-3'>facebook</b:widget-setting>
4797 <b:widget-setting name='link-0'>http://reddit.com</b:widget-setting>
4798 <b:widget-setting name='text-2'>twitter</b:widget-setting>
4799 </b:widget-settings>
4800 <b:includable id='main'>
4801 <div class='widget-content'>
4802 <ul id='social'>
4803 <b:loop values='data:links' var='link'>
4804 <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
4805 </b:loop>
4806 </ul>
4807 </div>
4808 </b:includable>
4809</b:widget>
4810<b:widget id='HTML30' locked='false' title='My Label' type='HTML'>
4811 <b:widget-settings>
4812 <b:widget-setting name='content'><p>
4813Welcome To My Code
4814</p></b:widget-setting>
4815 </b:widget-settings>
4816 <b:includable id='main'>
4817 <!-- only display title if it's non-empty -->
4818 <b:if cond='data:title != ""'>
4819 <h2 class='title'><data:title/></h2>
4820 </b:if>
4821 <div class='widget-content'>
4822 <data:content/>
4823 </div>
4824
4825 <b:include name='quickedit'/>
4826</b:includable>
4827</b:widget>
4828<b:widget id='LinkList230' locked='false' title='Social Media Icons' type='LinkList' version='1'>
4829 <b:widget-settings>
4830 <b:widget-setting name='link-3'>#</b:widget-setting>
4831 <b:widget-setting name='sorting'>NONE</b:widget-setting>
4832 <b:widget-setting name='text-1'>twitter</b:widget-setting>
4833 <b:widget-setting name='link-1'>#</b:widget-setting>
4834 <b:widget-setting name='text-0'>facebook</b:widget-setting>
4835 <b:widget-setting name='link-2'>#</b:widget-setting>
4836 <b:widget-setting name='text-3'>linkedin</b:widget-setting>
4837 <b:widget-setting name='link-0'>#</b:widget-setting>
4838 <b:widget-setting name='text-2'>instagram</b:widget-setting>
4839 </b:widget-settings>
4840 <b:includable id='main'>
4841 <div class='widget-content'>
4842 <ul id='social'>
4843 <b:loop values='data:links' var='link'>
4844 <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
4845 </b:loop>
4846 </ul>
4847 </div>
4848
4849 </b:includable>
4850</b:widget>
4851</b:section>
4852 </div>
4853 </div>
4854 </div>
4855 </div>
4856 <!-- End Contact Section -->
4857
4858<svg class='curveUpColor secondcurveUpColor' height='100' preserveAspectRatio='none' style=' fill: #ECF0F1; stroke: #ECF0F1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);margin:0;' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
4859<path d='M0 100 C 20 0 50 0 100 100 Z'/>
4860</svg>
4861
4862<div id='footer'>
4863 <div class='ct-wrapper'>
4864<b:section class='footer' id='footer1' preferred='yes'>
4865 <b:widget id='Profile1' locked='false' title='About Me' type='Profile' version='1'>
4866 <b:widget-settings>
4867 <b:widget-setting name='showaboutme'>true</b:widget-setting>
4868 <b:widget-setting name='showlocation'>false</b:widget-setting>
4869 </b:widget-settings>
4870 <b:includable id='main'>
4871 <b:if cond='data:title != ""'>
4872 <h2><data:title/></h2>
4873 </b:if>
4874 <div class='widget-content'>
4875 <b:if cond='data:team == "true"'> <!-- team blog profile -->
4876 <ul>
4877 <b:loop values='data:authors' var='i'>
4878 <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
4879 </b:loop>
4880 </ul>
4881
4882 <b:else/> <!-- normal blog profile -->
4883
4884 <b:if cond='data:photo.url != ""'>
4885 <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
4886 </b:if>
4887
4888 <dl class='profile-datablock'>
4889 <dt class='profile-data'>
4890 <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
4891 <data:displayname/>
4892 </a>
4893 <b:if cond='data:hasgoogleprofile'>
4894 <br/>
4895 <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
4896 </b:if>
4897 </dt>
4898
4899 <b:if cond='data:showlocation == "true"'>
4900 <dd class='profile-data'><data:location/></dd>
4901 </b:if>
4902
4903 <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
4904 </dl>
4905 <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
4906 </b:if>
4907
4908 <b:include name='quickedit'/>
4909 </div>
4910 </b:includable>
4911 </b:widget>
4912</b:section>
4913<b:section class='footer' id='footer2' preferred='yes'>
4914 <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
4915 <b:widget-settings>
4916 <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
4917 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
4918 <b:widget-setting name='showSnippets'>true</b:widget-setting>
4919 <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
4920 </b:widget-settings>
4921 <b:includable id='main'>
4922 <b:if cond='data:title'><h2><data:title/></h2></b:if>
4923 <div class='widget-content popular-posts'>
4924 <ul>
4925 <b:loop values='data:posts' var='post'>
4926 <li>
4927 <b:if cond='data:showThumbnails == "false"'>
4928 <b:if cond='data:showSnippets == "false"'>
4929 <!-- (1) No snippet/thumbnail -->
4930 <a expr:href='data:post.href'><data:post.title/></a>
4931 <b:else/>
4932 <!-- (2) Show only snippets -->
4933 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
4934 <div class='item-snippet'><data:post.snippet/></div>
4935 </b:if>
4936 <b:else/>
4937 <b:if cond='data:showSnippets == "false"'>
4938 <!-- (3) Show only thumbnails -->
4939 <div class='item-thumbnail-only'>
4940 <b:if cond='data:post.thumbnail'>
4941 <div class='item-thumbnail'>
4942 <a expr:href='data:post.href' target='_blank'>
4943 <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
4944 </a>
4945 </div>
4946 </b:if>
4947 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
4948 </div>
4949 <div style='clear: both;'/>
4950 <b:else/>
4951 <!-- (4) Show snippets and thumbnails -->
4952 <div class='item-content'>
4953 <b:if cond='data:post.thumbnail'>
4954 <div class='item-thumbnail'>
4955 <a expr:href='data:post.href' target='_blank'>
4956 <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
4957 </a>
4958 </div>
4959 </b:if>
4960 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
4961 <div class='item-snippet'><data:post.snippet/></div>
4962 </div>
4963 <div style='clear: both;'/>
4964 </b:if>
4965 </b:if>
4966 </li>
4967 </b:loop>
4968 </ul>
4969 <b:include name='quickedit'/>
4970 </div>
4971</b:includable>
4972 </b:widget>
4973</b:section>
4974<b:section class='footer' id='footer3' preferred='yes'>
4975 <b:widget id='Label2' locked='false' title='Labels' type='Label' version='1'>
4976 <b:widget-settings>
4977 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
4978 <b:widget-setting name='display'>LIST</b:widget-setting>
4979 <b:widget-setting name='selectedLabelsList'/>
4980 <b:widget-setting name='showType'>ALL</b:widget-setting>
4981 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
4982 </b:widget-settings>
4983 <b:includable id='main'>
4984 <b:if cond='data:title'>
4985 <h2><data:title/></h2>
4986 </b:if>
4987 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
4988 <b:if cond='data:display == "list"'>
4989 <ul>
4990 <b:loop values='data:labels' var='label'>
4991 <li>
4992 <b:if cond='data:blog.url == data:label.url'>
4993 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
4994 <b:else/>
4995 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
4996 </b:if>
4997 <b:if cond='data:showFreqNumbers'>
4998 <span dir='ltr'>(<data:label.count/>)</span>
4999 </b:if>
5000 </li>
5001 </b:loop>
5002 </ul>
5003 <b:else/>
5004 <b:loop values='data:labels' var='label'>
5005 <span expr:class='"label-size label-size-" + data:label.cssSize'>
5006 <b:if cond='data:blog.url == data:label.url'>
5007 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
5008 <b:else/>
5009 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5010 </b:if>
5011 <b:if cond='data:showFreqNumbers'>
5012 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
5013 </b:if>
5014 </span>
5015 </b:loop>
5016 </b:if>
5017 <b:include name='quickedit'/>
5018 </div>
5019</b:includable>
5020 </b:widget>
5021</b:section>
5022
5023 <div class='clr'/>
5024
5025 </div><!-- /ct-wrapper -->
5026</div><!-- footer -->
5027
5028<svg class='curveUpColor' height='100' preserveAspectRatio='none' style='fill: #252629;stroke: #252629;' version='1.1' viewBox='0 0 100 100' width='100%' xmlns='http://www.w3.org/2000/svg'>
5029<path d='M0 100 C 20 0 50 0 100 100 Z'/>
5030</svg>
5031<div class='social-footer' style='background: #252629;padding-bottom: 30px;'>
5032 <div class='grid grid-pad'>
5033 <div class='col-1-1'>
5034 <div class='content'>
5035 <div class='social-set'>
5036 <a href='#0'><i class='fa fa-facebook'/></a>
5037 <a href='#0'><i class='fa fa-twitter'/></a>
5038 <a href='#0'><i class='fa fa-linkedin'/></a>
5039 <a href='#0'><i class='fa fa-dribbble'/></a>
5040 <a href='#0'><i class='fa fa-instagram'/></a>
5041 </div>
5042<p class='source-org copyright'>Copyright 2015 <data:blog.title/> | Designed By <a href='http://www.templateclue.com' id='templateclue' title='Free Blogger Templates'>Free Blogger Templates</a> | Distributed By <a href='https://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a> </p>
5043 </div>
5044 </div>
5045 </div>
5046 </div>
5047
5048 <div class='loader-overlay'>
5049 <div class='loader'>
5050 <div class='bar'/>
5051 <div class='bar'/>
5052 <div class='bar'/>
5053 <div class='bar'/>
5054 <div class='bar'/>
5055 </div>
5056 </div>
5057
5058<!--Page Navigation Starts-->
5059<b:if cond='data:blog.pageType != "item"'>
5060<b:if cond='data:blog.pageType != "static_page"'>
5061<script type='text/javascript'>
5062var pageCount=6;
5063var displayPageNum=6;
5064var upPageWord ='« Previous';
5065var downPageWord ='Next »';
5066</script>
5067<script language='javascript' type='text/javascript'>//<![CDATA[
5068eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1b 18(a){3 b=G;3 c=Z 13();3 d=1;3 e=1;3 f=0;3 g=0;3 h=0;3 j=\'\';3 k=\'\';3 l=\'\';D(3 i=0,v;v=a.1d.1i[i];i++){3 m=v.N.$t.C(0,19)+v.N.$t.C(1e,1g);E=S(m);3 n=v.10.$t;4(n!=\'\'){4(f==0||(f%A==(A-1))){4(b.7(E)!=-1){d=e}4(n!=\'\')e++;c[c.x]=\'/y?P-u=\'+E+\'&u-H=\'+A}}f++}D(3 p=0;p<c.x;p++){4(p>=(d-O-1)&&p<(d+O)){4(g==0&&p==d-2){4(d==2){k=\'<5 6="I"><a 9="/">\'+J+\'</a></5>\'}w{k=\'<5 6="I"><a 9="\'+c[p]+\'">\'+J+\'</a></5>\'}g++}4(p==(d-1)){j+=\'<5 6="1h">\'+d+\'</5>\'}w{4(p==0){j+=\'<5 6="K"><a 9="/">1</a></5>\'}w{j+=\'<5 6="K"><a 9="\'+c[p]+\'">\'+(p+1)+\'</a></5>\'}}4(h==0&&p==d){l=\'<5 6="I"> <a 9="\'+c[p]+\'">\'+1k+\'</a></5>\';h++}}}4(d>1){j=\'\'+k+\' \'+j+\' \'}j=\'<M 6="T"><5 U="V: #W;" 6="X"> Y (\'+(e-1)+\')</5>\'+j;4(d<(e-1)){j+=l}4(e==1)e++;j+=\'</M>\';3 o=B.11("12");3 q=B.15("16-17");4(e<=2){j=\'\'}D(3 p=0;p<o.x;p++){o[p].L=j}4(o&&o.x>0){j=\'\'}4(q){q.L=j}}1b 1a(a){3 b=G;3 c=Z 13();3 d=b.7("/y/z/")!=-1;3 e=d?b.1c(b.7("/y/z/")+14,b.x):"";e=e.7("?")!=-1?e.1c(0,e.7("?")):e;3 f=1;3 g=1;3 h=0;3 j=0;3 k=0;3 l=\'\';3 m=\'\';3 n=\'\';3 o=\'<5 6="K"><a 9="/y/z/\'+e+\'?&u-H=\'+A+\'">\';3 b=G;D(3 i=0,v;v=a.1d.1i[i];i++){3 q=v.N.$t.C(0,19)+v.N.$t.C(1e,1g);E=S(q);3 r=v.10.$t;4(r!=\'\'){4(h==0||(h%A==(A-1))){4(b.7(E)!=-1){f=g}4(r!=\'\')g++;c[c.x]=\'/y/z/\'+e+\'?P-u=\'+E+\'&u-H=\'+A}}h++}D(3 p=0;p<c.x;p++){4(p>=(f-O-1)&&p<(f+O)){4(j==0&&p==f-2){4(f==2){m=o+J+\'</a></5>\'}w{m=\'<5 6="I"><a 9="\'+c[p]+\'">\'+J+\'</a></5>\'}j++}4(p==(f-1)){l+=\'<5 6="1h">\'+f+\'</5>\'}w{4(p==0){l=o+\'1</a></5>\'}w{l+=\'<5 6="K"><a 9="\'+c[p]+\'">\'+(p+1)+\'</a></5>\'}}4(k==0&&p==f){n=\'<5 6="I"> <a 9="\'+c[p]+\'">\'+1k+\'</a></5>\';k++}}}4(f>1){4(!d){l=\'\'+m+\' \'+l+\' \'}w{l=\'\'+m+\' \'+l+\' \'}}l=\'<M 6="T"><5 U="V: #W;" 6="X"> Y (\'+(g-1)+\')</5>\'+l;4(f<(g-1)){l+=n}4(g==1)g++;l+=\'</M>\';3 s=B.11("12");3 t=B.15("16-17");4(g<=2){l=\'\'}D(3 p=0;p<s.x;p++){s[p].L=l}4(s&&s.x>0){l=\'\'}4(t){t.L=l}}3 G=1t.9;3 8=G;4(8.7("/y/z/")!=-1){4(8.7("?P-u")!=-1){3 Q=8.C(8.7("/y/z/")+14,8.7("?P-u"))}w{3 Q=8.C(8.7("/y/z/")+14,8.7("?&u"))}}3 R="/";4(8.7("?q=")==-1){4(8.7("/y/z/")==-1){B.1j(\'<F 1l="\'+R+\'1m/1n/1s?1p=1q-1r-F&1o=18&u-H=1f" ><\\/F>\')}w{B.1j(\'<F 1l="\'+R+\'1m/1n/1u/-/\'+Q+\'?1p=1q-1r-F&1o=1a&u-H=1f" ><\\/F>\')}}',62,93,'|||var|if|span|class|indexOf|thisUrl|href|||||||||||||||||||||max|post|else|length|search|label|pageCount|document|substring|for|timestamp|script|home_page_url|results|showpage|upPageWord|showpageNum|innerHTML|div|published|displayPageNum|updated|lblname1|home_page|encodeURIComponent|showpageArea|style|COLOR|000|showpageOf|Pages|new|title|getElementsByName|pageArea|Array||getElementById|blog|pager|showpageCount||showpageCount2|function|substr|feed|23|99999|29|showpagePoint|entry|write|downPageWord|src|feeds|posts|callback|alt|json|in|summary|location|full'.split('|'),0,{}))//]]></script>
5069</b:if>
5070</b:if>
5071<!--Page Navigation Ends -->
5072 <!-- JS -->
5073<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5ZWg2bW5UeG4yQ3M'/>
5074<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5QzFReWNoY1VhSFE'/>
5075<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5YWVZcFBabVVham8'/>
5076<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5YjJwd2hqbjR3UTA'/>
5077<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5ZlhLelpieGV6OW8'/>
5078<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5amZHdjNYd2kwc0k'/>
5079<script src='http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js'/>
5080<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5Ul8xUTNBS0tnMGc'/>
5081<script src='http://blog.templateclue.com/wp-content/uploads/2016/08/0BzhmjN6UOoj5VEFlX0wwRlNfSkk'/>
5082
5083 <!-- Min JS-->
5084 <script>
5085var _0xdbc0=["\x74\x69\x74\x6C\x65\x31","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x69\x74\x6C\x65\x32","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x72\x65\x6D\x6F\x76\x65\x43\x68\x69\x6C\x64","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x62\x6C\x6F\x67\x2D\x70\x61\x67\x65\x72","\x70\x61\x67\x65\x72","\x6F\x6E\x6C\x6F\x61\x64","\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x66","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x74\x69\x74\x6C\x65","\x46\x72\x65\x65\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x65\x6D\x70\x6C\x61\x74\x65\x73","\x54\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65"];(function(){var _0x56c8x1=document[_0xdbc0[1]](_0xdbc0[0]);var _0x56c8x2=document[_0xdbc0[1]](_0xdbc0[2]);_0x56c8x2[_0xdbc0[3]]=_0x56c8x1[_0xdbc0[3]];_0x56c8x1[_0xdbc0[5]][_0xdbc0[4]](_0x56c8x1);})();(function(){var _0x56c8x1=document[_0xdbc0[1]](_0xdbc0[6]);var _0x56c8x2=document[_0xdbc0[1]](_0xdbc0[7]);_0x56c8x2[_0xdbc0[3]]=_0x56c8x1[_0xdbc0[3]];_0x56c8x1[_0xdbc0[5]][_0xdbc0[4]](_0x56c8x1);})();window[_0xdbc0[8]]=function(){var _0x56c8x3=document[_0xdbc0[1]](_0xdbc0[9]);if(_0x56c8x3==null){window[_0xdbc0[11]][_0xdbc0[10]]=_0xdbc0[12]};_0x56c8x3[_0xdbc0[13]](_0xdbc0[10],_0xdbc0[12]);_0x56c8x3[_0xdbc0[13]](_0xdbc0[14],_0xdbc0[15]);_0x56c8x3[_0xdbc0[13]](_0xdbc0[16],_0xdbc0[17]);_0x56c8x3[_0xdbc0[3]]=_0xdbc0[18];};
5086</script>
5087 <script>
5088var _0x6945=["\x74\x69\x74\x6C\x65\x34","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x69\x74\x6C\x65\x33","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x72\x65\x6D\x6F\x76\x65\x43\x68\x69\x6C\x64","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x62\x6C\x6F\x67\x2D\x70\x61\x67\x65\x72","\x70\x61\x67\x65\x72\x32","\x6F\x6E\x6C\x6F\x61\x64","\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x66","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x74\x69\x74\x6C\x65","\x46\x72\x65\x65\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x65\x6D\x70\x6C\x61\x74\x65\x73","\x54\x65\x6D\x70\x6C\x61\x74\x65\x63\x6C\x75\x65"];(function(){var _0xc737x1=document[_0x6945[1]](_0x6945[0]);var _0xc737x2=document[_0x6945[1]](_0x6945[2]);_0xc737x2[_0x6945[3]]=_0xc737x1[_0x6945[3]];_0xc737x1[_0x6945[5]][_0x6945[4]](_0xc737x1);})();(function(){var _0xc737x1=document[_0x6945[1]](_0x6945[6]);var _0xc737x2=document[_0x6945[1]](_0x6945[7]);_0xc737x2[_0x6945[3]]=_0xc737x1[_0x6945[3]];_0xc737x1[_0x6945[5]][_0x6945[4]](_0xc737x1);})();window[_0x6945[8]]=function(){var _0xc737x3=document[_0x6945[1]](_0x6945[9]);if(_0xc737x3==null){window[_0x6945[11]][_0x6945[10]]=_0x6945[12]};_0xc737x3[_0x6945[13]](_0x6945[10],_0x6945[12]);_0xc737x3[_0x6945[13]](_0x6945[14],_0x6945[15]);_0xc737x3[_0x6945[13]](_0x6945[16],_0x6945[17]);_0xc737x3[_0x6945[3]]=_0x6945[18];};
5089</script>
5090 <!-- Min JS / End-->
5091
5092</body>
5093</html>