/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014   \A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-control::before{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(calc(2.25rem + 2px) - 1px * 2);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-25%)}.modal.show .modal-dialog{transform:translate(0,0)}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;align-items:center;width:100%;transition:transform .6s ease;backface-visibility:hidden;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translateX(0)}@supports (transform-style:preserve-3d){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{transform:translateX(100%)}@supports (transform-style:preserve-3d){.active.carousel-item-right,.carousel-item-next{transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{transform:translateX(-100%)}@supports (transform-style:preserve-3d){.active.carousel-item-left,.carousel-item-prev{transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"assets/coloredbg.png.html\" />\n<link rel='shortlink' href='assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n") 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 30px;
	background:none;
	filter: Alpha(Opacity=50);/*IE7 fix*/
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"assets/coloredbg.png.html\" />\n<link rel='shortlink' href='assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n") no-repeat center center
}/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
    display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: #323232;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.mean-container .mean-bar::before {
    color: #ffffff;
    content: '';
    font-size: 15px;
    font-weight: 700;
    left: 20px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #292929;
    margin-top: 44px;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    background: #ffffff;
    position: absolute;
    left: 0;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(221, 197, 197, 0.5);
    text-decoration: none;
    color: #000000;
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    opacity: 0.75;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible;
    text-transform: none;
    background: #ffffff;
    color: #000000;
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #0f2c70;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
}
.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 100%;
    height: 24px;
    padding: 12px !important;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.1);
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar,
.mean-container .mean-bar * {
    box-sizing: content-box;
}

.mean-remove {
    display: none !important;
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.ui-widget-header .ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.ui-button .ui-icon {
	background-image: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Layer Style Settings -

Screen Stylesheet

version:   	5.0.0
date:      	18/03/15
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

* {
    box-sizing: border-box;
}

.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited
{
	color:#0084B4!important;
}

.tp-caption.Twitter-Content a:hover
{
	color:#0084B4!important;
	text-decoration:underline!important;
}

.tp-caption.medium_grey,.medium_grey
{
	background-color:#888;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:20px;
	font-weight:700;
	line-height:20px;
	margin:0;
	padding:2px 4px;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.small_text,.small_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.medium_text,.medium_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:20px;
	font-weight:700;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.large_text,.large_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:40px;
	font-weight:700;
	line-height:40px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.very_large_text,.very_large_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:60px;
	font-weight:700;
	letter-spacing:-2px;
	line-height:60px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.very_big_white,.very_big_white
{
	background-color:#000;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:60px;
	font-weight:800;
	line-height:60px;
	margin:0;
	padding:1px 4px 0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.very_big_black,.very_big_black
{
	background-color:#fff;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:Arial;
	font-size:60px;
	font-weight:700;
	line-height:60px;
	margin:0;
	padding:1px 4px 0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_medium_fat,.modern_medium_fat
{
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans", sans-serif;
	font-size:24px;
	font-weight:800;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_medium_fat_white,.modern_medium_fat_white
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:24px;
	font-weight:800;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_medium_light,.modern_medium_light
{
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans", sans-serif;
	font-size:24px;
	font-weight:300;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_big_bluebg,.modern_big_bluebg
{
	background-color:#4e5b6c;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:30px;
	font-weight:800;
	letter-spacing:0;
	line-height:36px;
	margin:0;
	padding:3px 10px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.modern_big_redbg,.modern_big_redbg
{
	background-color:#de543e;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:30px;
	font-weight:300;
	letter-spacing:0;
	line-height:36px;
	margin:0;
	padding:1px 10px 3px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.modern_small_text_dark,.modern_small_text_dark
{
	border-style:none;
	border-width:0;
	color:#555;
	font-family:Arial;
	font-size:14px;
	line-height:22px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.boxshadow,.boxshadow
{		
	box-shadow:0 0 20px rgba(0,0,0,0.5);
}

.tp-caption.black,.black
{
	color:#000;
	text-shadow:none;
}

.tp-caption.noshadow,.noshadow
{
	text-shadow:none;
}

.tp-caption.thinheadline_dark,.thinheadline_dark
{
	background-color:transparent;
	color:rgba(0,0,0,0.85);
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:30px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.thintext_dark,.thintext_dark
{
	background-color:transparent;
	color:rgba(0,0,0,0.85);
	font-family:"Open Sans";
	font-size:16px;
	font-weight:300;
	line-height:26px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largeblackbg,.largeblackbg
{
	
	
	background-color:#000;
	border-radius:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largepinkbg,.largepinkbg
{
	
	
	background-color:#db4360;
	border-radius:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largewhitebg,.largewhitebg
{
	
	
	background-color:#fff;
	border-radius:0;
	color:#000;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largegreenbg,.largegreenbg
{
	
	
	background-color:#67ae73;
	border-radius:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.excerpt,.excerpt
{
	background-color:rgba(0,0,0,1);
	border-color:#fff;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:36px;
	font-weight:700;
	height:auto;
	letter-spacing:-1.5px;
	line-height:36px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
	white-space:normal!important;
	width:150px;
}

.tp-caption.large_bold_grey,.large_bold_grey
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#666;
	font-family:"Open Sans";
	font-size:60px;
	font-weight:800;
	line-height:60px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.medium_thin_grey,.medium_thin_grey
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#666;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:30px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.small_thin_grey,.small_thin_grey
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#757575;
	font-family:"Open Sans";
	font-size:18px;
	font-weight:300;
	line-height:26px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.lightgrey_divider,.lightgrey_divider
{
	background-color:rgba(235,235,235,1);
	background-position:initial;
	background-repeat:initial;
	border-color:#222;
	border-style:none;
	border-width:0;
	height:3px;
	text-decoration:none;
	width:370px;
}

.tp-caption.large_bold_darkblue,.large_bold_darkblue
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#34495e;
	font-family:"Open Sans";
	font-size:58px;
	font-weight:800;
	line-height:60px;
	text-decoration:none;
}

.tp-caption.medium_bg_darkblue,.medium_bg_darkblue
{
	background-color:#34495e;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.medium_bold_red,.medium_bold_red
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#e33a0c;
	font-family:"Open Sans";
	font-size:24px;
	font-weight:800;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.medium_light_red,.medium_light_red
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#e33a0c;
	font-family:"Open Sans";
	font-size:21px;
	font-weight:300;
	line-height:26px;
	padding:0;
	text-decoration:none;
}

.tp-caption.medium_bg_red,.medium_bg_red
{
	background-color:#e33a0c;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.medium_bold_orange,.medium_bold_orange
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#f39c12;
	font-family:"Open Sans";
	font-size:24px;
	font-weight:800;
	line-height:30px;
	text-decoration:none;
}

.tp-caption.medium_bg_orange,.medium_bg_orange
{
	background-color:#f39c12;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.grassfloor,.grassfloor
{
	background-color:rgba(160,179,151,1);
	border-color:#222;
	border-style:none;
	border-width:0;
	height:150px;
	text-decoration:none;
	width:4000px;
}

.tp-caption.large_bold_white,.large_bold_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:58px;
	font-weight:800;
	line-height:60px;
	text-decoration:none;
}

.tp-caption.medium_light_white,.medium_light_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:36px;
	padding:0;
	text-decoration:none;
}

.tp-caption.mediumlarge_light_white,.mediumlarge_light_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:40px;
	padding:0;
	text-decoration:none;
}

.tp-caption.mediumlarge_light_white_center,.mediumlarge_light_white_center
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:40px;
	padding:0;
	text-align:center;
	text-decoration:none;
}

.tp-caption.medium_bg_asbestos,.medium_bg_asbestos
{
	background-color:#7f8c8d;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.medium_light_black,.medium_light_black
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:36px;
	padding:0;
	text-decoration:none;
}

.tp-caption.large_bold_black,.large_bold_black
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans";
	font-size:58px;
	font-weight:800;
	line-height:60px;
	text-decoration:none;
}

.tp-caption.mediumlarge_light_darkblue,.mediumlarge_light_darkblue
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#34495e;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:40px;
	padding:0;
	text-decoration:none;
}

.tp-caption.small_light_white,.small_light_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:17px;
	font-weight:300;
	line-height:28px;
	padding:0;
	text-decoration:none;
}

.tp-caption.roundedimage,.roundedimage
{
	border-color:#222;
	border-style:none;
	border-width:0;
}

.tp-caption.large_bg_black,.large_bg_black
{
	background-color:#000;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:40px;
	font-weight:800;
	line-height:40px;
	padding:10px 20px 15px;
	text-decoration:none;
}

.tp-caption.mediumwhitebg,.mediumwhitebg
{
	background-color:#fff;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:30px;
	padding:5px 15px 10px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.maincaption,.maincaption
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#212a40;
	font-family:roboto;
	font-size:33px;
	font-weight:500;
	line-height:43px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_title_60px,.miami_title_60px
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Source Sans Pro";
	font-size:60px;
	font-weight:700;
	letter-spacing:1px;
	line-height:60px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_subtitle,.miami_subtitle
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.65);
	font-family:"Source Sans Pro";
	font-size:17px;
	font-weight:400;
	letter-spacing:2px;
	line-height:24px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.divideline30px,.divideline30px
{
	background:#fff;
	background-color:#fff;
	border-color:#222;
	border-style:none;
	border-width:0;
	height:2px;
	min-width:30px;
	text-decoration:none;
}

.tp-caption.Miami_nostyle,.Miami_nostyle
{
	border-color:#222;
	border-style:none;
	border-width:0;
}

.tp-caption.miami_content_light,.miami_content_light
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Source Sans Pro";
	font-size:22px;
	font-weight:400;
	letter-spacing:0;
	line-height:28px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_title_60px_dark,.miami_title_60px_dark
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#333;
	font-family:"Source Sans Pro";
	font-size:60px;
	font-weight:700;
	letter-spacing:1px;
	line-height:60px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_content_dark,.miami_content_dark
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#666;
	font-family:"Source Sans Pro";
	font-size:22px;
	font-weight:400;
	letter-spacing:0;
	line-height:28px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.divideline30px_dark,.divideline30px_dark
{
	background-color:#333;
	border-color:#222;
	border-style:none;
	border-width:0;
	height:2px;
	min-width:30px;
	text-decoration:none;
}

.tp-caption.ellipse70px,.ellipse70px
{
	background-color:rgba(0,0,0,0.14902);
	border-color:#222;
	border-radius:50px 50px 50px 50px;
	border-style:none;
	border-width:0;
	cursor:pointer;
	line-height:1px;
	min-height:70px;
	min-width:70px;
	text-decoration:none;
}

.tp-caption.arrowicon,.arrowicon
{
	border-color:#222;
	border-style:none;
	border-width:0;
	line-height:1px;
}

.tp-caption.MarkerDisplay,.MarkerDisplay
{
	background-color:transparent;
	border-color:#000;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	font-family:"Permanent Marker";
	font-style:normal;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Restaurant-Display,.Restaurant-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:120px;
	font-style:normal;
	font-weight:700;
	line-height:120px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Cursive,.Restaurant-Cursive
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Nothing you could do";
	font-size:30px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-ScrollDownText,.Restaurant-ScrollDownText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:17px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Description,.Restaurant-Description
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Price,.Restaurant-Price
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:30px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Menuitem,.Restaurant-Menuitem
{
	background-color:rgba(0,0,0,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:17px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Furniture-LogoText,.Furniture-LogoText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(230,207,163,1.00);
	font-family:Raleway;
	font-size:160px;
	font-style:normal;
	font-weight:300;
	line-height:150px;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Furniture-Plus,.Furniture-Plus
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:30px 30px 30px 30px;
	border-style:none;
	border-width:0;
	box-shadow:rgba(0,0,0,0.1) 0 1px 3px;
	color:rgba(230,207,163,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:6px 7px 4px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Furniture-Title,.Furniture-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:700;
	letter-spacing:3px;
	line-height:20px;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Furniture-Subtitle,.Furniture-Subtitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:300;
	line-height:20px;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Gym-Display,.Gym-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:80px;
	font-style:normal;
	font-weight:900;
	line-height:70px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Gym-Subline,.Gym-Subline
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:100;
	letter-spacing:5px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Gym-SmallText,.Gym-SmallText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:300;
	line-height:22;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Fashion-SmallText,.Fashion-SmallText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:12px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:20px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Fashion-BigDisplay,.Fashion-BigDisplay
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:60px;
	font-style:normal;
	font-weight:900;
	letter-spacing:2px;
	line-height:60px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Fashion-TextBlock,.Fashion-TextBlock
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:40px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Sports-Display,.Sports-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:130px;
	font-style:normal;
	font-weight:100;
	letter-spacing:13px;
	line-height:130px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Sports-DisplayFat,.Sports-DisplayFat
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:130px;
	font-style:normal;
	font-weight:900;
	line-height:130px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Sports-Subline,.Sports-Subline
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:32px;
	font-style:normal;
	font-weight:400;
	letter-spacing:4px;
	line-height:32px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Instagram-Caption,.Instagram-Caption
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:20px;
	font-style:normal;
	font-weight:900;
	line-height:20px;
	padding:0;
	text-decoration:none;
}

.tp-caption.News-Title,.News-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:70px;
	font-style:normal;
	font-weight:400;
	line-height:60px;
	padding:0;
	text-decoration:none;
}

.tp-caption.News-Subtitle,.News-Subtitle
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:15px;
	font-style:normal;
	font-weight:300;
	line-height:24px;
	padding:0;
	text-decoration:none;
}

.tp-caption.News-Subtitle:hover,.News-Subtitle:hover
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,0.65);
	text-decoration:none;
}

.tp-caption.Photography-Display,.Photography-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:80px;
	font-style:normal;
	font-weight:100;
	letter-spacing:5px;
	line-height:70px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-Subline,.Photography-Subline
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(119,119,119,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover,.Photography-ImageHover
{
	background-color:transparent;
	border-color:rgba(255,255,255,0);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:22;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover:hover,.Photography-ImageHover:hover
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Photography-Menuitem,.Photography-Menuitem
{
	background-color:rgba(0,0,0,0.65);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:2px;
	line-height:20px;
	padding:3px 5px 3px 8px;
	text-decoration:none;
}

.tp-caption.Photography-Menuitem:hover,.Photography-Menuitem:hover
{
	background-color:rgba(0,255,222,0.65);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Photography-Textblock,.Photography-Textblock
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:300;
	letter-spacing:2px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-Subline-2,.Photography-Subline-2
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.35);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover2,.Photography-ImageHover2
{
	background-color:transparent;
	border-color:rgba(255,255,255,0);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Arial;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:22;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover2:hover,.Photography-ImageHover2:hover
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.WebProduct-Title,.WebProduct-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(51,51,51,1.00);
	font-family:Raleway;
	font-size:90px;
	font-style:normal;
	font-weight:100;
	line-height:90px;
	padding:0;
	text-decoration:none;
}

.tp-caption.WebProduct-SubTitle,.WebProduct-SubTitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(153,153,153,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:0;
	text-decoration:none;
}

.tp-caption.WebProduct-Content,.WebProduct-Content
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(153,153,153,1.00);
	font-family:Raleway;
	font-size:16px;
	font-style:normal;
	font-weight:600;
	line-height:24px;
	padding:0;
	text-decoration:none;
}

.tp-caption.WebProduct-Menuitem,.WebProduct-Menuitem
{
	background-color:rgba(51,51,51,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	letter-spacing:2px;
	line-height:20px;
	padding:3px 5px 3px 8px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-Menuitem:hover,.WebProduct-Menuitem:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(153,153,153,1.00);
	text-decoration:none;
}

.tp-caption.WebProduct-Title-Light,.WebProduct-Title-Light
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:90px;
	font-style:normal;
	font-weight:100;
	line-height:90px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-SubTitle-Light,.WebProduct-SubTitle-Light
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.35);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-Content-Light,.WebProduct-Content-Light
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.65);
	font-family:Raleway;
	font-size:16px;
	font-style:normal;
	font-weight:600;
	line-height:24px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.FatRounded,.FatRounded
{
	background-color:rgba(0,0,0,0.50);
	border-color:rgba(211,211,211,1.00);
	border-radius:50px 50px 50px 50px;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:900;
	line-height:30px;
	padding:20px 22px 20px 25px;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.FatRounded:hover,.FatRounded:hover
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(211,211,211,1.00);
	border-radius:50px 50px 50px 50px;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.NotGeneric-Title,.NotGeneric-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:70px;
	font-style:normal;
	font-weight:800;
	line-height:70px;
	padding:10px 0;
	text-decoration:none;
}

.tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:13px;
	font-style:normal;
	font-weight:500;
	letter-spacing:4px;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-CallToAction,.NotGeneric-CallToAction
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-CallToAction:hover,.NotGeneric-CallToAction:hover
{
	background-color:transparent;
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.NotGeneric-Icon,.NotGeneric-Icon
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:400;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Menuitem,.NotGeneric-Menuitem
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.15);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:27px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Menuitem:hover,.NotGeneric-Menuitem:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.MarkerStyle,.MarkerStyle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Permanent Marker";
	font-size:17px;
	font-style:normal;
	font-weight:100;
	line-height:30px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Menuitem,.Gym-Menuitem
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(255,255,255,0);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:2px;
	line-height:20px;
	padding:3px 5px 3px 8px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Menuitem:hover,.Gym-Menuitem:hover
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(255,255,255,0.25);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Newspaper-Button,.Newspaper-Button
{
	background-color:rgba(255,255,255,0);
	border-color:rgba(255,255,255,0.25);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:13px;
	font-style:normal;
	font-weight:700;
	letter-spacing:2px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Button:hover,.Newspaper-Button:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}

.tp-caption.Newspaper-Subtitle,.Newspaper-Subtitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(168,216,238,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:900;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Title,.Newspaper-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:50px;
	font-style:normal;
	font-weight:400;
	line-height:55px;
	padding:0 0 10px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Title-Centered,.Newspaper-Title-Centered
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:50px;
	font-style:normal;
	font-weight:400;
	line-height:55px;
	padding:0 0 10px;
	text-align:center;
	text-decoration:none;
}

.tp-caption.Hero-Button,.Hero-Button
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Hero-Button:hover,.Hero-Button:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}

.tp-caption.Video-Title,.Video-Title
{
	background-color:rgba(0,0,0,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:900;
	line-height:30px;
	padding:5px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Video-SubTitle,.Video-SubTitle
{
	background-color:rgba(0,0,0,0.35);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:12px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:12px;
	padding:5px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Button,.NotGeneric-Button
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Button:hover,.NotGeneric-Button:hover
{
	background-color:transparent;
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.NotGeneric-BigButton,.NotGeneric-BigButton
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.15);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:27px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-BigButton:hover,.NotGeneric-BigButton:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.WebProduct-Button,.WebProduct-Button
{
	background-color:rgba(51,51,51,1.00);
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:16px;
	font-style:normal;
	font-weight:600;
	letter-spacing:1px;
	line-height:48px;
	padding:0 40px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-Button:hover,.WebProduct-Button:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:2px;
	color:rgba(51,51,51,1.00);
	text-decoration:none;
}

.tp-caption.Restaurant-Button,.Restaurant-Button
{
	background-color:rgba(10,10,10,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Restaurant-Button:hover,.Restaurant-Button:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,224,129,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Gym-Button,.Gym-Button
{
	background-color:rgba(139,192,39,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:600;
	letter-spacing:1px;
	line-height:15px;
	padding:13px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Button:hover,.Gym-Button:hover
{
	background-color:rgba(114,168,0,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Gym-Button-Light,.Gym-Button-Light
{
	background-color:transparent;
	border-color:rgba(255,255,255,0.25);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:600;
	line-height:15px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Button-Light:hover,.Gym-Button-Light:hover
{
	background-color:rgba(114,168,0,0);
	border-color:rgba(139,192,39,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Sports-Button-Light,.Sports-Button-Light
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Sports-Button-Light:hover,.Sports-Button-Light:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Sports-Button-Red,.Sports-Button-Red
{
	background-color:rgba(219,28,34,1.00);
	border-color:rgba(219,28,34,0);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Sports-Button-Red:hover,.Sports-Button-Red:hover
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Photography-Button,.Photography-Button
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.25);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:600;
	letter-spacing:1px;
	line-height:15px;
	padding:13px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Photography-Button:hover,.Photography-Button:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Newspaper-Button-2,.Newspaper-Button-2
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:900;
	line-height:15px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Button-2:hover,.Newspaper-Button-2:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Feature-Tour,.Feature-Tour
{
	background-color:rgba(139,192,39,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:17px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Tour:hover,.Feature-Tour:hover
{
	background-color:rgba(114,168,0,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Feature-Examples,.Feature-Examples
{
	background-color:transparent;
	border-color:rgba(33,42,64,0.15);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(33,42,64,0.50);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:15px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Examples:hover,.Feature-Examples:hover
{
	background-color:transparent;
	border-color:rgba(139,192,39,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(139,192,39,1.00);
	text-decoration:none;
}

.tp-caption.subcaption,.subcaption
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(111,124,130,1.00);
	font-family:roboto;
	font-size:19px;
	font-style:normal;
	font-weight:400;
	line-height:24px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.menutab,.menutab
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(41,46,49,1.00);
	font-family:roboto;
	font-size:25px;
	font-style:normal;
	font-weight:300;
	line-height:30px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.menutab:hover,.menutab:hover
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(213,0,0,1.00);
	text-decoration:none;
}

.tp-caption.maincontent,.maincontent
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(41,46,49,1.00);
	font-family:roboto;
	font-size:21px;
	font-style:normal;
	font-weight:300;
	line-height:26px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.minitext,.minitext
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(185,186,187,1.00);
	font-family:roboto;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Feature-Buy,.Feature-Buy
{
	background-color:rgba(0,154,238,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:17px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Buy:hover,.Feature-Buy:hover
{
	background-color:rgba(0,133,214,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Feature-Examples-Light,.Feature-Examples-Light
{
	background-color:transparent;
	border-color:rgba(255,255,255,0.15);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:15px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Examples-Light:hover,.Feature-Examples-Light:hover
{
	background-color:transparent;
	border-color:rgba(255,255,255,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Facebook-Likes,.Facebook-Likes
{
	background-color:rgba(59,89,153,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:22px;
	padding:5px 15px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Favorites,.Twitter-Favorites
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(136,153,166,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:22px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Link,.Twitter-Link
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:30px 30px 30px 30px;
	border-style:none;
	border-width:0;
	color:rgba(135,153,165,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:15px;
	padding:11px 11px 9px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Link:hover,.Twitter-Link:hover
{
	background-color:rgba(0,132,180,1.00);
	border-color:transparent;
	border-radius:30px 30px 30px 30px;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Twitter-Retweet,.Twitter-Retweet
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(136,153,166,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:22px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Content,.Twitter-Content
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(41,47,51,1.00);
	font-family:Roboto;
	font-size:20px;
	font-style:normal;
	font-weight:500;
	line-height:28px;
	padding:30px 30px 70px;
	text-align:left;
	text-decoration:none;
}

.revtp-searchform input[type="text"],
.revtp-searchform input[type="email"],
.revtp-form input[type="text"],
.revtp-form input[type="email"]{ 	
	font-family: "Arial", sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 0;
    width: 400px;
    margin-bottom: 0px;
    transition: background-color 0.5s;
    
    
    border-radius: 0px;
}


.tp-caption.BigBold-Title,
.BigBold-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 110px;
    line-height: 100px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 0px 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.BigBold-SubTitle,
.BigBold-SubTitle {
    color: rgba(255, 255, 255, 0.50);
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.BigBold-Button,
.BigBold-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.50);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.BigBold-Button:hover,
.BigBold-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.FoodCarousel-Content,
.FoodCarousel-Content {
    color: rgba(41, 46, 49, 1.00);
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 30px 30px 30px 30px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.FoodCarousel-Button,
.FoodCarousel-Button {
    color: rgba(41, 46, 49, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 70px 15px 50px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.FoodCarousel-Button:hover,
.FoodCarousel-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.FoodCarousel-CloseButton,
.FoodCarousel-CloseButton {
    color: rgba(41, 46, 49, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.FoodCarousel-CloseButton:hover,
.FoodCarousel-CloseButton:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}
.tp-caption.Video-SubTitle,
.Video-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.35);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 2px;
    text-align: left
}
.tp-caption.Video-Title,
.Video-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 1.00);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Travel-BigCaption,
.Travel-BigCaption {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Travel-SmallCaption,
.Travel-SmallCaption {
    color: rgba(255, 255, 255, 1.00);
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Travel-CallToAction,
.Travel-CallToAction {
    color: rgba(255, 255, 255, 1.00);
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.Travel-CallToAction:hover,
.Travel-CallToAction:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px
}


.tp-caption.RotatingWords-TitleWhite,
.RotatingWords-TitleWhite {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 0px 0px 0px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.RotatingWords-Button,
.RotatingWords-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 20px 50px 20px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15);
    border-style: solid;
    border-width: 2px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 3px
}
.tp-caption.RotatingWords-Button:hover,
.RotatingWords-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.RotatingWords-SmallText,
.RotatingWords-SmallText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    text-shadow: none
}




.tp-caption.ContentZoom-SmallTitle,
.ContentZoom-SmallTitle {
    color: rgba(41, 46, 49, 1.00);
    font-size: 33px;
    line-height: 45px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-SmallSubtitle,
.ContentZoom-SmallSubtitle {
    color: rgba(111, 124, 130, 1.00);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-SmallIcon,
.ContentZoom-SmallIcon {
    color: rgba(41, 46, 49, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-SmallIcon:hover,
.ContentZoom-SmallIcon:hover {
    color: rgba(111, 124, 130, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px
}
.tp-caption.ContentZoom-DetailTitle,
.ContentZoom-DetailTitle {
    color: rgba(41, 46, 49, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-DetailSubTitle,
.ContentZoom-DetailSubTitle {
    color: rgba(111, 124, 130, 1.00);
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-DetailContent,
.ContentZoom-DetailContent {
    color: rgba(111, 124, 130, 1.00);
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-Button,
.ContentZoom-Button {
    color: rgba(41, 46, 49, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0.50);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.ContentZoom-Button:hover,
.ContentZoom-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.ContentZoom-ButtonClose,
.ContentZoom-ButtonClose {
    color: rgba(41, 46, 49, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0.50);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.ContentZoom-ButtonClose:hover,
.ContentZoom-ButtonClose:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}
.tp-caption.Newspaper-Title,
.Newspaper-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto Slab";
    padding: 0 0 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Newspaper-Subtitle,
.Newspaper-Subtitle {
    color: rgba(168, 216, 238, 1.00);
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Newspaper-Button,
.Newspaper-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px 12px 35px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 2px;
    text-align: left
}
.tp-caption.Newspaper-Button:hover,
.Newspaper-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.rtwhitemedium,
.rtwhitemedium {
    font-size: 22px;
    line-height: 26px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
    text-shadow: none
}

@media only screen and (max-width: 767px) {
	.revtp-searchform input[type="text"],
	.revtp-searchform input[type="email"],
	.revtp-form input[type="text"],
	.revtp-form input[type="email"] { width: 200px !important; }
}

.revtp-searchform input[type="submit"],
.revtp-form input[type="submit"] {	
	font-family: "Arial", sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    border: 0;
    background: #009aee;
    color: #fff;
    
    
    border-radius: 0px;
}

.tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    .tp-caption.Concept-Title,
    .Concept-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 70px;
        line-height: 70px;
        font-weight: 700;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 5px
    }
    .tp-caption.Concept-SubTitle,
    .Concept-SubTitle {
        color: rgba(255, 255, 255, 0.65);
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        font-style: italic;
        font-family: ""Playfair Display"";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-Content,
    .Concept-Content {
        color: rgba(255, 255, 255, 1.00);
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: none;
        border-width: 2px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-MoreBtn,
    .Concept-MoreBtn {
        color: rgba(255, 255, 255, 1.00);
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 10px 8px 7px 10px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px;
        letter-spacing: 1px;
        text-align: left
    }
    .tp-caption.Concept-MoreBtn:hover,
    .Concept-MoreBtn:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.Concept-LessBtn,
    .Concept-LessBtn {
        color: rgba(255, 255, 255, 1.00);
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 10px 8px 7px 10px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(0, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px;
        letter-spacing: 1px;
        text-align: left
    }
    .tp-caption.Concept-LessBtn:hover,
    .Concept-LessBtn:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(255, 255, 255, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.Concept-SubTitle-Dark,
    .Concept-SubTitle-Dark {
        color: rgba(0, 0, 0, 0.65);
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        font-style: italic;
        font-family: "Playfair Display";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-Title-Dark,
    .Concept-Title-Dark {
        color: rgba(0, 0, 0, 1.00);
        font-size: 70px;
        line-height: 70px;
        font-weight: 700;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 5px
    }
    .tp-caption.Concept-MoreBtn-Dark,
    .Concept-MoreBtn-Dark {
        color: rgba(0, 0, 0, 1.00);
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 10px 8px 7px 10px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px;
        letter-spacing: 1px;
        text-align: left
    }
    .tp-caption.Concept-MoreBtn-Dark:hover,
    .Concept-MoreBtn-Dark:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: rgba(0, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.Concept-Content-Dark,
    .Concept-Content-Dark {
        color: rgba(0, 0, 0, 1.00);
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: none;
        border-width: 2px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-Notice,
    .Concept-Notice {
        color: rgba(255, 255, 255, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: none;
        border-width: 2px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 2px
    }
    .tp-caption.Concept-Content a,
    .tp-caption.Concept-Content a:visited {
        color: #fff !important;
        border-bottom: 1px solid #fff !important;
        font-weight: 700 !important;
    }
    .tp-caption.Concept-Content a:hover {
        border-bottom: 1px solid transparent !important;
    }
    .tp-caption.Concept-Content-Dark a,
    .tp-caption.Concept-Content-Dark a:visited {
        color: #000 !important;
        border-bottom: 1px solid #000 !important;
        font-weight: 700 !important;
    }
    .tp-caption.Concept-Content-Dark a:hover {
        border-bottom: 1px solid transparent !important;
    }

    .tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    .tp-caption.Creative-Title,
    .Creative-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 70px;
        line-height: 70px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Creative-SubTitle,
    .Creative-SubTitle {
        color: rgba(205, 176, 131, 1.00);
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        font-style: normal;
        font-family: Lato;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 2px
    }
    .tp-caption.Creative-Button,
    .Creative-Button {
        color: rgba(205, 176, 131, 1.00);
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        font-style: normal;
        font-family: Lato;
        padding: 15px 50px 15px 50px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(205, 176, 131, 0.25);
        border-style: solid;
        border-width: 1px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 2px
    }
    .tp-caption.Creative-Button:hover,
    .Creative-Button:hover {
        color: rgba(205, 176, 131, 1.00);
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(205, 176, 131, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 0px 0px 0px 0px
    }

.tp-caption.subcaption,
    .subcaption {
        color: rgba(111, 124, 130, 1.00);
        font-size: 19px;
        line-height: 24px;
        font-weight: 400;
        font-style: normal;
        font-family: roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 0, 0, 1.00);
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-shadow: none;
        text-align: left
    }
    .tp-caption.RedDot,
    .RedDot {
        color: rgba(0, 0, 0, 1.00);        
        font-weight: 400;
        font-style: normal;        
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(213, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: solid;
        border-width: 5px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.RedDot:hover,
    .RedDot:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.75);
        border-color: rgba(213, 0, 0, 1.00);
        border-style: solid;
        border-width: 5px;
        border-radius: 50px 50px 50px 50px
    }

    .tp-caption.SlidingOverlays-Title,
    .SlidingOverlays-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 50px;
        line-height: 50px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.SlidingOverlays-Title,
    .SlidingOverlays-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 50px;
        line-height: 50px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }

     .tp-caption.Woo-TitleLarge,
    .Woo-TitleLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-Rating,
    .Woo-Rating {
        color: rgba(0, 0, 0, 1.00);
        font-size: 14px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: left;
        
    }
    .tp-caption.Woo-SubTitle,
    .Woo-SubTitle {
        color: rgba(0, 0, 0, 1.00);
        font-size: 18px;
        line-height: 18px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        letter-spacing: 2px;
        
    }
    .tp-caption.Woo-PriceLarge,
    .Woo-PriceLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 60px;
        line-height: 60px;
        font-weight: 700;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-ProductInfo,
    .Woo-ProductInfo {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 75px 12px 50px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-ProductInfo:hover,
    .Woo-ProductInfo:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }
    .tp-caption.Woo-AddToCart,
    .Woo-AddToCart {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 35px 12px 35px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-AddToCart:hover,
    .Woo-AddToCart:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }
    .tp-caption.Woo-TitleLarge,
    .Woo-TitleLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-SubTitle,
    .Woo-SubTitle {
        color: rgba(0, 0, 0, 1.00);
        font-size: 18px;
        line-height: 18px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        letter-spacing: 2px;
        
    }
    .tp-caption.Woo-PriceLarge,
    .Woo-PriceLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 60px;
        line-height: 60px;
        font-weight: 700;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-ProductInfo,
    .Woo-ProductInfo {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 75px 12px 50px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-ProductInfo:hover,
    .Woo-ProductInfo:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }
    .tp-caption.Woo-AddToCart,
    .Woo-AddToCart {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 35px 12px 35px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-AddToCart:hover,
    .Woo-AddToCart:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }

    .tp-caption.FullScreen-Toggle,
    .FullScreen-Toggle {
        color: rgba(255, 255, 255, 1.00);
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        font-style: normal;
        font-family: Raleway;
        padding: 11px 8px 11px 12px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.50);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 3px;
        text-align: left
    }
    .tp-caption.FullScreen-Toggle:hover,
    .FullScreen-Toggle:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: rgba(0, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }

    .tp-caption.Agency-Title,
.Agency-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 10px
}
.tp-caption.Agency-SubTitle,
.Agency-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Agency-PlayBtn,
.Agency-PlayBtn {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 71px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.Agency-PlayBtn:hover,
.Agency-PlayBtn:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}
.tp-caption.Agency-SmallText,
.Agency-SmallText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 5px
}
.tp-caption.Agency-Social,
.Agency-Social {
    color: rgba(51, 51, 51, 1.00);
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(51, 51, 51, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}
.tp-caption.Agency-Social:hover,
.Agency-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(51, 51, 51, 1.00);
    border-color: rgba(51, 51, 51, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}
.tp-caption.Agency-CloseBtn,
.Agency-CloseBtn {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: none;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.Agency-CloseBtn:hover,
.Agency-CloseBtn:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: none;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.tp-caption.Dining-Title,
.Dining-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 10px
}
.tp-caption.Dining-SubTitle,
.Dining-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Dining-BtnLight,
.Dining-BtnLight {
    color: rgba(255, 255, 255, 0.50);
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: Lato;
    padding: 17px 73px 17px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 2px
}
.tp-caption.Dining-BtnLight:hover,
.Dining-BtnLight:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.Dining-Social,
.Dining-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}
.tp-caption.Dining-Social:hover,
.Dining-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}
tp-caption.Team-Thumb,
.Team-Thumb {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Thumb:hover,
.Team-Thumb:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Team-Name,
.Team-Name {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Position,
.Team-Position {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Description,
.Team-Description {
    color: rgba(255, 255, 255, 1.00);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Social,
.Team-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Team-Social:hover,
.Team-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}

.tp-caption.VideoControls-Play,
.VideoControls-Play {
    color: rgba(0, 0, 0, 1.00);
    font-size: 50px;
    line-height: 120px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 7px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.VideoControls-Play:hover,
.VideoControls-Play:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}
.tp-caption.VideoPlayer-Title,
.VideoPlayer-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 10px
}
.tp-caption.VideoPlayer-SubTitle,
.VideoPlayer-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.VideoPlayer-Social,
.VideoPlayer-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.VideoPlayer-Social:hover,
.VideoPlayer-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.VideoControls-Mute,
.VideoControls-Mute {
    color: rgba(0, 0, 0, 1.00);
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.VideoControls-Mute:hover,
.VideoControls-Mute:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}
.tp-caption.VideoControls-Pause,
.VideoControls-Pause {
    color: rgba(0, 0, 0, 1.00);
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.VideoControls-Pause:hover,
.VideoControls-Pause:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
 }

.soundcloudwrapper iframe {
    width: 100% !important
}
.tp-caption.SleekLanding-Title,
.SleekLanding-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 35px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 5px
}
.tp-caption.SleekLanding-ButtonBG,
.SleekLanding-ButtonBG {
    color: rgba(0, 0, 0, 1.00);
        
    font-weight: 700;
    font-style: normal;    
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.10);
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0px;
    border-radius: 5px 5px 5px 5px;
    text-align: left;    
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.15)
}
.tp-caption.SleekLanding-SmallTitle,
.SleekLanding-SmallTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 50px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 2px
}
.tp-caption.SleekLanding-BottomText,
.SleekLanding-BottomText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.SleekLanding-Social,
.SleekLanding-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.SleekLanding-Social:hover,
.SleekLanding-Social:hover {
    color: rgba(0, 0, 0, 0.25);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
#rev_slider_429_1_wrapper .tp-loader.spinner2 {
    background-color: #555555 !important;
}
.tp-fat {
    font-weight: 900 !important;
}

.tp-caption.PostSlider-Category,
.PostSlider-Category {
    color: rgba(0, 0, 0, 1.00);
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 3px;
    text-align: left
}
.tp-caption.PostSlider-Title,
.PostSlider-Title {
    color: rgba(0, 0, 0, 1.00);
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: "Playfair Display";
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.PostSlider-Content,
.PostSlider-Content {
    color: rgba(119, 119, 119, 1.00);
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.PostSlider-Button,
.PostSlider-Button {
    color: rgba(0, 0, 0, 1.00);
    font-size: 15px;
    line-height: 40px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 1px 56px 1px 32px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left
}
.tp-caption.PostSlider-Button:hover,
.PostSlider-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(238, 238, 238, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}

/* media queries */

@media only screen and (max-width: 960px) {} @media only screen and (max-width: 768px) {} .tp-caption.LandingPage-Title,
.LandingPage-Title {
    color:rgba(255,
    255,
    255,
    1.00);
    font-size:70px;
    line-height:80px;
    font-weight:900;
    font-style:normal;
    font-family:Lato;
    padding:0 0 0 0px;
    text-decoration:none;
    background-color:transparent;
    border-color:transparent;
    border-style:none;
    border-width:0px;
    border-radius:0 0 0 0px;
    text-align:left;
    letter-spacing:10px
}
.tp-caption.LandingPage-SubTitle,
.LandingPage-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.LandingPage-Button,
.LandingPage-Button {
    color: rgba(0, 0, 0, 1.00);
    font-size: 15px;
    line-height: 54px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 35px 0px 35px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 3px
}
.tp-caption.LandingPage-Button:hover,
.LandingPage-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.App-Content a,
.tp-caption.App-Content a:visited {
    color: #89124e !important;
    border-bottom: 1px solid transparent !important;
    font-weight: bold !important;
}
.tp-caption.App-Content a:hover {
    border-bottom: 1px solid #89124e !important;
}
.tp-caption.RockBand-LogoText,
.RockBand-LogoText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Oswald;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #fff !important;
    text-decoration: underline !important;
}
.tp-caption.Twitter-Content a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.soundcloudwrapper iframe {
    width: 100% !important
}

.tp-caption.Agency-LogoText,
.Agency-LogoText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 1px
}
.tp-caption.ComingSoon-Highlight,
.ComingSoon-Highlight {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 37px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 20px 3px 20px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0, 154, 238, 1.00);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ComingSoon-Count,
.ComingSoon-Count {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ComingSoon-CountUnit,
.ComingSoon-CountUnit {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.ComingSoon-NotifyMe,
.ComingSoon-NotifyMe {
    color: rgba(164, 157, 143, 1.00);
    font-size: 27px;
    line-height: 35px;
    font-weight: 600;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}

#mc_embed_signup input#mce-EMAIL {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 1px solid #fff;
    width: 400px;
    margin-bottom: 0px;
    transition: background-color 0.5s;
    
    
    border-radius: 0px;
}
#mc_embed_signup input#mce-EMAIL[type="email"]:focus {
    background-color: #fff;
    border: 1px solid #666;
    border-right: 0;
}
#mc_embed_signup input#mc-embedded-subscribe,
#mc_embed_signup input#mc-embedded-subscribe:focus {
    font-family: "Lato", sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    padding: 0 20px;
    border: 1px solid #009aee;
    background: #009aee;
    color: #fff;
    
    
    border-radius: 0px;
}
#mc_embed_signup input#mc-embedded-subscribe:hover {
    background: #0083d4;
}
@media only screen and (max-width: 767px) {
    #mc_embed_signup input#mce-EMAIL {
        width: 200px;
    }
}
.tp-caption.Agency-SmallTitle,
.Agency-SmallTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 6px
}
.tp-caption.Agency-SmallContent,
.Agency-SmallContent {
    color: rgba(255, 255, 255, 1.00);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Agency-SmallLink,
.Agency-SmallLink {
    color: rgba(248, 124, 9, 1.00);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #f87c09 !important
}
.tp-caption.Agency-SmallLink:hover,
.Agency-SmallLink:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Agency-NavButton,
.Agency-NavButton {
    color: rgba(51, 51, 51, 1.00);
    font-size: 17px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    text-align: center;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    text-align: center
}
.tp-caption.Agency-NavButton:hover,
.Agency-NavButton:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(51, 51, 51, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.Agency-SmallLinkGreen,
.Agency-SmallLinkGreen {
    color: rgba(109, 177, 155, 1.00);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #6db19b !important
}
.tp-caption.Agency-SmallLinkGreen:hover,
.Agency-SmallLinkGreen:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Agency-SmallLinkBlue,
.Agency-SmallLinkBlue {
    color: rgba(153, 153, 153, 1.00);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #999 !important
}
.tp-caption.Agency-SmallLinkBlue:hover,
.Agency-SmallLinkBlue:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Agency-LogoText,
.Agency-LogoText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 1px
}
.tp-caption.Agency-ArrowTooltip,
.Agency-ArrowTooltip {
    color: rgba(51, 51, 51, 1.00);
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: "Permanent Marker";
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Agency-SmallSocial,
.Agency-SmallSocial {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Agency-SmallSocial:hover,
.Agency-SmallSocial:hover {
    color: rgba(51, 51, 51, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084B4 !important
}
.tp-caption.Twitter-Content a:hover {
    color: #0084B4 !important;
    text-decoration: underline !important
}
.tp-caption.CreativeFrontPage-Btn,
.CreativeFrontPage-Btn {
    color: rgba(255, 255, 255, 1.00);
    font-size: 14px;
    line-height: 60px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 50px 0px 50px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0, 104, 92, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 4px 4px 4px 4px;
    letter-spacing: 2px
}
.tp-caption.CreativeFrontPage-Btn:hover,
.CreativeFrontPage-Btn:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer
}
.tp-caption.CreativeFrontPage-Menu,
.CreativeFrontPage-Menu {
    color: rgba(255, 255, 255, 1.00);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    font-style: normal;
    font-family: roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 2px
}
.tp-flip-index {
    z-index: 1000 !important;
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084B4 !important
}
.tp-caption.Twitter-Content a:hover {
    color: #0084B4 !important;
    text-decoration: underline !important
}
.tp-caption.FullScreenMenu-Category,
.FullScreenMenu-Category {
    color: rgba(17, 17, 17, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: BenchNine;
    padding: 21px 30px 16px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.90);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 3px
}
.tp-caption.FullScreenMenu-Title,
.FullScreenMenu-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 65px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: BenchNine;
    padding: 21px 30px 16px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(17, 17, 17, 0.90);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084B4 !important
}
.tp-caption.Twitter-Content a:hover {
    color: #0084B4 !important;
    text-decoration: underline !important
}
.tp-caption.TechJournal-Button,
.TechJournal-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 40px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 1px 30px 1px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(138, 0, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 3px
}
.tp-caption.TechJournal-Button:hover,
.TechJournal-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.TechJournal-Big,
.TechJournal-Big {
    color: rgba(255, 255, 255, 1.00);
    font-size: 120px;
    line-height: 120px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 0px
}
.rev_slider {
    overflow: hidden;
}
.effect_layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    #menu_forcefullwidth {
        z-index: 5000;
        position: fixed !important;
        top: 0px;
        left: 0px;
        width: 100%
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .rev_slider {
        overflow: hidden;
    }
    .effect_layer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    .gyges .tp-thumb {
        opacity: 1
    }
    .gyges .tp-thumb-img-wrap {
        padding: 3px;
        background-color: rgba(0, 0, 0, 0.25);
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0px;
        box-sizing: border-box;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .gyges .tp-thumb-image {
        padding: 3px;
        display: block;
        box-sizing: border-box;
        position: relative;
        box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    }
    .gyges .tp-thumb:hover .tp-thumb-img-wrap,
    .gyges .tp-thumb.selected .tp-thumb-img-wrap {
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-FooterLink,
    .FullSiteBlock-FooterLink {
        color: rgba(85, 85, 85, 1.00);
        font-size: 15px;
        line-height: 20px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: left
    }
    .tp-caption.FullSiteBlock-FooterLink:hover,
    .FullSiteBlock-FooterLink:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .fb-share-button.fb_iframe_widget iframe {
        width: 115px!important;
    }
    #tp-socialwrapper {
        opacity: 0;
    }

        .tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    #menu_forcefullwidth {
        z-index: 5000;
        position: fixed !important;
        top: 0px;
        left: 0px;
        width: 100%
    }
    #tp-menubg {
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000', GradientType=0);
        /* IE6-9 */
    }
    #mc_embed_signup input[type="email"] {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 400;
        background-color: #fff;
        color: #888 !important;
        line-height: 46px;
        padding: 0 20px;
        cursor: text;
        border: 0;
        width: 400px;
        margin-bottom: 0px;
        transition: background-color 0.5s;
        border-radius: 3px;
    }
    #mc_embed_signup input[type="email"]::-webkit-input-placeholder {
        color: #888 !important;
    }
    #mc_embed_signup input[type="email"]::-moz-placeholder {
        color: #888 !important;
    }
    #mc_embed_signup input[type="email"]:-ms-input-placeholder {
        color: #888 !important;
    }
    #mc_embed_signup input[type="email"]:focus {
        background-color: #f5f5f5;
        color: #454545;
    }
    #mc_embed_signup input#mc-embedded-subscribe,
    #mc_embed_signup input#mc-embedded-subscribe:focus {
        font-family: "Lato", sans-serif;
        line-height: 46px;
        font-size: 16px;
        font-weight: 700;
        padding: 0 30px;
        border: 0;
        background: #f04531;
        text-transform: none;
        color: #fff;
        border-radius: 3px;
    }
    #mc_embed_signup input#mc-embedded-subscribe:hover {
        background: #e03727;
    }
    @media only screen and (max-width: 767px) {
        #mc_embed_signup input[type="email"] {
            width: 260px;
        }
    }
    @media only screen and (max-width: 480px) {
        #mc_embed_signup input[type="email"] {
            width: 160px;
        }
    }
    #rev_slider_167_6 .uranus.tparrows {
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0);
    }
    #rev_slider_167_6 .uranus.tparrows:before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 40px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    #rev_slider_167_6 .uranus.tparrows:hover:before {
        opacity: 0.75;
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.ParallaxWebsite-FooterItem,
    .ParallaxWebsite-FooterItem {
        color: rgba(255, 255, 255, 0.50);
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px
    }
    .tp-caption.ParallaxWebsite-FooterItem:hover,
    .ParallaxWebsite-FooterItem:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .fb-share-button.fb_iframe_widget iframe {
        width: 115px!important;
    }
    iframe.twitter-share-button {
        display: none;
    }
    .fb-share-button.fb_iframe_widget iframe {
        display: none;
    }

    .tp-caption.FullSiteBlock-Link, 
    .FullSiteBlock-Link {
    color: rgba(0,150,255,1.00);
    font-size: 25px;
    line-height: 24px;
    font-weight: 300;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
}/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ARES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
.ares.tparrows {
    cursor: pointer;
    background: #fff;
    min-width: 60px;
    min-height: 60px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%;
}
.ares.tparrows:hover {
}
.ares.tparrows:before {
    font-family: "revicons-icons";
    font-size: 25px;
    color: #aaa;
    display: block;
    line-height: 60px;
    text-align: center;
    transition: color 0.3s;
    z-index: 2;
    position: relative;
}
.ares.tparrows.tp-leftarrow:before {
    content: "\E81F";
}
.ares.tparrows.tp-rightarrow:before {
    content: "\E81E";
}
.ares.tparrows:hover:before {
    color: #000;
}
.ares .tp-title-wrap {
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #fff;
    min-height: 60px;
    line-height: 60px;
    top: 0px;
    margin-left: 30px;
    border-radius: 0px 30px 30px 0px;
    overflow: hidden;
    transition: transform 0.3s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
}
.ares.tp-rightarrow .tp-title-wrap {
    right: 0px;
    margin-right: 30px;
    margin-left: 0px;
    -webkit-transform-origin: 100% 50%;
    border-radius: 30px 0px 0px 30px;
}
.ares.tparrows:hover .tp-title-wrap {
    transform: scaleX(1) scaleY(1);
    -webkit-transform: scaleX(1) scaleY(1);
}
.ares .tp-arr-titleholder {
    position: relative;
    transition: transform 0.3s;
    transform: translateX(200px);
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    white-space: nowrap;
    padding: 0px 20px;
    margin-left: 10px;
    opacity: 0;
}

.ares.tp-rightarrow .tp-arr-titleholder {
    transform: translateX(-200px);
    margin-left: 0px;
    margin-right: 10px;
}

.ares.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

/* BULLETS */
.ares.tp-bullets {
}
.ares.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}
.ares .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}
.ares .tp-bullet:hover,
.ares .tp-bullet.selected {
    background: #fff;
}
.ares .tp-bullet-title {
    position: absolute;
    color: #888;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 600;
    right: 27px;
    top: -4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    visibility: hidden;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    line-height: 20px;
    white-space: nowrap;
}

.ares .tp-bullet-title:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
    content: " ";
    position: absolute;
    right: -10px;
    top: 0px;
}

.ares .tp-bullet:hover .tp-bullet-title {
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.ares .tp-bullet.selected:hover .tp-bullet-title {
    background: #fff;
}
.ares .tp-bullet.selected:hover .tp-bullet-title:after {
    border-color: transparent transparent transparent #fff;
}
.ares.tp-bullets:hover .tp-bullet-title {
    visibility: hidden;
}
.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
    visibility: visible;
}

/* TABS */
.ares .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    border-bottom: 1px solid #e5e5e5;
}
.ares .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}
.ares .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0px;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.ares .tp-tab-date {
    display: block;
    color: #aaa;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0px;
}
.ares .tp-tab-title {
    display: block;
    text-align: left;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px;
}
.ares .tp-tab:hover,
.ares .tp-tab.selected {
    background: #eee;
}

.ares .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 CUSTOM SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.custom.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 10000;
}
.custom.tparrows:hover {
    background: #000;
}
.custom.tparrows:before {
    font-family: "revicons-icons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.custom.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.custom.tparrows.tp-rightarrow:before {
    content: "\E825";
}

/* BULLETS */
.custom.tp-bullets {
}
.custom.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}
.custom .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    background: rgba(125, 125, 125, 0.5);
    cursor: pointer;
    box-sizing: content-box;
}
.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
    background: rgb(125, 125, 125);
}
.custom .tp-bullet-image {
}
.custom .tp-bullet-title {
}

/* THUMBS */

/* TABS */

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 DIONE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.dione.tparrows {
    height: 100%;
    width: 100px;
    background: transparent;
    background: rgba(0, 0, 0, 0);
    line-height: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.dione.tparrows:hover {
    background: rgba(0, 0, 0, 0.45);
}
.dione .tp-arr-imgwrapper {
    width: 100px;
    left: 0px;
    position: absolute;
    height: 100%;
    top: 0px;
    overflow: hidden;
}
.dione.tp-rightarrow .tp-arr-imgwrapper {
    left: auto;
    right: 0px;
}

.dione .tp-arr-imgholder {
    background-position: center center;
    background-size: cover;
    width: 100px;
    height: 100%;
    top: 0px;
    visibility: hidden;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    opacity: 0;
    left: 0px;
}

.dione.tparrows.tp-rightarrow .tp-arr-imgholder {
    right: 0px;
    left: auto;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
}

.dione.tparrows:before {
    position: absolute;
    line-height: 30px;
    margin-left: -22px;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-top: -15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.dione.tparrows.tp-rightarrow:before {
    margin-left: 6px;
}

.dione.tparrows:hover:before {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0;
}

.dione.tparrows.tp-rightarrow:hover:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
}

.dione.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}

/* BULLETS */
.dione .tp-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    padding: 3px;
    background: #3064a5;
    background-color: rgba(0, 0, 0, 0.25);
    margin: 0px;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.dione .tp-bullet-image {
    display: block;
    box-sizing: border-box;
    position: relative;
    box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: center center;
}
.dione .tp-bullet-title {
    position: absolute;
    bottom: 65px;
    display: inline-block;
    left: 50%;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
    white-space: nowrap;
}

.dione .tp-bullet:hover .tp-bullet-title {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    opacity: 1;
}

.dione .tp-bullet.selected,
.dione .tp-bullet:hover {
    background: rgba(255, 255, 255, 1);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, rgba(255, 255, 255, 1)),
        color-stop(100%, rgba(119, 119, 119, 1))
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(119, 119, 119, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
}
.dione .tp-bullet-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    bottom: -8px;
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ERINYEN SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.erinyen.tparrows {
    cursor: pointer;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.5);
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 35px;
}

.erinyen.tparrows:before {
    font-family: "revicons-icons";
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 50px;
    text-align: center;
    z-index: 2;
    position: relative;
}
.erinyen.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.erinyen.tparrows.tp-rightarrow:before {
    content: "\E825";
}

.erinyen .tp-title-wrap {
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.5);
    min-height: 50px;
    line-height: 70px;
    top: 0px;
    margin-left: 0px;
    border-radius: 35px;
    overflow: hidden;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}

.erinyen.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.erinyen.tp-rightarrow .tp-title-wrap {
    right: 0px;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-transform-origin: 100% 50%;
    border-radius: 35px;
    padding-right: 20px;
    padding-left: 10px;
}

.erinyen.tp-leftarrow .tp-title-wrap {
    padding-left: 20px;
    padding-right: 10px;
}

.erinyen .tp-arr-titleholder {
    letter-spacing: 3px;
    position: relative;
    transition: transform 0.3s;
    transform: translateX(200px);
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 70px;
    white-space: nowrap;
    padding: 0px 20px;
    margin-left: 11px;
    opacity: 0;
}

.erinyen .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-size: cover;
}
.erinyen .tp-arr-img-over {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.5);
}
.erinyen.tp-rightarrow .tp-arr-titleholder {
    transform: translateX(-200px);
    margin-left: 0px;
    margin-right: 11px;
}

.erinyen.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

/* BULLETS */
.erinyen.tp-bullets {
}
.erinyen.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #555555; /* old browsers */ /* ff3.6+ */ /* chrome,safari4+ */ /* chrome10+,safari5.1+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(to bottom, #555555 0%, #222222 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */
    padding: 10px 15px;
    margin-left: -15px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 1px rgba(33, 33, 33, 0.3);
}
.erinyen .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #111;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}
.erinyen .tp-bullet:hover,
.erinyen .tp-bullet.selected {
    background: #e5e5e5; /* old browsers */ /* ff3.6+ */ /* chrome,safari4+ */ /* chrome10+,safari5.1+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #999999 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */
    border: 1px solid #555;
    width: 12px;
    height: 12px;
}
.erinyen .tp-bullet-image {
}
.erinyen .tp-bullet-title {
}

/* THUMBS */
.erinyen .tp-thumb {
    opacity: 1;
}

.erinyen .tp-thumb-over {
    background: #3064a5;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: all 0.3s;
}

.erinyen .tp-thumb-more:before {
    font-family: "revicons-icons";
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}
.erinyen .tp-thumb-more:before {
    content: "\E825";
}

.erinyen .tp-thumb-title {
    font-family: "Raleway";
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-weight: 500;
}

.erinyen .tp-thumb.selected .tp-thumb-more:before,
.erinyen .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa;
}

.erinyen .tp-thumb.selected .tp-thumb-over,
.erinyen .tp-thumb:hover .tp-thumb-over {
    background: #fff;
}
.erinyen .tp-thumb.selected .tp-thumb-title,
.erinyen .tp-thumb:hover .tp-thumb-title {
    color: #000;
}

/* TABS */
.erinyen .tp-tab-title {
    color: #a8d8ee;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Slab";
    margin-bottom: 5px;
}

.erinyen .tp-tab-desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    font-family: "Roboto Slab";
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 GYGES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */

/* BULLETS */
.gyges.tp-bullets {
}
.gyges.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #777777; /* Old browsers */
    background: linear-gradient(to bottom, #777777 0%, #666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777", 
    endColorstr="#666666",GradientType=0 );
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 10px;
}
.gyges .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #333;
    border: 3px solid #444;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}
.gyges .tp-bullet:hover,
.gyges .tp-bullet.selected {
    background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", 
    endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */
}
.gyges .tp-bullet-image {
}
.gyges .tp-bullet-title {
}

/* THUMBS */
.gyges .tp-thumb {
    opacity: 1;
}
.gyges .tp-thumb-img-wrap {
    padding: 3px;
    background: #3064a5;
    background-color: rgba(0, 0, 0, 0.25);
    display: inline-block;

    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.gyges .tp-thumb-image {
    padding: 3px;
    display: block;
    box-sizing: border-box;
    position: relative;
    box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}
.gyges .tp-thumb-title {
    position: absolute;
    bottom: 100%;
    display: inline-block;
    left: 50%;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 20px;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    white-space: nowrap;
}
.gyges .tp-thumb:hover .tp-thumb-title {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    opacity: 1;
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap,
.gyges .tp-thumb.selected .tp-thumb-img-wrap {
    background: rgba(255, 255, 255, 1);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, rgba(255, 255, 255, 1)),
        color-stop(100%, rgba(119, 119, 119, 1))
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(119, 119, 119, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
}
.gyges .tp-thumb-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
    bottom: -8px;
}

/* TABS */
.gyges .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.gyges .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}
.gyges .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0px;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.gyges .tp-tab-date {
    display: block;
    color: rgba(255, 255, 255, 0.25);
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0px;
}
.gyges .tp-tab-title {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px;
}
.gyges .tp-tab:hover,
.gyges .tp-tab.selected {
    background: rgba(0, 0, 0, 0.5);
}

.gyges .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HADES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hades.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.15);
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    z-index: 1000;
}

.hades.tparrows:before {
    font-family: "revicons-icons";
    font-size: 30px;
    color: #fff;
    display: block;
    line-height: 100px;
    text-align: center;
    transition: background 0.3s, color 0.3s;
}
.hades.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.hades.tparrows.tp-rightarrow:before {
    content: "\E825";
}

.hades.tparrows:hover:before {
    color: #aaa;
    background: #fff;
    background: rgba(255, 255, 255, 1);
}
.hades .tp-arr-allwrapper {
    position: absolute;
    left: 100%;
    top: 0px;
    background: #888;
    width: 100px;
    height: 100px;
    transition: all 0.3s;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: rotatey(-90deg);
    transform-origin: 0% 50%;
}
.hades.tp-rightarrow .tp-arr-allwrapper {
    left: auto;
    right: 100%;
    transform-origin: 100% 50%;
    transform: rotatey(90deg);
}

.hades:hover .tp-arr-allwrapper {
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotatey(0deg);
}

.hades .tp-arr-iwrapper {
}
.hades .tp-arr-imgholder {
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.hades .tp-arr-titleholder {
}
.hades .tp-arr-subtitleholder {
}

/* BULLETS */
.hades.tp-bullets {
}
.hades.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}
.hades .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #888;
    cursor: pointer;
    border: 5px solid #fff;
    box-sizing: content-box;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    perspective: 400;
    transform: translatez(0.01px);
}
.hades .tp-bullet:hover,
.hades .tp-bullet.selected {
    background: #555;
}

.hades .tp-bullet-image {
    position: absolute;
    top: -80px;
    left: -60px;
    width: 120px;
    height: 60px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: rotatex(-90deg);
    -webkit-transform: rotatex(-90deg);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}
.hades .tp-bullet:hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    visibility: visible;
}
.hades .tp-bullet-title {
}

/* THUMBS */
.hades .tp-thumb {
    opacity: 1;
}
.hades .tp-thumb-img-wrap {
    border-radius: 50%;
    padding: 3px;
    display: inline-block;
    background: #000;
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.hades .tp-thumb-image {
    padding: 3px;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    position: relative;
    box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

.hades .tp-thumb:hover .tp-thumb-img-wrap,
.hades .tp-thumb.selected .tp-thumb-img-wrap {
    background: rgba(255, 255, 255, 1);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, rgba(255, 255, 255, 1)),
        color-stop(100%, rgba(119, 119, 119, 1))
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(119, 119, 119, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
}
.hades .tp-thumb-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    bottom: -8px;
}

/* TABS */
.hades .tp-tab {
    opacity: 1;
}

.hades .tp-tab-title {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
}
.hades .tp-tab-price {
    display: block;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px;
}

.hades .tp-tab-button {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    background: #219bd7;
    border-radius: 4px;
    font-weight: 400;
}
.hades .tp-tab-inner {
    text-align: center;
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HEBE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hebe.tparrows {
    cursor: pointer;
    background: #fff;
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    display: block;
    z-index: 1000;
}
.hebe.tparrows:hover {
}
.hebe.tparrows:before {
    font-family: "revicons-icons";
    font-size: 30px;
    color: #aaa;
    display: block;
    line-height: 50px;
    text-align: center;
    transition: color 0.3s;
    z-index: 2;
    position: relative;
    background: #fff;
    min-width: 50px;
    min-height: 50px;
}
.hebe.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.hebe.tparrows.tp-rightarrow:before {
    content: "\E825";
}
.hebe.tparrows:hover:before {
    color: #000;
}
.hebe .tp-title-wrap {
    position: absolute;
    z-index: 0;
    display: inline-block;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.75);
    min-height: 60px;
    line-height: 60px;
    top: -10px;
    margin-left: 0px;
    transition: transform 0.3s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
}
.hebe.tp-rightarrow .tp-title-wrap {
    right: 0px;
    -webkit-transform-origin: 100% 50%;
}
.hebe.tparrows:hover .tp-title-wrap {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
.hebe .tp-arr-titleholder {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 90px;
    white-space: nowrap;
    padding: 0px 20px 0px 90px;
}

.hebe.tp-rightarrow .tp-arr-titleholder {
    margin-left: 0px;
    padding: 0px 90px 0px 20px;
}

.hebe.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

.hebe .tp-arr-imgholder {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    top: 0px;
    right: -90px;
}
.hebe.tp-rightarrow .tp-arr-imgholder {
    right: auto;
    left: -90px;
}

/* BULLETS */
.hebe.tp-bullets {
}
.hebe.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}

.hebe .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #fff;
    cursor: pointer;
    border: 5px solid #222;
    border-radius: 50%;
    box-sizing: content-box;
    perspective: 400;
    transform: translateZ(0.01px);
    transition: all 0.3s;
}
.hebe .tp-bullet:hover,
.hebe .tp-bullet.selected {
    background: #222;
    border-color: #fff;
}

.hebe .tp-bullet-image {
    position: absolute;
    top: -90px;
    left: -40px;
    width: 70px;
    height: 70px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    border-radius: 6px;
}
.hebe .tp-bullet:hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
}
.hebe .tp-bullet-title {
}

/* TABS */
.hebe .tp-tab-title {
    color: #a8d8ee;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Slab";
    margin-bottom: 5px;
}

.hebe .tp-tab-desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    font-family: "Roboto Slab";
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HEPHAISTOS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hephaistos.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
}
.hephaistos.tparrows:hover {
    background: #000;
}
.hephaistos.tparrows:before {
    font-family: "revicons-icons";
    font-size: 18px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.hephaistos.tparrows.tp-leftarrow:before {
    content: "\E82C";
    margin-left: -2px;
}
.hephaistos.tparrows.tp-rightarrow:before {
    content: "\E82D";
    margin-right: -2px;
}

/* BULLETS */
.hephaistos.tp-bullets {
}
.hephaistos.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}
.hephaistos .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999;
    border: 3px solid #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3);
}
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
    background: #fff;
    border-color: #000;
}
.hephaistos .tp-bullet-image {
}
.hephaistos .tp-bullet-title {
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HERMES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hermes.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 1000;
}

.hermes.tparrows:before {
    font-family: "revicons-icons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 110px;
    text-align: center;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.hermes.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.hermes.tparrows.tp-rightarrow:before {
    content: "\E825";
}
.hermes.tparrows.tp-leftarrow:hover:before {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0;
}
.hermes.tparrows.tp-rightarrow:hover:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    opacity: 0;
}

.hermes .tp-arr-allwrapper {
    overflow: hidden;
    position: absolute;
    width: 180px;
    height: 140px;
    top: 0px;
    left: 0px;
    visibility: hidden;
    transition: transform 0.3s 0.3s;
    perspective: 1000px;
}
.hermes.tp-rightarrow .tp-arr-allwrapper {
    right: 0px;
    left: auto;
}
.hermes.tparrows:hover .tp-arr-allwrapper {
    visibility: visible;
}
.hermes .tp-arr-imgholder {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 110px;
    transform: translateX(-180px);
    -webkit-transform: translateX(-180px);
    transition: all 0.3s;
    transition-delay: 0.3s;
}
.hermes.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(180px);
    -webkit-transform: translateX(180px);
}

.hermes.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
.hermes .tp-arr-titleholder {
    top: 110px;
    width: 180px;
    text-align: left;
    display: block;
    padding: 0px 10px;
    line-height: 30px;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-weight: 600;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
    transition: all 0.3s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    box-sizing: border-box;
}
.hermes.tparrows:hover .tp-arr-titleholder {
    transition-delay: 0.6s;
    transform: rotateX(0deg);
}

/* BULLETS */
.hermes.tp-bullets {
}

.hermes .tp-bullet {
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #fff;
    transition: background 0.3s ease;
    position: absolute;
}

.hermes .tp-bullet:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.hermes .tp-bullet:after {
    content: " ";
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    transition: height 0.3s ease;
}
.hermes .tp-bullet.selected:after {
    height: 100%;
}

/* TABS */
.hermes .tp-tab {
    opacity: 1;
    padding-right: 10px;
    box-sizing: border-box;
}
.hermes .tp-tab-image {
    width: 100%;
    height: 60%;
    position: relative;
}
.hermes .tp-tab-content {
    background: rgb(54, 54, 54);
    position: absolute;
    padding: 20px 20px 20px 30px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    width: 100%;
    min-height: 40%;
    bottom: 0px;
    left: -10px;
}
.hermes .tp-tab-date {
    display: block;
    color: #888;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px;
}
.hermes .tp-tab-title {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 19px;
}

.hermes .tp-tab.selected .tp-tab-title:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 0 30px 10px;
    border-color: transparent transparent transparent rgb(54, 54, 54);
    content: " ";
    position: absolute;
    right: -9px;
    bottom: 50%;
    margin-bottom: -30px;
}
.hermes .tp-tab-mask {
    padding-right: 10px !important;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
    .hermes .tp-tab .tp-tab-title {
        font-size: 14px;
        line-height: 16px;
    }
    .hermes .tp-tab-date {
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 10px;
    }
    .hermes .tp-tab-content {
        padding: 15px 15px 15px 25px;
    }
}
@media only screen and (max-width: 768px) {
    .hermes .tp-tab .tp-tab-title {
        font-size: 12px;
        line-height: 14px;
    }
    .hermes .tp-tab-date {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 5px;
    }
    .hermes .tp-tab-content {
        padding: 10px 10px 10px 20px;
    }
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HESPERIDEN SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hesperiden.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
}
.hesperiden.tparrows:hover {
    background: #000;
}
.hesperiden.tparrows:before {
    font-family: "revicons-icons";
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.hesperiden.tparrows.tp-leftarrow:before {
    content: "\E82C";
    margin-left: -3px;
}
.hesperiden.tparrows.tp-rightarrow:before {
    content: "\E82D";
    margin-right: -3px;
}

/* BULLETS */
.hesperiden.tp-bullets {
}
.hesperiden.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 8px;
}
.hesperiden .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999999; /* old browsers */ /* ff3.6+ */ /* chrome,safari4+ */ /* chrome10+,safari5.1+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(to bottom, #999999 0%, #e1e1e1 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( 
    startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */
    border: 3px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}
.hesperiden .tp-bullet:hover,
.hesperiden .tp-bullet.selected {
    background: #666;
}
.hesperiden .tp-bullet-image {
}
.hesperiden .tp-bullet-title {
}

/* THUMBS */
.hesperiden .tp-thumb {
    opacity: 1;
    perspective: 600px;
}
.hesperiden .tp-thumb .tp-thumb-title {
    font-size: 12px;
    position: absolute;
    margin-top: -10px;
    color: #fff;
    display: block;
    z-index: 10000;
    background-color: #000;
    padding: 5px 10px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: rotatex(90deg) translatez(0.001px);
    transform-origin: 50% 100%;
    -webkit-transform: rotatex(90deg) translatez(0.001px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
}
.hesperiden .tp-thumb:hover .tp-thumb-title {
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    opacity: 1;
}

/* TABS */
.hesperiden .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    border-bottom: 1px solid #e5e5e5;
}
.hesperiden .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}
.hesperiden .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0px;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.hesperiden .tp-tab-date {
    display: block;
    color: #aaa;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0px;
}
.hesperiden .tp-tab-title {
    display: block;
    text-align: left;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px;
}
.hesperiden .tp-tab:hover,
.hesperiden .tp-tab.selected {
    background: #eee;
}

.hesperiden .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 METIS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.metis.tparrows {
    background: #fff;
    padding: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
}

.metis.tparrows:hover {
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
}

.metis.tparrows:before {
    color: #000;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.metis.tparrows:hover:before {
    transform: scale(1.5);
}

/* BULLETS */
.metis .tp-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    padding: 3px;
    background: #3064a5;
    background-color: rgba(0, 0, 0, 0.25);
    margin: 0px;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 50%;
}

.metis .tp-bullet-image {
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    position: relative;
    box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: center center;
}
.metis .tp-bullet-title {
    position: absolute;
    bottom: 65px;
    display: inline-block;
    left: 50%;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
    white-space: nowrap;
}

.metis .tp-bullet:hover .tp-bullet-title {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    opacity: 1;
}

.metis .tp-bullet.selected,
.metis .tp-bullet:hover {
    background: rgba(255, 255, 255, 1);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, rgba(255, 255, 255, 1)),
        color-stop(100%, rgba(119, 119, 119, 1))
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(119, 119, 119, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
}
.metis .tp-bullet-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    bottom: -8px;
}

.metis .tp-tab-number {
    color: #fff;
    font-size: 40px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Playfair Display";
    width: 50px;
    margin-right: 17px;
    display: inline-block;
    float: left;
}
.metis .tp-tab-mask {
    padding-left: 20px;
    left: 0px;
    max-width: 90px !important;
    transition: 0.4s padding-left, 0.4s left, 0.4s max-width;
}
.metis:hover .tp-tab-mask {
    padding-left: 0px;
    left: 50px;
    max-width: 500px !important;
}
.metis .tp-tab-divider {
    border-right: 1px solid transparent;
    height: 30px;
    width: 1px;
    margin-top: 5px;
    display: inline-block;
    float: left;
}
.metis .tp-tab-title {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Playfair Display";
    position: relative;
    padding-top: 10px;
    padding-left: 30px;
    display: inline-block;
    transform: translateX(-100%);
    transition: 0.4s all;
}
.metis .tp-tab-title-mask {
    position: absolute;
    overflow: hidden;
    left: 67px;
}
.metis:hover .tp-tab-title {
    transform: translateX(0);
}
.metis .tp-tab {
    opacity: 0.15;
    transition: 0.4s all;
}
.metis .tp-tab:hover,
.metis .tp-tab.selected {
    opacity: 1;
}
.metis .tp-tab.selected .tp-tab-divider {
    border-right: 1px solid #cdb083;
}
.metis.tp-tabs {
    max-width: 118px !important;
    padding-left: 50px;
}
.metis.tp-tabs:before {
    content: " ";
    height: 100%;
    width: 88px;
    background: rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    left: 0px;
    top: 0px;
    position: absolute;
    transition: 0.4s all;
}
.metis.tp-tabs:hover:before {
    width: 118px;
}
@media (max-width: 499px) {
    .metis.tp-tabs:before {
        background: rgba(0, 0, 0, 0.75);
    }
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 PERSEPHONE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.persephone.tparrows {
    cursor: pointer;
    background: #aaa;
    background: rgba(200, 200, 200, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 1px solid #f5f5f5;
}
.persephone.tparrows:hover {
    background: #333;
}
.persephone.tparrows:before {
    font-family: "revicons-icons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.persephone.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.persephone.tparrows.tp-rightarrow:before {
    content: "\E825";
}

/* BULLETS */
.persephone.tp-bullets {
}
.persephone.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}
.persephone .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    box-sizing: content-box;
}
.persephone .tp-bullet:hover,
.persephone .tp-bullet.selected {
    background: #222;
}
.persephone .tp-bullet-image {
}
.persephone .tp-bullet-title {
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 URANUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.uranus.tparrows {
    width: 50px;
    height: 50px;
    background: transparent;
}
.uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.uranus.tparrows:hover:before {
    opacity: 0.75;
}

/* BULLETS */
.uranus .tp-bullet {
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    transition: box-shadow 0.3s ease;
    background: transparent;
}
.uranus .tp-bullet.selected,
.uranus .tp-bullet:hover {
    box-shadow: 0 0 0 2px #fff;
    border: none;
    border-radius: 50%;

    background: transparent;
}

.uranus .tp-bullet-inner {
    background-color: rgba(255, 255, 255, 0.7);
    transition: background-color 0.3s ease, transform 0.3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
}

.uranus .tp-bullet.selected .tp-bullet-inner,
.uranus .tp-bullet:hover .tp-bullet-inner {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    background-color: #fff;
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.zeus.tparrows {
    cursor: pointer;
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1);
}

.zeus.tparrows:before {
    font-family: "revicons-icons";
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 50px;
    text-align: center;
    z-index: 2;
    position: relative;
}
.zeus.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.zeus.tparrows.tp-rightarrow:before {
    content: "\E825";
}

.zeus .tp-title-wrap {
    background: #3064a5;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 50%;
}
.zeus .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.zeus.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
.zeus.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}

.zeus.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

/* BULLETS */
.zeus .tp-bullet {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    transition: opacity 0.3s ease;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
}
.zeus .tp-bullet:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: transform 0.3s ease;
}
.zeus .tp-bullet:hover:after,
.zeus .tp-bullet.selected:after {
    transform: scale(1.2);
}

.zeus .tp-bullet-image,
.zeus .tp-bullet-imageoverlay {
    width: 135px;
    height: 60px;
    position: absolute;
    background: #3064a5;
    background: rgba(0, 0, 0, 0.5);
    bottom: 25px;
    left: 50%;
    margin-left: -65px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
    transform-origin: 50% 50%;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.zeus .tp-bullet-title,
.zeus .tp-bullet-imageoverlay {
    z-index: 2;
    transition: all 0.5s ease;
}
.zeus .tp-bullet-title {
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
    transform-origin: 50% 50%;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 45px;
    width: 135px;
    vertical-align: middle;
    left: -57px;
}

.zeus .tp-bullet:hover .tp-bullet-title,
.zeus .tp-bullet:hover .tp-bullet-image,
.zeus .tp-bullet:hover .tp-bullet-imageoverlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/* THUMBS */
.zeus .tp-thumb {
    opacity: 1;
}

.zeus .tp-thumb-over {
    background: #3064a5;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: all 0.3s;
}

.zeus .tp-thumb-more:before {
    font-family: "revicons-icons";
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}
.zeus .tp-thumb-more:before {
    content: "\E825";
}

.zeus .tp-thumb-title {
    font-family: "Raleway";
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-weight: 500;
}

.zeus .tp-thumb.selected .tp-thumb-more:before,
.zeus .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa;
}

.zeus .tp-thumb.selected .tp-thumb-over,
.zeus .tp-thumb:hover .tp-thumb-over {
    background: #3064a5;
}
.zeus .tp-thumb.selected .tp-thumb-title,
.zeus .tp-thumb:hover .tp-thumb-title {
    color: #fff;
}

/* TABS */
.zeus .tp-tab {
    opacity: 1;
    box-sizing: border-box;
}

.zeus .tp-tab-title {
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, 0.25);
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 9px 10px;
}

.zeus .tp-tab:hover .tp-tab-title,
.zeus .tp-tab.selected .tp-tab-title {
    color: #000;
    background: rgba(255, 255, 255, 1);
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/

.post-tabs .tp-thumb {
    opacity: 1;
}

.post-tabs .tp-thumb-over {
    background: #252525;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: all 0.3s;
}

.post-tabs .tp-thumb-more:before {
    font-family: "revicons-icons";
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
}
.post-tabs .tp-thumb-more:before {
    content: "\E825";
}

.post-tabs .tp-thumb-title {
    font-family: "raleway";
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 15px 30px 15px 15px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-weight: 500;
}

.post-tabs .tp-thumb.selected .tp-thumb-more:before,
.post-tabs .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa;
}

.post-tabs .tp-thumb.selected .tp-thumb-over,
.post-tabs .tp-thumb:hover .tp-thumb-over {
    background: #fff;
}
.post-tabs .tp-thumb.selected .tp-thumb-title,
.post-tabs .tp-thumb:hover .tp-thumb-title {
    color: #000;
}
/*----------------------------------------------------------------------------- - Revolution Slider 5.3.1 Default Style Settings - Screen Stylesheet version: 5.3.1 date: 30/11/16 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/
#debungcontrolls,
.debugtimeline {
    width: 100%;
    box-sizing: border-box;
}
.tp-caption,
.tp-simpleresponsive img {
    -moz-user-select: none;
    -webkit-user-select: none;
}
.rev_column,
.rev_column .tp-parallax-wrap,
.tp-svg-layer svg {
    vertical-align: top;
}
#debungcontrolls {
    z-index: 100000;
    position: fixed;
    bottom: 0;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
}
.debugtimeline {
    height: 10px;
    position: relative;
    margin-bottom: 3px;
    display: none;
    white-space: nowrap;
}
.debugtimeline:hover {
    height: 15px;
}
.the_timeline_tester {
    background: #e74c3c;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
}
.debugtimeline.tl_slide .the_timeline_tester {
    background: #f39c12;
}
.debugtimeline.tl_frame .the_timeline_tester {
    background: #3498db;
}
.debugtimline_txt {
    color: #fff;
    font-weight: 400;
    font-size: 7px;
    position: absolute;
    left: 10px;
    top: 0;
    white-space: nowrap;
    line-height: 10px;
}
.rtl {
    direction: rtl;
}
@font-face {
    font-family: "revicons-icons";
    src: url(/fonts/revicons.eot?7402860ccd5fca4850d76d5652e38569);
    src: url(/fonts/revicons.eot?7402860ccd5fca4850d76d5652e38569) format("embedded-opentype"),
        url(/fonts/revicons.woff?7402860ccd5fca4850d76d5652e38569) format("woff"),
        url(/fonts/revicons.ttf?7402860ccd5fca4850d76d5652e38569) format("truetype"),
        url(/images/revicons.svg?7402860ccd5fca4850d76d5652e38569) format("svg");
    /* font-weight: 400; */
    font-weight: normal;
    font-style: normal;
}
[class*=" revicon-"]:before,
[class^="revicon-"]:before {
    font-family: "revicons-icons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
}
.revicon-search-1:before {
    content: "\E802";
}
.revicon-pencil-1:before {
    content: "\E831";
}
.revicon-picture-1:before {
    content: "\E803";
}
.revicon-cancel:before {
    content: "\E80A";
}
.revicon-info-circled:before {
    content: "\E80F";
}
.revicon-trash:before {
    content: "\E801";
}
.revicon-left-dir:before {
    content: "\E817";
}
.revicon-right-dir:before {
    content: "\E818";
}
.revicon-down-open:before {
    content: "\E83B";
}
.revicon-left-open:before {
    content: "\E819";
}
.revicon-right-open:before {
    content: "\E81A";
}
.revicon-angle-left:before {
    content: "\E820";
}
.revicon-angle-right:before {
    content: "\E81D";
}
.revicon-left-big:before {
    content: "\E81F";
}
.revicon-right-big:before {
    content: "\E81E";
}
.revicon-magic:before {
    content: "\E807";
}
.revicon-picture:before {
    content: "\E800";
}
.revicon-export:before {
    content: "\E80B";
}
.revicon-cog:before {
    content: "\E832";
}
.revicon-login:before {
    content: "\E833";
}
.revicon-logout:before {
    content: "\E834";
}
.revicon-video:before {
    content: "\E805";
}
.revicon-arrow-combo:before {
    content: "\E827";
}
.revicon-left-open-1:before {
    content: "\E82A";
}
.revicon-right-open-1:before {
    content: "\E82B";
}
.revicon-left-open-mini:before {
    content: "\E822";
}
.revicon-right-open-mini:before {
    content: "\E823";
}
.revicon-left-open-big:before {
    content: "\E824";
}
.revicon-right-open-big:before {
    content: "\E825";
}
.revicon-left:before {
    content: "\E836";
}
.revicon-right:before {
    content: "\E826";
}
.revicon-ccw:before {
    content: "\E808";
}
.revicon-arrows-ccw:before {
    content: "\E806";
}
.revicon-palette:before {
    content: "\E829";
}
.revicon-list-add:before {
    content: "\E80C";
}
.revicon-doc:before {
    content: "\E809";
}
.revicon-left-open-outline:before {
    content: "\E82E";
}
.revicon-left-open-2:before {
    content: "\E82C";
}
.revicon-right-open-outline:before {
    content: "\E82F";
}
.revicon-right-open-2:before {
    content: "\E82D";
}
.revicon-equalizer:before {
    content: "\E83A";
}
.revicon-layers-alt:before {
    content: "\E804";
}
.revicon-popup:before {
    content: "\E828";
}
.rev_slider_wrapper {
    position: relative;
    z-index: 0;
}
.rev_slider {
    position: relative;
    overflow: visible;
}
.entry-content .rev_slider a,
.rev_slider a {
    box-shadow: none;
}
.tp-overflow-hidden {
    overflow: hidden !important;
}
.group_ov_hidden {
    overflow: hidden;
}
.rev_slider img,
.tp-simpleresponsive img {
    max-width: none !important;
    transition: none;
    margin: 0;
    padding: 0;
    border: none;
}
.rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px;
}
.rev_slider > ul,
.rev_slider > ul > li,
.rev_slider > ul > li:before,
.rev_slider_wrapper > ul,
.tp-revslider-mainul > li,
.tp-revslider-mainul > li:before,
.tp-simpleresponsive > ul,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before {
    list-style: none !important;
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none;
    background-position: 0 0;
    text-indent: 0;
    top: 0;
    left: 0;
}
.rev_slider > ul > li,
.rev_slider > ul > li:before,
.tp-revslider-mainul > li,
.tp-revslider-mainul > li:before,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before {
    visibility: hidden;
}
.tp-revslider-mainul,
.tp-revslider-slidesli {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.fullscreen-container,
.fullwidthbanner-container {
    padding: 0;
    position: relative;
}
.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
}
.tp-caption .rs-untoggled-content {
    display: block;
}
.tp-caption .rs-toggled-content {
    display: none;
}
.rs-toggle-content-active.tp-caption .rs-toggled-content {
    display: block;
}
.rs-toggle-content-active.tp-caption .rs-untoggled-content {
    display: none;
}
.rev_slider .caption,
.rev_slider .tp-caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block;
}
.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap :last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap :last-child {
    margin-bottom: 0;
}
.tp-svg-layer svg {
    width: 100%;
    height: 100%;
    position: relative;
}
.tp-carousel-wrapper {
    cursor: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n"), move;
}
.tp-carousel-wrapper.dragged {
    cursor: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"../assets/coloredbg.png.html\" />\n<link rel='shortlink' href='../assets/coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"../assets/coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"../assets/coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"../assets/coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"../assets/coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"../assets/coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"../assets/coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"../assets/coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"../assets/coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"../assets/coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"../assets/coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"../assets/coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"../assets/coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"../assets/coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"../assets/coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n"), move;
}
.tp-caption {
    z-index: 1;
    -khtml-user-select: none;
    -o-user-select: none;
    position: absolute;
    -webkit-font-smoothing: antialiased !important;
}
.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important;
}
.tp-caption.tp-layer-selectable {
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    -o-user-select: all;
}
.tp-caption.tp-hidden-caption,
.tp-forcenotvisible,
.tp-hide-revslider,
.tp-parallax-wrap.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important;
}
.rev_slider audio,
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
    max-width: none !important;
}
.tp-element-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.rev_row_zone {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    min-height: 50px;
    font-size: 0;
}
.rev_column_inner,
.rev_slider .tp-caption.rev_row {
    position: relative;
    width: 100% !important;
    box-sizing: border-box;
}
.rev_row_zone_top {
    top: 0;
}
.rev_row_zone_middle {
    top: 50%;
    -webit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.rev_row_zone_bottom {
    bottom: 0;
}
.rev_slider .tp-caption.rev_row {
    display: table;
    table-layout: fixed;
    vertical-align: top;
    height: auto !important;
    font-size: 0;
}
.rev_column {
    display: table-cell;
    position: relative;
    height: auto;
    box-sizing: border-box;
    font-size: 0;
}
.rev_column_inner {
    display: block;
    height: auto !important;
    white-space: normal !important;
}
.rev_column_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0 solid transparent;
}
.tp-caption .backcorner,
.tp-caption .backcornertop,
.tp-caption .frontcorner,
.tp-caption .frontcornertop {
    height: 0;
    top: 0;
    width: 0;
    position: absolute;
}
.rev_column_inner .tp-loop-wrap,
.rev_column_inner .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap {
    text-align: inherit;
}
.rev_column_inner .tp-mask-wrap {
    display: inline-block;
}
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    line-height: 0;
}
.tp-video-play-button,
.tp-video-play-button i {
    line-height: 50px !important;
    vertical-align: top;
}
.rev_column_inner .rev_layer_in_column,
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    vertical-align: top;
}
.rev_break_columns {
    display: block !important;
}
.rev_break_columns .tp-parallax-wrap.rev_column {
    display: block !important;
    width: 100% !important;
}
.rev_slider_wrapper {
    width: 100%;
}
.fullwidthbanner-container {
    overflow: hidden;
}
.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative;
}
.tp-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
}
.tp-caption .frontcorner {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00a8ff;
    left: -40px;
}
.tp-caption .backcorner {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    right: 0;
}
.tp-caption .frontcornertop {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00a8ff;
    left: -40px;
}
.tp-caption .backcornertop {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    right: 0;
}
.tp-layer-inner-rotation {
    position: relative !important;
}
img.tp-slider-alternative-image {
    width: 100%;
    height: auto;
}
.caption.fullscreenvideo,
.rs-background-video-layer,
.tp-caption.coverscreenvideo,
.tp-caption.fullscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.noFilterClass {
    filter: none !important;
}
.rs-background-video-layer {
    visibility: hidden;
    z-index: 0;
}
.caption.fullscreenvideo audio,
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none;
}
.fullcoveredvideo audio,
.fullscreenvideo audio .fullcoveredvideo video,
.fullscreenvideo video {
    background: #000;
}
.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.videoisplaying .html5vid .tp-poster {
    display: none;
}
.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    margin-top: -25px;
    margin-left: -25px;
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    z-index: 4;
    opacity: 0;
    transition: opacity 0.3s ease-out !important;
}
.tp-audio-html5 .tp-video-play-button,
.tp-hiddenaudio {
    display: none !important;
}
.tp-caption .html5vid {
    width: 100% !important;
    height: 100% !important;
}
.tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 40px !important;
}
.rs-fullvideo-cover,
.tp-dottedoverlay,
.tp-shadowcover {
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
}
.tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff !important;
    border-right: 5px solid #fff !important;
    margin-top: 15px !important;
    line-height: 20px !important;
    vertical-align: top;
    font-size: 25px !important;
}
.tp-seek-bar,
.tp-video-button,
.tp-volume-bar {
    outline: 0;
    line-height: 12px;
    margin: 0;
    cursor: pointer;
}
.videoisplaying .revicon-right-dir {
    display: none;
}
.videoisplaying .tp-revstop {
    display: inline-block;
}
.videoisplaying .tp-video-play-button {
    display: none;
}
.tp-caption:hover .tp-video-play-button {
    opacity: 1;
    display: block;
}
.fullcoveredvideo .tp-video-play-button {
    display: none !important;
}
.fullscreenvideo .fullscreenvideo audio,
.fullscreenvideo .fullscreenvideo video {
    -o-object-fit: contain !important;
       object-fit: contain !important;
}
.fullscreenvideo .fullcoveredvideo audio,
.fullscreenvideo .fullcoveredvideo video {
    -o-object-fit: cover !important;
       object-fit: cover !important;
}
.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s;
    background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
    background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.13, #000),
        color-stop(1, #323232)
    );
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.rev-btn.rev-hiddenicon i,
.rev-btn.rev-withicon i {
    -webkit-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    -ms-transition: all 0.2s ease-out !important;
}
.tp-caption:hover .tp-video-controls {
    opacity: 0.9;
}
.tp-video-button {
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 0;
}
.tp-video-button:hover {
    cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
}
.tp-video-seek-bar-wrap {
    width: 80%;
}
.tp-video-vol-bar-wrap {
    width: 20%;
}
.tp-seek-bar,
.tp-volume-bar {
    width: 100%;
    padding: 0;
}
.rs-fullvideo-cover {
    width: 100%;
    background: 0 0;
    z-index: 5;
}
.rs-background-video-layer video::-webkit-media-controls {
    display: none !important;
}
.rs-background-video-layer audio::-webkit-media-controls {
    display: none !important;
}
.rs-background-video-layer video::-webkit-media-controls-start-playback-button {
    display: none !important;
}
.tp-audio-html5 .tp-video-controls {
    opacity: 1 !important;
    visibility: visible !important;
}
.disabled_lc .tp-video-play-button {
    display: none !important;
}
.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    z-index: 3;
}
.tp-dottedoverlay.twoxtwo {
    background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"coloredbg.png.html\" />\n<link rel='shortlink' href='coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.tp-dottedoverlay.twoxtwowhite {
    background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"coloredbg.png.html\" />\n<link rel='shortlink' href='coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.tp-dottedoverlay.threexthree {
    background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"coloredbg.png.html\" />\n<link rel='shortlink' href='coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.tp-dottedoverlay.threexthreewhite {
    background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"coloredbg.png.html\" />\n<link rel='shortlink' href='coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.tp-shadowcover {
    width: 100%;
    background: #fff;
    z-index: -1;
}
.tp-shadow1 {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8);
}
.tp-shadow2:after,
.tp-shadow2:before,
.tp-shadow3:before,
.tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
    transform: rotate(-3deg);
}
.tp-shadow2:after,
.tp-shadow4:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.tp-shadow5 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:after,
.tp-shadow5:before {
    content: "";
    position: absolute;
    z-index: -2;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 100px/20px;
}
.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    font-family: arial, sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none;
}
.tp-button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
}
.purchase:hover,
.tp-button.big:hover,
.tp-button:hover {
    background-position: bottom, 15px 11px;
}
.purchase.green,
.purchase:hover.green,
.tp-button.green,
.tp-button:hover.green {
    background-color: #21a117;
    box-shadow: 0 3px 0 0 #104d0b;
}
.purchase.blue,
.purchase:hover.blue,
.tp-button.blue,
.tp-button:hover.blue {
    background-color: #1d78cb;
    box-shadow: 0 3px 0 0 #0f3e68;
}
.purchase.red,
.purchase:hover.red,
.tp-button.red,
.tp-button:hover.red {
    background-color: #cb1d1d;
    box-shadow: 0 3px 0 0 #7c1212;
}
.purchase.orange,
.purchase:hover.orange,
.tp-button.orange,
.tp-button:hover.orange {
    background-color: #f70;
    box-shadow: 0 3px 0 0 #a34c00;
}
.purchase.darkgrey,
.purchase:hover.darkgrey,
.tp-button.darkgrey,
.tp-button.grey,
.tp-button:hover.darkgrey,
.tp-button:hover.grey {
    background-color: #555;
    box-shadow: 0 3px 0 0 #222;
}
.purchase.lightgrey,
.purchase:hover.lightgrey,
.tp-button.lightgrey,
.tp-button:hover.lightgrey {
    background-color: #888;
    box-shadow: 0 3px 0 0 #555;
}
.rev-btn,
.rev-btn:visited {
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Roboto, sans-serif;
    cursor: pointer;
}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900;
}
.rev-btn.rev-withicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -moz-transition: all 0.2s ease-out !important;
    margin-left: 10px !important;
}
.rev-btn.rev-hiddenicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -moz-transition: all 0.2s ease-out !important;
    opacity: 0;
    margin-left: 0 !important;
    width: 0 !important;
}
.rev-btn.rev-hiddenicon:hover i {
    opacity: 1 !important;
    margin-left: 10px !important;
    width: auto !important;
}
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px;
}
.rev-btn.rev-medium.rev-hiddenicon i,
.rev-btn.rev-medium.rev-withicon i {
    font-size: 14px;
    top: 0;
}
.rev-btn.rev-small,
.rev-btn.rev-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px;
}
.rev-btn.rev-small.rev-hiddenicon i,
.rev-btn.rev-small.rev-withicon i {
    font-size: 12px;
    top: 0;
}
.rev-maxround {
    border-radius: 30px;
}
.rev-minround {
    border-radius: 3px;
}
.rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, 0.25);
    tap-highlight-color: transparent;
    cursor: pointer;
}
.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: 0.7s;
    pointer-events: none;
    transform-style: flat !important;
}
.rev-burger.revb-white span,
.rev-burger.revb-whitenoborder span {
    background: #fff;
}
.rev-burger span:nth-child(2) {
    margin: 3px 0;
}
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
    transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg);
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
    transform: translateY(-6px) rotate(-135deg);
    -webkit-transform: translateY(-6px) rotate(-135deg);
}
.rev-burger.revb-white {
    border: 2px solid rgba(255, 255, 255, 0.2);
}
.rev-burger.revb-darknoborder,
.rev-burger.revb-whitenoborder {
    border: 0;
}
.rev-burger.revb-darknoborder span {
    background: #333;
}
.rev-burger.revb-whitefull {
    background: #fff;
    border: none;
}
.rev-burger.revb-whitefull span {
    background: #333;
}
.rev-burger.revb-darkfull {
    background: #333;
    border: none;
}
.rev-burger.revb-darkfull span,
.rev-scroll-btn.revs-fullwhite {
    background: #fff;
}
@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px;
}
.rev-control-btn,
.tp-tab,
.tp-thumb {
    box-sizing: border-box;
    cursor: pointer;
}
.rev-scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}
.rev-scroll-btn > .active,
.rev-scroll-btn > :focus,
.rev-scroll-btn > :hover {
    color: #fff;
}
.rev-scroll-btn > .active,
.rev-scroll-btn > :active,
.rev-scroll-btn > :focus,
.rev-scroll-btn > :hover {
    filter: alpha(opacity=80);
}
.rev-scroll-btn.revs-fullwhite span {
    background: #333;
}
.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none;
}
.rev-scroll-btn.revs-fulldark span,
.tp-bullet {
    background: #fff;
}
.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    animation: rev-ani-mouse 2.5s linear infinite;
}
.rev-scroll-btn.revs-dark {
    border-color: #333;
}
.rev-scroll-btn.revs-dark span {
    background: #333;
}
.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 60px;
    height: 60px;
}
.rev-cbutton-dark-sr,
.rev-cbutton-light-sr {
    border-radius: 3px;
}
.rev-cbutton-light,
.rev-cbutton-light-sr {
    color: #333;
    background-color: rgba(255, 255, 255, 0.75);
}
.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px;
}
.rev-sbutton-blue {
    background-color: #3b5998;
}
.rev-sbutton-lightblue {
    background-color: #00a0d1;
}
.rev-sbutton-red {
    background-color: #dd4b39;
}
.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    position: absolute;
    z-index: 200;
    top: 0;
}
.tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0 !important;
    height: 5px;
}
.tp-simpleresponsive img {
    -khtml-user-select: none;
    -o-user-select: none;
}
.tp-caption img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1;
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"coloredbg.png.html\" />\n<link rel='shortlink' href='coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.tp-caption.slidelink a span {
    background: url("<!doctype html>\n<html lang=\"en-US\">\n<head>\n	<meta charset=\"UTF-8\">\n	<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n	<link rel=\"profile\" href=\"https://gmpg.org/xfn/11\">\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display:400,700\" rel=\"stylesheet\">\n	<link href=\"https://fonts.googleapis.com/css2?family=Pacifico&display=swap\" rel=\"stylesheet\">\n	<title>Najmul Haque &#8211; WordPress Developer</title>\n<link rel='dns-prefetch' href='https://s.w.org/' />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Feed\" href=\"https://getnajmul.com/feed/\" />\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"Najmul Haque &raquo; Comments Feed\" href=\"https://getnajmul.com/comments/feed/\" />\n		<script>\n			window._wpemojiSettings = {\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/getnajmul.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.7\"}};\n			/*! This file is auto-generated */\n			!function(e,a,t){var n,r,o,i=a.createElement(\"canvas\"),p=i.getContext&&i.getContext(\"2d\");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(\"script\");t.src=e,t.defer=t.type=\"text/javascript\",a.getElementsByTagName(\"head\")[0].appendChild(t)}for(o=Array(\"flag\",\"emoji\"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=\"top\",p.font=\"600 32px Arial\",e){case\"flag\":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case\"emoji\":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],\"flag\"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(\"DOMContentLoaded\",n,!1),e.addEventListener(\"load\",n,!1)):(e.attachEvent(\"onload\",n),a.attachEvent(\"onreadystatechange\",function(){\"complete\"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);\n		</script>\n		<style>\nimg.wp-smiley,\nimg.emoji {\n	display: inline !important;\n	border: none !important;\n	box-shadow: none !important;\n	height: 1em !important;\n	width: 1em !important;\n	margin: 0 .07em !important;\n	vertical-align: -0.1em !important;\n	background: none !important;\n	padding: 0 !important;\n}\n</style>\n	<link rel='stylesheet' id='wp-block-library-css'  href='https://getnajmul.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='contact-form-7-css'  href='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' media='all' />\n<link rel='stylesheet' id='getnajmul-font-awesome-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/font-awesome.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.carousel-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.carousel.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-owl.theme-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/owl.theme.default.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-bootstrap-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/bootstrap.min.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-style-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/style.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='getnajmul-responsive-css'  href='https://getnajmul.com/wp-content/themes/getnajmul/css/responsive.css?ver=1.0.0' media='all' />\n<link rel='stylesheet' id='elementor-icons-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' media='all' />\n<link rel='stylesheet' id='elementor-animations-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='elementor-frontend-css'  href='https://getnajmul.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.11' media='all' />\n<link rel='stylesheet' id='getnajmul-homecss-css'  href='https://getnajmul.com/wp-content/plugins/getnajmul-home/css/myelementor.css?ver=5.4.7' media='all' />\n<link rel='stylesheet' id='elementor-global-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/global.css?ver=1591637963' media='all' />\n<link rel='stylesheet' id='elementor-post-1170-css'  href='https://getnajmul.com/wp-content/uploads/elementor/css/post-1170.css?ver=1628495252' media='all' />\n<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.7' media='all' />\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>\n<link rel='https://api.w.org/' href='https://getnajmul.com/wp-json/' />\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"https://getnajmul.com/xmlrpc.php?rsd\" />\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"https://getnajmul.com/wp-includes/wlwmanifest.xml\" /> \n<meta name=\"generator\" content=\"WordPress 5.4.7\" />\n<link rel=\"canonical\" href=\"coloredbg.png.html\" />\n<link rel='shortlink' href='coloredbg.png.html' />\n<link rel=\"alternate\" type=\"application/json+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F\" />\n<link rel=\"alternate\" type=\"text/xml+oembed\" href=\"https://getnajmul.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgetnajmul.com%2F&#038;format=xml\" />\n<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>\n\n<body class=\"home page-template page-template-elementor_header_footer page page-id-1170 elementor-default elementor-template-full-width elementor-kit-1172 elementor-page elementor-page-1170\">\n\n<header>\n	<div class=\"menu\">\n		<div class=\"custom-container\">\n			<nav class=\"navbar navbar-expand-lg \">\n			<a class=\"navbar-brand\" href=\"coloredbg.png.html\">Najmul Haque</a>\n			<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n				<span class=\"navbar-toggler-icon\"> <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\n				</span>\n			</button>\n\n			<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n				<div class=\"menu-main-menu-container\"><ul id=\"menu-main-menu\" class=\"navbar-nav ml-auto\"><li id=\"menu-item-1193\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1193\"><a href=\"coloredbg.png.html#sticky-wrapper\">Home</a></li>\n<li id=\"menu-item-1194\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1194\"><a href=\"coloredbg.png.html#what-i-do\">About Me</a></li>\n<li id=\"menu-item-1195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1195\"><a href=\"coloredbg.png.html#latest-work\">Portfolio</a></li>\n<li id=\"menu-item-1196\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1196\"><a href=\"coloredbg.png.html#testimonial\">Testimonial</a></li>\n<li id=\"menu-item-1197\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1197\"><a href=\"coloredbg.png.html#latest-blog\">Blog</a></li>\n<li id=\"menu-item-1198\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1198\"><a href=\"coloredbg.png.html#contact\">Contact</a></li>\n</ul></div>\n				<div class=\"hire-me\">\n					<a class=\"btn btn-two\" href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\">Hire Me</a>\n				</div>\n			</div>\n			</nav>\n		</div>\n	</div>\n</header>\n\n\n		<div data-elementor-type=\"wp-page\" data-elementor-id=\"1170\" class=\"elementor elementor-1170\" data-elementor-settings=\"[]\">\n			<div class=\"elementor-inner\">\n				<div class=\"elementor-section-wrap\">\n							<section class=\"elementor-element elementor-element-50cd892a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"50cd892a\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5e6949d2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5e6949d2\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-7a001116 elementor-widget elementor-widget-HeroWidget\" data-id=\"7a001116\" data-element_type=\"widget\" data-widget_type=\"HeroWidget.default\">\n				<div class=\"elementor-widget-container\">\n			<div class=\"getnajmul-intro\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div id=\"intro\" class=\"intro-text\">\n                                        <h1 >\n                        Hello, This is <span>Najmul Haque </span></h1>\n                                                            <p >\n                        I am a 10 Years Experienced <span>WordPress Developer</span> who loves clean, simple &amp; beautiful\n				code. I also enjoy the beauty of the Architecture of &nbsp; WordPress</p>\n                                                            <a class=\"btn btn-work\"\n                        href=\"coloredbg.png.html#latest-work\">See My Portfolio</a>\n                                        <div class=\"social_wrapper d-flex align-items-center\">\n                        <h4>Follow Me :</h4>\n                        <ul class=\"social_items list-unstyled d-flex\">\n                                                        <li><a href=\"coloredbg.png.html#\"><i\n                                        class=\"fa fa-facebook fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#tw\"><i\n                                        class=\"fa fa-twitter fb_icon\"></i></a></li>\n                                                        <li><a href=\"coloredbg.png.html#yo\"><i\n                                        class=\"fa fa-youtube fb_icon\"></i></a></li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-6\">\n                                <div id=\"intro-img\">\n                    <img width=\"530\" height=\"640\" src=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png\" class=\"attachment-large size-large\" alt=\"Najmul Haque - WordPress Developer\" srcset=\"https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n.png 530w, https://getnajmul.com/wp-content/uploads/2021/08/71138985_2560900487265203_3878484411796160512_n-248x300.png 248w\" sizes=\"(max-width: 530px) 100vw, 530px\" />                </div>\n                            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</div>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-302078c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"302078c0\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-c6be042 elementor-column elementor-col-100 elementor-top-column\" data-id=\"c6be042\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-462ee23a elementor-widget elementor-widget-WhatIDo\" data-id=\"462ee23a\" data-element_type=\"widget\" data-widget_type=\"WhatIDo.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"what-i-do\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">What I Do</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-01.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web Design                    </h4>\n                                                            <p >\n                        I do web design using HTML5, CSS3, Bootstrap, SASS. Website will be responsive all device friendly                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"125\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-02.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >Web App Development                    </h4>\n                                                            <p >\n                        I can build any types of web applicaiton like hotel booking app, real esate web appicaiton.                    </p>\n                                    </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                    <img width=\"202\" height=\"141\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/icon-03.png\" class=\"attachment-large size-large\" alt=\"\" />                                        <h4 >WordPress Development                    </h4>\n                                                            <p >\n                        I can build any kinds of webiste using WordPress like corporate sites, ecommerce sites.                    </p>\n                                    </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1bc703c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1bc703c2\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-52dd50bf elementor-column elementor-col-100 elementor-top-column\" data-id=\"52dd50bf\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-131d752 elementor-widget elementor-widget-MyWork\" data-id=\"131d752\" data-element_type=\"widget\" data-widget_type=\"MyWork.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-work\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                                <h2 class=\"title\">My Latest Work</h2>\n                                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                                                <div class=\"project\">\n\n                            <img width=\"600\" height=\"594\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-01.jpg 600w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-300x297.jpg 300w, https://getnajmul.com/wp-content/uploads/2020/06/work-01-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" />\n                            <div class=\"overlay\">\n                                <a href=\"http://getnajmul.com/client/saasnex\" target=\"_blank\" class=\"icon\">\n                                    <i class=\"fa fa-search\"></i>\n                                </a>\n                            </div>\n                        </div>\n                                            </div>\n                    <div class=\"col-md-7\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-02.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-02-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/eduwise\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/work-04.jpg 556w, https://getnajmul.com/wp-content/uploads/2020/06/work-04-300x204.jpg 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/client/hostcox\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/indigowebinar-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"https://indigowebinar.mitemplates.com/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                            <div class=\"col-md-6 img-grid\">\n                                <div class=\"project\">\n                                    <img width=\"556\" height=\"378\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https://getnajmul.com/wp-content/uploads/2020/06/cryptonio.png 556w, https://getnajmul.com/wp-content/uploads/2020/06/cryptonio-300x204.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" />                                                                        <div class=\"overlay\">\n                                        <a href=\"http://getnajmul.com/theme/cryptonio/\"\n                                            target=\"_blank\" class=\"icon\">\n                                            <i class=\"fa fa-search\"></i>\n                                        </a>\n                                    </div>\n                                                                    </div>\n                            </div>\n\n                            \n                        </div><!-- / .row -->\n                    </div>\n                </div><!-- / .row -->\n\n                <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                        href=\"coloredbg.png.html#\"> More Works</a></div>\n            </div>\n        </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-1a64a55 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"1a64a55\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-99651d8 elementor-column elementor-col-100 elementor-top-column\" data-id=\"99651d8\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-29c8a2a1 elementor-widget elementor-widget-ClientReview\" data-id=\"29c8a2a1\" data-element_type=\"widget\" data-widget_type=\"ClientReview.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"testimonial\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Testimonial</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “Najmul is a great WordPress developer, highly recommended due to efficient work practices and communication. Very happy with the changes made and work quality.”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/1.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1217\" alt=\"\">\n                                                                        <span class=\"client-name\">John Cassano                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">Australia</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                        <div class=\"col-md-6\">\n                <div class=\"testimonial-content-box\">\n                                        <p >\n                        “It was a pleasure to work with Najmul. Awesome skills and attention to detail. Explained what needed to be done. He got it done in no time. Would absolutely recommend him!”</p>\n                                        <div class=\"client-info\">\n                                                <img style='border-radius:100%' src=\"http://getnajmul.com/wp-content/uploads/2020/06/2.png\" alt=\"\">\n                                                <img style='border-radius:100%' src=\"https://getnajmul.com/1219\" alt=\"\">\n                                                                        <span class=\"client-name\">Mark Skoultchi                            &nbsp;/</span>\n                                                                        <span class=\"client-position\">United States</span>\n                                            </div>\n                </div>\n            </div><!-- / .col-md-6 -->\n                                    <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular\"\n                    href=\"coloredbg.png.html#\">More</a>\n            </div>\n                    </div><!-- / .row -->\n        <div class=\"row\">\n            <div class=\"clent-logo owl-carousel owl-theme\">\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo04.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo01.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo02.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"251\" height=\"53\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo05.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                                <div class=\"c-logo\">\n                    <img width=\"238\" height=\"50\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/client-logo03.png\" class=\"attachment-large size-large\" alt=\"\" />                </div>\n                \n            </div>\n        </div>\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7b8f772b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7b8f772b\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-679bcecb elementor-column elementor-col-100 elementor-top-column\" data-id=\"679bcecb\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-6a2cd587 elementor-widget elementor-widget-WorkingProgress\" data-id=\"6a2cd587\" data-element_type=\"widget\" data-widget_type=\"WorkingProgress.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"working-progress\">\n    <div class=\"container\">\n\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">My Working Progress</h2>\n            </div>\n        </div><!-- / .row -->\n                        <div class=\"row workingarrow\">\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_one\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-01.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    1. Briefing</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_two\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-02.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    2. Analysis</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_three\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-03.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    3. Create</h4>\n                            </div>\n                        <div class=\"col-md-3\">\n                <div class=\"img-circle-box img_box_four\">\n                    <img width=\"124\" height=\"124\" src=\"https://getnajmul.com/wp-content/uploads/2020/06/working-04.png\" class=\"attachment-large size-large\" alt=\"\" />\n                </div>\n                                <h4 >\n                    4. Launch</h4>\n                            </div>\n                    </div><!-- / .row -->\n\n            </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n				<div class=\"elementor-element elementor-element-99aea89 elementor-widget elementor-widget-MyProfile\" data-id=\"99aea89\" data-element_type=\"widget\" data-widget_type=\"MyProfile.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"about-me\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Check my profile</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card mt-3 tab-card\">\n                    <div class=\"card-header tab-card-header\">\n                        <ul class=\"nav nav-tabs card-header-tabs\" id=\"myTab\" role=\"tablist\">\n                                                        <li class=\"nav-item\">\n                                <a class=\"nav-link shape active\" id=\"one-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#one\" role=\"tab\"\n                                    aria-controls=\"One\"\n                                    aria-selected=\"true\">Awards</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link shape\" id=\"two-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#two\" role=\"tab\"\n                                    aria-controls=\"Two\"\n                                    aria-selected=\"false\">Education</a>\n                            </li>\n                                                                                    <li class=\"nav-item\">\n                                <a class=\"nav-link\" id=\"three-tab\" data-toggle=\"tab\" href=\"coloredbg.png.html#three\" role=\"tab\"\n                                    aria-controls=\"Three\"\n                                    aria-selected=\"false\">Experience</a>\n                            </li>\n                                                    </ul>\n\n\n                    </div>\n\n\n                    <div class=\"tab-content\" id=\"myTabContent\">\n                                                <div class=\"tab-pane fade show active p-3\" id=\"one\" role=\"tabpanel\" aria-labelledby=\"one-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2013</h4>\n                                        <p >\n                                            BASIS Freelancer Award 2013 from Bangladesh Association of Software and Information Services</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            Year of 2015</h4>\n                                        <p >\n                                            Computer Jagat ICT Award. Computer jagat is a award winning computer magazine in Bangladesh.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"two\" role=\"tabpanel\" aria-labelledby=\"two-tab\">\n                            <div class=\"row\">\n                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2003</h4>\n                                        <p >\n                                            SSC from Government Jublee High School, Sunamgonj. \nGot Sylhet Education Board Scholarship.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2005</h4>\n                                        <p >\n                                            HSC from Dhaka Residential Model College, Dhaka.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2009</h4>\n                                        <p >\n                                            MSS From Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                                                                <div class=\"col-md-6 mb-5\">\n                                    <div class=\"infobox\">\n                                        <h4 >\n                                            2011</h4>\n                                        <p >\n                                            PGD In IT From CSE, Shahjalal University Of Science &amp; Technology.</p>\n                                    </div>\n                                </div>\n                                                                                            </div>\n                        </div>\n                                                                        <div class=\"tab-pane fade p-3\" id=\"three\" role=\"tabpanel\" aria-labelledby=\"three-tab\">\n                                                                                    <div class=\"our_story\">\n\n                                <h3><span\n                                        >HTML</span>\n                                </h3>\n\n                                <p >\n                                    HTML stands for Hyper Text Markup Language. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >CSS</span>\n                                </h3>\n\n                                <p >\n                                    CSS stands for Cascading Style Sheets. I know this language 10/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >PHP</span>\n                                </h3>\n\n                                <p >\n                                    PHP: Hypertext Preprocessor. I know this language 8/10</p>\n                            </div>\n                                                                                                                <div class=\"our_story\">\n\n                                <h3><span\n                                        >JavaScript</span>\n                                </h3>\n\n                                <p >\n                                    I know this language 6/10</p>\n                            </div>\n                                                                                </div>\n                                            </div>\n                </div>\n\n            </div>\n                        <div class=\"col-md-12 text-center\"><a class=\"btn btn-regular btn-work\"\n                    href=\"coloredbg.png.html##\">Download Resume</a>\n            </div>\n                    </div><!-- / .row -->\n\n    </div><!-- / .container -->\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-bff8ed4 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"bff8ed4\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-20f6a450 elementor-column elementor-col-100 elementor-top-column\" data-id=\"20f6a450\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-1549fdef elementor-widget elementor-widget-LetestBlog\" data-id=\"1549fdef\" data-element_type=\"widget\" data-widget_type=\"LetestBlog.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"latest-blog\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Latest Blog</h2>\n            </div>\n        </div><!-- / .row -->\n                <div class=\"row\">\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog2-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/getting-best-out-of-a-b-testing/\" title=\"\">Getting best out of ‘A/B testing’ on your website</a></h4>\n                        <p>What is A/B testing? A/B testing (sometimes called split testing) is comparing two versions of a&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 May, 2020</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog3-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/live-the-design-process/\" title=\"\">Live The Design Process</a></h4>\n                        <p>Living Design Process (LDP) is a practical design process philosophy. It can be used to guide&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2018</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                        <div class=\"col-md-4\">\n                <div class=\"r-box\">\n                                        <a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\"><img width=\"640\" height=\"427\" src=\"https://getnajmul.com/wp-content/uploads/2016/01/blog1-featured-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" /></a>\n                                        <div class=\"b-content\">\n                        <h4><a href=\"https://getnajmul.com/the-humble-wooden-desk/\" title=\"\">Learn CSS Grid and Flexbox</a></h4>\n                        <p>What is the CSS Grid Layout? CSS Grid layouts are fundamental to the design of websites,&hellip;</p>\n                        <div class=\"post-meta\">\n                                                        <span class=\"date\">Date: 27 January, 2016</span>\n                                                                                    <span class=\"comment\">Comment: 0</span>\n                                                    </div>\n                    </div>\n                </div>\n            </div>\n                    </div><!-- / .row -->\n    </div><!-- / .container -->\n</section>\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-7fd150a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"7fd150a5\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-40c95b52 elementor-column elementor-col-100 elementor-top-column\" data-id=\"40c95b52\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-15b9d5e elementor-widget elementor-widget-GetInTouch\" data-id=\"15b9d5e\" data-element_type=\"widget\" data-widget_type=\"GetInTouch.default\">\n				<div class=\"elementor-widget-container\">\n			<section id=\"contact\">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-md-12\">\n                <h2 class=\"title\">Get in touch</h2>\n            </div>\n        </div><!-- / .row -->\n        \n        <div class=\"row\">\n            <div class=\"col-md-8 contact-form\">\n                <div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1046-p1170-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>\n<form action=\"coloredbg.png.html#wpcf7-f1046-p1170-o1\" method=\"post\" class=\"wpcf7-form\" novalidate=\"novalidate\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1046\" />\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"4.9.2\" />\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" />\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1046-p1170-o1\" />\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"1170\" />\n</div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" /></span><br />\n<span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" /></span>\n	</div>\n<div class=\"col-md-6\">\n<span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\"></textarea></span>\n	</div>\n<p><input type=\"submit\" value=\"Send Message\" class=\"wpcf7-form-control wpcf7-submit\" />\n</p></div>\n<p><!-- / .row --></p>\n<div class=\"wpcf7-response-output wpcf7-display-none\"></div></form></div>            </div>\n            <div class=\"col-md-4\">\n                <div class=\"personal-info\">\n                                        <h3 >\n                        Personal Contact</h3>\n                                        <ul class=\"personal-contact-info\">\n                                                <li>Phone :  :\n                            +8801717317401</li>\n                                                <li>Email :  :\n                            najmul.pss@gmail.Com</li>\n                                                <li>Website :  :\n                            http://getnajmul.com</li>\n                                                <li>Address   :\n                            8/A Housing Estate</li>\n                        \n                    </ul>\n                </div>\n            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n				<section class=\"elementor-element elementor-element-5e6d7659 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5e6d7659\" data-element_type=\"section\">\n						<div class=\"elementor-container elementor-column-gap-default\">\n				<div class=\"elementor-row\">\n				<div class=\"elementor-element elementor-element-5121e840 elementor-column elementor-col-100 elementor-top-column\" data-id=\"5121e840\" data-element_type=\"column\">\n			<div class=\"elementor-column-wrap  elementor-element-populated\">\n					<div class=\"elementor-widget-wrap\">\n				<div class=\"elementor-element elementor-element-17b80616 elementor-widget elementor-widget-HireMe\" data-id=\"17b80616\" data-element_type=\"widget\" data-widget_type=\"HireMe.default\">\n				<div class=\"elementor-widget-container\">\n			<section class=\"call-to-action\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                                <h3>I&#039;m available for freelance projects</h3>\n                            </div>\n            <div class=\"col-md-2\">\n                                <a href=\"https://www.upwork.com/freelancers/~014e53e814b81b8133\"\n                    class=\"btn btn-regular\">Hire Me</a>\n                            </div>\n        </div><!-- / .row -->\n    </div>\n</section>\n\n		</div>\n				</div>\n						</div>\n			</div>\n		</div>\n						</div>\n			</div>\n		</section>\n						</div>\n			</div>\n		</div>\n		\n\n<footer>\n	<div class=\"container\">\n		<div class=\"row\">\n			<div class=\"col-md-12\"> \n				<ul class=\"footer-nav\">\n					<li class=\"nav-item active\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#intro\">Home </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#what-i-do\">About me </a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-work\">Portfolio</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#testimonial\">Testimonial</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#latest-blog\">Blog</a>\n					</li>\n					<li class=\"nav-item\">\n						<a class=\"nav-link\" data-scroll href=\"coloredbg.png.html#contact\">Contact</a>\n					</li>\n				</ul>\n				\n				<ul class=\"footer-social\">\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a></li>\n					<li><a href=\"coloredbg.png.html\"><i class=\"fa fa-youtube-play\" aria-hidden=\"true\"></i></a></li>\n				</ul>	\n			</div>\n		</div><!-- / .row -->\n	</div>\n\n	<div id=\"copyright\">\n		<p>Copyright &copy; 2020 All Rights Reserved. Getnajmul.com</p>\n	</div>\n\n</footer>\n\n<script>\nvar wpcf7 = {\"apiSettings\":{\"root\":\"https:\/\/getnajmul.com\/wp-json\/contact-form-7\/v1\",\"namespace\":\"contact-form-7\/v1\"},\"recaptcha\":{\"messages\":{\"empty\":\"Please verify that you are not a robot.\"}}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery-3.2.1.min.js?ver=3.2.1'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/popper.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/smooth-scroll.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/bootstrap.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/jquery.sticky.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/owl.carousel.min.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/custom.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/navigation.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-content/themes/getnajmul/js/skip-link-focus-fix.js?ver=1.0.0'></script>\n<script src='https://getnajmul.com/wp-includes/js/wp-embed.min.js?ver=5.4.7'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=2.9.11'></script>\n<script src='https://getnajmul.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.7.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6'></script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=2.9.11'></script>\n<script>\nvar elementorFrontendConfig = {\"environmentMode\":{\"edit\":false,\"wpPreview\":false},\"i18n\":{\"shareOnFacebook\":\"Share on Facebook\",\"shareOnTwitter\":\"Share on Twitter\",\"pinIt\":\"Pin it\",\"downloadImage\":\"Download image\"},\"is_rtl\":false,\"breakpoints\":{\"xs\":0,\"sm\":480,\"md\":768,\"lg\":1025,\"xl\":1440,\"xxl\":1600},\"version\":\"2.9.11\",\"urls\":{\"assets\":\"https:\/\/getnajmul.com\/wp-content\/plugins\/elementor\/assets\/\"},\"settings\":{\"page\":[],\"general\":{\"elementor_global_image_lightbox\":\"yes\",\"elementor_lightbox_enable_counter\":\"yes\",\"elementor_lightbox_enable_fullscreen\":\"yes\",\"elementor_lightbox_enable_zoom\":\"yes\",\"elementor_lightbox_enable_share\":\"yes\",\"elementor_lightbox_title_src\":\"title\",\"elementor_lightbox_description_src\":\"description\"},\"editorPreferences\":[]},\"post\":{\"id\":1170,\"title\":\"Najmul%20Haque%20%E2%80%93%20WordPress%20Developer\",\"excerpt\":\"\",\"featuredImage\":false}};\n</script>\n<script src='https://getnajmul.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.9.11'></script>\n\n</body>\n</html>\n");
}
.tp-loader.spinner0,
.tp-loader.spinner5 {
    background-image: url(/images/loader.gif?4b3afb84b2b71ef56df09997a350bd04);
    background-repeat: no-repeat;
}
.tp-shape {
    width: 100%;
    height: 100%;
}
.tp-caption .rs-starring {
    display: inline-block;
}
.tp-caption .rs-starring .star-rating {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.tp-caption .rs-starring .star-rating,
.tp-caption .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-size: 1em !important;
    font-family: star;
}
.tp-loader.spinner0,
.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 3px;
    background-color: #fff;
}
.tp-caption .rs-starring .star-rating:before,
.tp-caption .rs-starring-page .star-rating:before {
    content: "sssss";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}
.tp-caption .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em !important;
}
.tp-caption .rs-starring .star-rating span:before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0;
}
.tp-caption .rs-starring .star-rating {
    color: #ffc321 !important;
}
.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
}
.tp-loader.spinner0 {
    background-position: center center;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tp-loader.spinner5 {
    background-position: 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    animation: tp-scaleout 1s infinite ease-in-out;
}
@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
    animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
    animation-delay: -0.16s;
}
@keyframes tp-bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    animation: tp-rotate 2s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}
@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@keyframes tp-bounce {
    0%,
    100% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
}
.tp-bullets.navbar,
.tp-tabs.navbar,
.tp-thumbs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.tp-bullets,
.tp-tabs,
.tp-thumbs {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0;
}
.tp-tab,
.tp-thumb {
    position: absolute;
    opacity: 0.5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.tp-arr-imgholder,
.tp-tab-image,
.tp-thumb-image,
.tp-videoposter {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.tp-tab.selected,
.tp-tab:hover,
.tp-thumb.selected,
.tp-thumb:hover {
    opacity: 1;
}
.tp-tab-mask,
.tp-thumb-mask {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}
.tp-tabs,
.tp-thumbs {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}
.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}
.tp-bullet.selected,
.tp-bullet:hover {
    background: #fff;
}
.tp-bannertimer {
    background: #000;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
}
.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
}
.tparrows:hover {
    background: #000;
}
.tparrows:before {
    font-family: "revicons-icons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.hginfo,
.hglayerinfo {
    font-size: 12px;
    font-weight: 600;
}
.tparrows.tp-leftarrow:before {
    content: "\E824";
}
.tparrows.tp-rightarrow:before {
    content: "\E825";
}
body.rtl .tp-kbimg {
    left: 0 !important;
}
.dddwrappershadow {
    box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4);
}
.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal;
}
.helpgrid,
.hginfo {
    position: absolute;
}
.hginfo {
    top: -2px;
    left: -2px;
    color: #e74c3c;
    background: #000;
    padding: 2px 5px;
}
.indebugmode .tp-caption:hover {
    border: 1px dashed #c0392b !important;
}
.helpgrid {
    border: 2px dashed #c0392b;
    top: 0;
    left: 0;
    z-index: 0;
}
#revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll;
}
.aden {
    filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2);
}
.aden::after {
    background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
    mix-blend-mode: darken;
}
.perpetua::after,
.reyes::after {
    mix-blend-mode: soft-light;
    opacity: 0.5;
}
.inkwell {
    filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1);
}
.perpetua::after {
    background: linear-gradient(to bottom, #005b9a, #e6c13d);
}
.reyes {
    filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
}
.reyes::after {
    background: #efcdad;
}
.gingham {
    filter: brightness(1.05) hue-rotate(-10deg);
}
.gingham::after {
    background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
    mix-blend-mode: darken;
}
.toaster {
    filter: contrast(1.5) brightness(0.9);
}
.toaster::after {
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen;
}
.walden {
    filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6);
}
.walden::after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: 0.3;
}
.hudson {
    filter: brightness(1.2) contrast(0.9) saturate(1.1);
}
.hudson::after {
    background: radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: 0.5;
}
.earlybird {
    filter: contrast(0.9) sepia(0.2);
}
.earlybird::after {
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay;
}
.mayfair {
    filter: contrast(1.1) saturate(1.1);
}
.mayfair::after {
    background: radial-gradient(
        circle at 40% 40%,
        rgba(255, 255, 255, 0.8),
        rgba(255, 200, 200, 0.6),
        #111 60%
    );
    mix-blend-mode: overlay;
    opacity: 0.4;
}
.lofi {
    filter: saturate(1.1) contrast(1.5);
}
.lofi::after {
    background: radial-gradient(circle, transparent 70%, #222 150%);
    mix-blend-mode: multiply;
}
._1977 {
    filter: contrast(1.1) brightness(1.1) saturate(1.3);
}
._1977:after {
    background: rgba(243, 106, 188, 0.3);
    mix-blend-mode: screen;
}
.brooklyn {
    filter: contrast(0.9) brightness(1.1);
}
.brooklyn::after {
    background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
    mix-blend-mode: overlay;
}
.xpro2 {
    filter: sepia(0.3);
}
.xpro2::after {
    background: radial-gradient(
        circle,
        #e6e7e0 40%,
        rgba(43, 42, 161, 0.6) 110%
    );
    mix-blend-mode: color-burn;
}
.nashville {
    filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
}
.nashville::after {
    background: rgba(0, 70, 150, 0.4);
    mix-blend-mode: lighten;
}
.nashville::before {
    background: rgba(247, 176, 153, 0.56);
    mix-blend-mode: darken;
}
.lark {
    filter: contrast(0.9);
}
.lark::after {
    background: rgba(242, 242, 242, 0.8);
    mix-blend-mode: darken;
}
.lark::before {
    background: #22253f;
    mix-blend-mode: color-dodge;
}
.moon {
    filter: grayscale(1) contrast(1.1) brightness(1.1);
}
.moon::before {
    background: #a0a0a0;
    mix-blend-mode: soft-light;
}
.moon::after {
    background: #383838;
    mix-blend-mode: lighten;
}
.clarendon {
    filter: contrast(1.2) saturate(1.35);
}
.clarendon:before {
    background: rgba(127, 187, 227, 0.2);
    mix-blend-mode: overlay;
}
.willow {
    filter: grayscale(0.5) contrast(0.95) brightness(0.9);
}
.willow::before {
    background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
    mix-blend-mode: overlay;
}
.willow::after {
    background-color: #d8cdcb;
    mix-blend-mode: color;
}
.rise {
    filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
}
.rise::after {
    background: radial-gradient(
        circle,
        rgba(232, 197, 152, 0.8),
        transparent 90%
    );
    mix-blend-mode: overlay;
    opacity: 0.6;
}
.rise::before {
    background: radial-gradient(
        circle,
        rgba(236, 205, 169, 0.15) 55%,
        rgba(50, 30, 7, 0.4)
    );
    mix-blend-mode: multiply;
}
._1977:after,
._1977:before,
.aden:after,
.aden:before,
.brooklyn:after,
.brooklyn:before,
.clarendon:after,
.clarendon:before,
.earlybird:after,
.earlybird:before,
.gingham:after,
.gingham:before,
.hudson:after,
.hudson:before,
.inkwell:after,
.inkwell:before,
.lark:after,
.lark:before,
.lofi:after,
.lofi:before,
.mayfair:after,
.mayfair:before,
.moon:after,
.moon:before,
.nashville:after,
.nashville:before,
.perpetua:after,
.perpetua:before,
.reyes:after,
.reyes:before,
.rise:after,
.rise:before,
.slumber:after,
.slumber:before,
.toaster:after,
.toaster:before,
.walden:after,
.walden:before,
.willow:after,
.willow:before,
.xpro2:after,
.xpro2:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
}
._1977,
.aden,
.brooklyn,
.clarendon,
.earlybird,
.gingham,
.hudson,
.inkwell,
.lark,
.lofi,
.mayfair,
.moon,
.nashville,
.perpetua,
.reyes,
.rise,
.slumber,
.toaster,
.walden,
.willow,
.xpro2 {
    position: relative;
}
._1977 img,
.aden img,
.brooklyn img,
.clarendon img,
.earlybird img,
.gingham img,
.hudson img,
.inkwell img,
.lark img,
.lofi img,
.mayfair img,
.moon img,
.nashville img,
.perpetua img,
.reyes img,
.rise img,
.slumber img,
.toaster img,
.walden img,
.willow img,
.xpro2 img {
    width: 100%;
    z-index: 1;
}
._1977:before,
.aden:before,
.brooklyn:before,
.clarendon:before,
.earlybird:before,
.gingham:before,
.hudson:before,
.inkwell:before,
.lark:before,
.lofi:before,
.mayfair:before,
.moon:before,
.nashville:before,
.perpetua:before,
.reyes:before,
.rise:before,
.slumber:before,
.toaster:before,
.walden:before,
.willow:before,
.xpro2:before {
    z-index: 2;
}
._1977:after,
.aden:after,
.brooklyn:after,
.clarendon:after,
.earlybird:after,
.gingham:after,
.hudson:after,
.inkwell:after,
.lark:after,
.lofi:after,
.mayfair:after,
.moon:after,
.nashville:after,
.perpetua:after,
.reyes:after,
.rise:after,
.slumber:after,
.toaster:after,
.walden:after,
.willow:after,
.xpro2:after {
    z-index: 3;
}
.slumber {
    filter: saturate(0.66) brightness(1.05);
}
.slumber::after {
    background: rgba(125, 105, 24, 0.5);
    mix-blend-mode: soft-light;
}
.slumber::before {
    background: rgba(69, 41, 12, 0.4);
    mix-blend-mode: lighten;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #fff;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0f2c70; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0f2c70; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0f2c70; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
@keyframes spin {
    0% { /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% { /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #ffffff;
    z-index: 1000; /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left { /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right { /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden; /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}
.no-js h1 {
    color: #222222;
}

#content {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 80%;
    max-width: 978px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: '';
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: ' '; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: ' (' attr(href) ')';
    }

    abbr[title]:after {
        content: ' (' attr(title) ')';
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: '';
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* 
	Ok so you have made it this far, that means you are very keen to on my code. 
	Anyway I don't really mind it. This is a great way to learn so you actually doing the right thing:)
	Follow me @ihatetomatoes
*/
/*Description:
Name: SafeTour - Travel & Tour Agency Booking Template
Author: Ecologytheme
Author URI: http://www.getnajmul.com/
Version: 0.1

==========================================================

01. Default  CSS
02. 02 Pre Loader
03. Search Style css
04. Revolution Slider Style
05. Index 1 and 2 Shape Css

---------- {Index Virsion One } ----------

06. Header Area
07. Booking Area
08. Calander Style
09. Tafe Tour Trips
10. Packages Css
11. Tourist Review Css
12. Latest Blog
13. Features Place
14. Our Client Logos
15. Subscribe Area
16. Footer Area

---------- { Home Version tow } ----------
17. Header Section
18. Booking Section
19. Packages Css
20. Tafe Tour Trips
21. Features Place
22. Tourist Review Css
23. Latest Blog Css
24. Logos Area Css
25. Subscribe Ara
26. Footer Ara

---------- { Index Virsion Three ----------
27. Header Area Style
28. Booking Area
29. Tafe Tour Trips
30. Packages Area
31. Blog Area
32. Our Client Logos
33. Our Tourist Reviews
34. Subscribe Area
35. Footer Wrapper

---------- { Index Virsion Four ----------

36. Header Section
37. Booking Area
38. Place Location Area Css
39. Travel Offer
40. Packages Css
41. Video Description
42. Join Now Css Area
43. Footer Area

---------- { Index Virsion Four ----------

44. Hader Section
45. Place Location
46. Travel Offer
47. Packages Area
48. Video Description Area
49. Tourist Review Css
50. Footer Css

----------{  Inner Pages Style Css }----------

51. Inner Pages Header Css
52. Packges Grid Style
53.  Packges Grid Items
54. Packges List Items
55. Packges Single Page
56. Contact Page
56. Blog Page 1 Css
57. Blog Page post page
58. Crool to top section css

 ============================================================*/
/* ---------{ 01. Default  CSS } ---------- */
/* Variables */
* {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden !important;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.container {
    max-width: 1170px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #384a5e;
    font-family: "Poppins", sans-serif;
    margin: 0;
}

p {
    color: #8d95a6;
    font-weight: 300;
    line-height: 30px;
    font-size: 16px;
}

a,
a:hover,
a:focus {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    outline: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

ol li,
ul li {
    list-style: outside none none;
    list-style-type: none;
}

.form-control:focus {
    border-color: inherit;
    box-shadow: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: "";
}

.p-0 {
    padding: 0px;
}

.p-right-0 {
    padding-right: 0px;
}

.p-left-0 {
    padding-left: 0px;
}

.ml-15 {
    margin-left: 15px;
}

.pb-30 {
    margin-bottom: 30px;
}
.pb-30:last-child {
    margin-bottom: 0;
}

.sub-title {
    text-align: center;
    max-width: 650px;
    margin: 0px auto 50px;
}
.sub-title h2 {
    color: #384a5e;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 66px;
}
.sub-title p {
    margin: 0px auto;
    line-height: 30px;
    font-size: 16px;
}

.btn-default-style {
    background: #ffffff;
    border-radius: 3px;
    color: #0f2c70;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
    font-size: 16px;
    margin-top: 40px;
    font-weight: 600;
}
.btn-default-style:hover {
    color: #0f2c70;
}

.gradient-btn {
    background: #ffffff !important;
    color: #0f2c70;
}
.gradient-btn span {
    background-image: linear-gradient(to right, #a42efe 0%, #4e6bfb 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

/*=======[ 04.  Index Rev Slider Style ]========*/
.rev_slider_wrapper {
    position: relative;
}
.rev_slider_wrapper:hover .tp-leftarrow,
.rev_slider_wrapper:hover .tp-rightarrow {
    visibility: visible;
    opacity: 1;
}
.rev_slider_wrapper ul li .slider-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.rev_slider_wrapper ul li .slider-overlay:before {
    background: rgba(15, 44, 112, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.rev_slider_wrapper ul li .NotGeneric-Title span {
    color: #0f2c70 !important;
}
.rev_slider_wrapper .zeus.tparrows.tp-leftarrow:before {
    content: "\E824";
    text-indent: 9999px;
}
.rev_slider_wrapper .zeus.tparrows.tp-rightarrow:before {
    content: "\E825";
    text-indent: 9999px;
}
.rev_slider_wrapper .tp-leftarrow,
.rev_slider_wrapper .tp-rightarrow {
    background: #0f2c70 !important;
    border-radius: 100%;
    height: 72px;
    width: 72px;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.rev_slider_wrapper .tp-leftarrow:before,
.rev_slider_wrapper .tp-rightarrow:before {
    border-radius: 100%;
    height: 36px;
    width: 26px;
    transition: all 0.3s ease-in-out;
    margin: 0px auto;
    margin-top: 18px;
}
.rev_slider_wrapper .tp-leftarrow:before,
.rev_slider_wrapper .tp-leftarrow:before {
    border-radius: 100%;
    height: 36px;
    width: 26px;
    transition: all 0.3s ease-in-out;
    margin: 0px auto;
    margin-top: 18px;
}
.rev_slider_wrapper .tp-leftarrow:before {
    background: url(/images/left-arrow.png?d82c9d5b0db2de076295556c9601cbc1) no-repeat center center;
}
.rev_slider_wrapper .tp-leftarrow:hover:before {
    color: #ffffff;
}
.rev_slider_wrapper .tp-rightarrow:before {
    background: url(/images/right-arrow.png?9c374fee29c01d7b50804072f27da89e) no-repeat center center;
}
.rev_slider_wrapper .tp-rightarrow:hover:before {
    color: #ffffff;
}
.rev_slider_wrapper .rev_slider-1 {
    /*slider btn style*/
}
.rev_slider_wrapper .rev_slider-1 ul li .slider-overlay:before {
    background: rgba(63, 119, 250, 0.1);
}
.rev_slider_wrapper .rev_slider-1 ul li .NotGeneric-Title span {
    color: #0f2c70 !important;
}
.rev_slider_wrapper .rev_slider-4 ul li .slider-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.rev_slider_wrapper .rev_slider-4 ul li .slider-overlay:before {
    background: rgba(56, 74, 94, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.rev_slider_wrapper .rev_slider-4 ul li .NotGeneric-Title span {
    color: #0f2c70 !important;
}

/*=======[ 05. Index 1 and 2 Shape Css ]========*/
.shape-1 {
    position: absolute;
    bottom: 100px;
    left: 0;
}
.shape-1 .box {
    align-self: flex-end;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    background: url(/images/shape-01.png?ddf26db6bfe1f4d341260065f3f55fd9);
    height: 360px;
    width: 158px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
}
.shape-1 .bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}
@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}
/*=========={ 06.  Home 1 Header Area }==============*/
.header {
    min-height: 894px;
}
.header .navbar {
    padding: 35px 0 0;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
}
header .navbar .navbar-brand img {
    width: 150px;
}
.header .navbar .navbar-nav .nav-item {
    margin-left: 50px;
}
.header .navbar .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0px;
}
.header .navbar .navbar-nav .nav-item .nav-link {
    color: #ffffff;
    font-size: 16px;
    padding: 20px 0;
    font-weight: 400;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-nav .nav-item .nav-link:before {
    position: absolute;
    height: 1px;
    width: 0%;
    background: #ffffff;
    content: "";
    bottom: 20px;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-nav .nav-item .nav-link:hover:before {
    width: 100%;
}
.header .navbar .navbar-nav .nav-item .nav-link.active {
    color: #ffffff;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-nav .nav-item .nav-link.active:before {
    position: absolute;
    height: 1px;
    width: 100%;
    background: #ffffff;
    content: "";
    bottom: 20px;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.header .navbar .book-btn {
    background: #0f2c70;
    border-radius: 3px;
    color: #ffffff;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 90px;
}
.header .navbar .book-btn:hover {
    color: #ffffff;
}
.header .navbar .dropdown .dropdown-menu .dropdown {
    position: relative;
}
.header .navbar .dropdown .dropdown-menu .dropdown:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\F105";
    right: 15px;
    top: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #384a5e;
}
.header .navbar .dropdown .dropdown-menu .dropdown:hover:before {
    color: #0f2c70;
}
.header .navbar .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    max-height: 500px;
}
.header .navbar .dropdown .dropdown-menu {
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    min-width: 225px;
    border-radius: 0;
    padding: 0;
    padding: 15px 0px;
    margin-top: -2px;
    display: block;
    visibility: hidden;
    opacity: 0.1;
    max-height: 0px;
}
.header .navbar .dropdown .dropdown-menu .dropdown-item {
    transition: all 0.3s ease-in-out;
    padding: 8px 25px !important;
    background: transparent;
}
.header .navbar .dropdown .dropdown-menu .dropdown-item:hover {
    color: #0f2c70;
}
.header .navbar .dropdown .dropdown-menu .dropdown:hover .dropdown-menu {
    max-height: 500px;
    visibility: visible;
    opacity: 1;
}
.header .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu {
    border-left: 1px solid #f1f1f1;
    left: 224px;
    top: -13px;
    padding: 15px 0px;
    visibility: hidden;
    opacity: 0;
    max-height: 0px;
}
.header .navbar .dropdown .dropdown-icon {
    line-height: 24px;
    font-size: 14px;
}
.header .navbar .dropdown-toggle::after {
    display: none;
}
.header .img-wrapper .intro-img {
    margin-top: 55px;
}
.header .img-wrapper .intro-img img {
    height: auto;
    width: 109%;
    margin-left: -4px;
}
.header .intro-text {
    margin-top: 180px;
    padding-left: 10px;
}
.header .intro-text h1 {
    font-size: 56px;
    color: #ffffff;
    font-weight: 700;
    line-height: 68px;
}
.header .intro-text p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    margin-top: 10px;
}

/*=========={ 07. Home 1 Booking Area }==============*/
.booking-form {
    /*margin-top: -380px;*/
}
.booking-form .booking-form-wrapper {
    background: #ffffff;
    padding: 40px 100px 40px 70px;
    box-shadow: 0 0 80px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.booking-form .booking-form-wrapper h2 {
    display: none;
}
.booking-form .booking-form-wrapper .form-group {
    margin-bottom: 0;
}
.booking-form .booking-form-wrapper .form-group .form-items {
    display: flex;
    justify-content: center;
    position: relative;
}
.booking-form .booking-form-wrapper .form-group .form-items .form-single {
    width: 25%;
    padding-right: 6px;
    position: relative;
}
.booking-form .booking-form-wrapper .form-group .form-items .down-icon {
    position: absolute;
    bottom: 22px;
    right: 28px;
    content: "";
    z-index: 99;
    font-size: 16px;
}
.booking-form .booking-form-wrapper .form-group .form-items label {
    color: #384a5e;
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
}
.booking-form .booking-form-wrapper .form-group .form-items input {
    -moz-user-select: none;
    background: #f5f6f7;
    border: none;
    color: #555555;
    height: 52px;
    padding: 16px 20px;
    position: relative;
    text-align: left;
    width: 100%;
    border-radius: 0;
}
.booking-form .booking-form-wrapper .form-group .form-items input:focus {
    outline: none;
}
.booking-form
    .booking-form-wrapper
    .form-group
    .form-items
    input::-webkit-input-placeholder {
    color: #555555;
}
.booking-form
    .booking-form-wrapper
    .form-group
    .form-items
    input::-moz-input-placeholder {
    color: #555555;
}
.booking-form
    .booking-form-wrapper
    .form-group
    .form-items
    input::-ms-input-placeholder {
    color: #555555;
}
.booking-form .booking-form-wrapper .form-group .form-items select {
    height: 52px;
    border-radius: 0px;
    background: #f5f6f7;
    border: none;
    position: relative;
}
.booking-form .booking-form-wrapper .form-group .form-items select option {
    background: #f5f6f7;
    padding: 5px 15px;
}
.booking-form .booking-form-wrapper .form-group .form-items .search-btn {
    position: absolute;
    right: -60px;
    bottom: 0;
}
.booking-form .booking-form-wrapper .form-group .form-items .search-btn button {
    background: #0f2c70;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    height: 52px;
    width: 56px;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
.booking-form
    .booking-form-wrapper
    .form-group
    .form-items
    .search-btn
    button
    i:before {
    font-size: 30px;
    margin: 0;
    line-height: 53px;
}
.booking-form
    .booking-form-wrapper
    .form-group
    .form-items
    .search-btn
    button:hover {
    background: #0f2c70;
    cursor: pointer;
}

/*=========={ 08. Calander Style }==============*/
#ui-datepicker-div {
    background: white;
    border-bottom: 1px solid #f1f1f1;
}
#ui-datepicker-div .ui-datepicker-calendar thead tr th {
    font-weight: 400;
    padding: 15px 0px;
    font-size: 14px;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td {
    border: 1px solid #fafafa;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight {
    background: #007fff !important;
    color: #ffffff !important;
}

/*=========={ 09. Home 1 Tafe Tour Trips }==============*/
.tafe_tour_trips {
    padding: 100px 0;
    position: relative;
}
.tafe_tour_trips .single-row-items {
    margin-bottom: 30px;
    margin-left: 70px;
}
.tafe_tour_trips .single-row-items:last-child {
    margin-bottom: 0;
}
.tafe_tour_trips .single-row-items .singel-trips {
    padding: 30px;
    position: relative;
}
.tafe_tour_trips .single-row-items .singel-trips:before {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 80%;
    width: 100%;
    content: "";
    background: #0f2c70;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.tafe_tour_trips .single-row-items .singel-trips:hover:before {
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.tafe_tour_trips .single-row-items .singel-trips:hover span {
    color: #ffffff;
}
.tafe_tour_trips .single-row-items .singel-trips:hover span:before {
    background: #ffffff;
}
.tafe_tour_trips .single-row-items .singel-trips:hover h3 {
    color: #ffffff;
}
.tafe_tour_trips .single-row-items .singel-trips:hover p {
    color: #ffffff;
}
.tafe_tour_trips .single-row-items .singel-trips span {
    font-weight: 700;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.tafe_tour_trips .single-row-items .singel-trips span:before {
    position: absolute;
    top: 8px;
    right: -35px;
    height: 5px;
    width: 20px;
    content: "";
    background: #0f2c70;
    transition: all 0.3s ease-in-out;
}
.tafe_tour_trips .single-row-items .singel-trips h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 66px;
    transition: all 0.3s ease-in-out;
}
.tafe_tour_trips .single-row-items .singel-trips p {
    transition: all 0.3s ease-in-out;
}

/*=========={ 10. Home 1 Packages Css }==============*/
.packages {
    padding: 100px 0 150px;
    background: #f3f4f6;
}
.packages .singel-packages-1 {
    margin-right: 5px;
}
.packages .singel-packages-2 {
    margin: 0 1px;
}
.packages .singel-packages-3 {
    margin-left: 5px;
}
.packages .singel-packages {
    background: #ffffff;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.05);
}
.packages .singel-packages:hover .img-wrapper img {
    transform: scale(1);
}
.packages .singel-packages .img-wrapper {
    max-height: 385px;
    overflow: hidden;
}
.packages .singel-packages .img-wrapper img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.packages .singel-packages .packages-title {
    padding: 15px 25px 25px;
}
.packages .singel-packages .packages-title h3 a {
    font-weight: 600;
    font-size: 24px;
    color: #384a5e;
}
.packages .singel-packages .packages-title p {
    margin-bottom: 15px;
}
.packages .singel-packages .packages-title p span {
    color: #384a5e;
    font-weight: 600;
}
.packages .singel-packages .packages-title .booking-btn {
    color: #0f2c70;
    font-weight: 600;
    position: relative;
    padding-right: 30px;
}
.packages .singel-packages .packages-title .booking-btn:hover:before {
    width: 30px;
    background: #0f2c70;
}
.packages .singel-packages .packages-title .booking-btn:before {
    position: absolute;
    bottom: 8px;
    left: 95px;
    height: 3px;
    width: 20px;
    content: "";
    background: #384a5e;
    transition: all 0.3s ease-in-out;
}
.packages .packages-read-btn {
    margin-bottom: -188px;
    position: relative;
    z-index: 1;
}
.packages .packages-read-btn .btn-default-style {
    height: 80px;
    padding: 0 80px;
    background: #0f2c70;
    color: #ffffff;
    line-height: 80px;
    margin-top: 100px;
    border-radius: 0;
}

/*=========={ 11. Home 1 Tourist Review Css }==============*/
.client_review {
    padding: 150px 0;
    min-height: 300px;
    position: relative;
}
.client_review .shape-1 {
    position: absolute;
    right: 0;
    bottom: 100px;
}
.client_review .shape-1 .box {
    align-self: flex-end;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    background: url(/images/shape-02.png?7341723cb5f10be885d533a071957523) no-repeat 50% 50%;
    height: 360px;
    width: 160px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    right: 0;
    position: absolute;
}
.client_review .shape-1 .bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}
@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}
.client_review .gust_review_content {
    width: 70%;
    margin: 0px auto;
    padding: 0px 40px;
}
.client_review .gust_review_content p {
    margin: 0 0 50px;
    color: #8d95a6;
    text-align: center;
    font-size: 18px;
}
.client_review .reviews_athor {
    text-align: center;
}
.client_review .reviews_athor img {
    height: 100px;
    width: 100px;
    border-radius: 100%;
}
.client_review .reviews_athor p {
    color: #0f2c70;
    font-size: 18px;
    display: inherit;
    font-weight: 400;
    margin: 0;
    padding-top: 15px;
}
.client_review .reviews_athor span {
    color: #8d95a6;
    font-size: 18px;
}
.client_review .owl-controls {
    position: absolute;
    left: 0;
    top: 8%;
    transform: rotate(90deg);
}
.client_review .owl-controls .owl-page.active span {
    background: #384a5e;
}
.client_review .owl-controls .owl-page span {
    width: 9px;
    height: 9px;
    margin: 0px 6px;
    background: #d7dbdf;
}

/*=========={ 12. Home 1 Latest Blog }==============*/
.latest_blog {
    padding: 0px;
}
.latest_blog .sub-title {
    text-align: left;
    width: 40%;
    margin: 0px;
}
.latest_blog .sub-title h2 {
    margin-bottom: 15px;
}
.latest_blog .sub-title p {
    font-size: 18px;
}
.latest_blog #latest_blog_carousel .review_singel {
    box-shadow: 0 0 25px -8px rgba(63, 119, 250, 0.2);
    display: inline-flex;
    margin: 50px 15px;
}
.latest_blog #latest_blog_carousel .review_singel .blog-img {
    min-width: 275px;
}
.latest_blog #latest_blog_carousel .review_singel .blog-img img {
    width: 100%;
}
.latest_blog #latest_blog_carousel .review_singel .blog-title {
    padding: 25px;
}
.latest_blog #latest_blog_carousel .review_singel .blog-title span {
    font-weight: 600;
    font-size: 14px;
}
.latest_blog #latest_blog_carousel .review_singel .blog-title h3 {
    font-weight: 400;
    font-size: 24px;
    padding: 30px 0px 15px;
    line-height: 34px;
}
.latest_blog #latest_blog_carousel .review_singel .blog-title a {
    font-weight: 500;
    font-size: 14px;
    color: #0f2c70;
}
.latest_blog #latest_blog_carousel .review_singel .blog-title .social_options {
    display: flex;
    justify-content: end;
    margin-top: 40px;
}
.latest_blog
    #latest_blog_carousel
    .review_singel
    .blog-title
    .social_options
    li {
    margin-right: 15px;
}
.latest_blog
    #latest_blog_carousel
    .review_singel
    .blog-title
    .social_options
    li
    a {
    font-size: 18px;
    color: #8d95a6;
    position: relative;
}
.latest_blog
    #latest_blog_carousel
    .review_singel
    .blog-title
    .social_options
    li
    a
    i:before {
    margin: 0;
}
.latest_blog
    #latest_blog_carousel
    .review_singel
    .blog-title
    .social_options
    li
    a
    span {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 12px;
    font-weight: 400;
}
.latest_blog .owl-controls .owl-page.active span {
    background: #384a5e;
}
.latest_blog .owl-controls .owl-page span {
    width: 9px;
    height: 9px;
    margin: 0px 6px;
    background: #d7dbdf;
}

/*=========={ 13. Home 1 Features Place }==============*/
.features_place {
    padding: 100px 0;
}
.features_place #features_place_carousel .features_place_single {
    padding: 0 15px;
}
.features_place
    #features_place_carousel
    .features_place_single:hover
    .features_place_img:before {
    opacity: 0.8;
    bottom: 0;
}
.features_place #features_place_carousel .features_place_single:hover a {
    opacity: 1;
    transform: translate(-50%, -50%);
}
.features_place
    #features_place_carousel
    .features_place_single
    .features_place_img {
    position: relative;
}
.features_place
    #features_place_carousel
    .features_place_single
    .features_place_img:before {
    position: absolute;
    content: "";
    bottom: 50px;
    left: 0;
    background: #0f2c70;
    height: 100%;
    width: 100%;
    text-align: center;
    opacity: 0;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.features_place
    #features_place_carousel
    .features_place_single
    .features_place_img
    img {
    width: 100%;
    border-radius: 5px;
}
.features_place #features_place_carousel .features_place_single a {
    position: absolute;
    top: 50%;
    width: 145px;
    height: 46px;
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    line-height: 46px;
    color: #0f2c70;
    background: #ffffff;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.features_place .owl-controls {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
}
.features_place .owl-controls .owl-prev,
.features_place .owl-controls .owl-next {
    position: absolute;
    box-shadow: 0 0 60px 0px rgba(63, 119, 250, 0.25);
    color: #0f2c70 !important;
    height: 62px;
    width: 62px;
    line-height: 70px;
    transition: all 0.3s ease-in-out;
    top: 50%;
    transform: translateY(-50%);
}
.features_place .owl-controls .owl-prev:hover,
.features_place .owl-controls .owl-next:hover {
    background: #0f2c70 !important;
}
.features_place .owl-controls .owl-prev:hover i,
.features_place .owl-controls .owl-next:hover i {
    color: #ffffff;
}
.features_place .owl-controls .owl-prev i,
.features_place .owl-controls .owl-next i {
    font-size: 35px;
    line-height: 40px;
    transition: all 0.3s ease-in-out;
}
.features_place .owl-controls .owl-prev {
    left: 0;
    margin-left: -100px !important;
}
.features_place .owl-controls .owl-prev i:before {
    font-size: 30px;
    margin: 0;
}
.features_place .owl-controls .owl-next {
    right: 0;
    margin-right: -100px !important;
}
.features_place .owl-controls .owl-next i:before {
    font-size: 30px;
    margin: 0;
}

/*=========={ 14. Home 1 Our Client Logos }==============*/
.logos {
    padding: 50px 0 150px;
}
.logos .companis-logo-wapper h2 {
    display: none;
}
.logos .companis-logo-wapper .companis-logos {
    display: flex;
    justify-content: space-between;
}
.logos .companis-logo-wapper .companis-logos li {
    height: 200px;
    width: 210px;
    transition: all 0.3s ease-in-out;
}
.logos .companis-logo-wapper .companis-logos li:hover {
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.1);
}
.logos .companis-logo-wapper .companis-logos li img {
    display: flex;
    height: 55px;
    width: auto;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin: 80px auto;
}

/*=========={ 15. Home 1 Subscribe Area }==============*/
.subscribe {
    padding: 0 0 150px;
    position: relative;
}
.subscribe .subscribe-wrapper {
    box-shadow: 0 0 120px 0px rgba(63, 119, 250, 0.15);
    padding: 50px 15%;
}
.subscribe .subscribe-wrapper .sub-title p {
    font-size: 18px;
}
.subscribe .subscribe-wrapper .subscribe-form form {
    margin: 50px auto 0 auto;
    position: relative;
}
.subscribe .subscribe-wrapper .subscribe-form form input {
    width: 100%;
    height: 104px;
    border: 0 none;
    color: #384a5e;
    background: #f3f4f6;
    border-radius: 5px;
    padding: 0 190px 0 70px;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}
.subscribe .subscribe-wrapper .subscribe-form form button {
    position: absolute;
    right: -3px;
    top: -20px;
    border: 0 none;
    border-radius: 5px;
    background: #36dd90;
    color: #0f2c70;
    background: #ffffff;
    font-weight: 500;
    width: 154px;
    height: 137px;
    font-size: 20px;
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.15);
    cursor: pointer;
}

/*=========={ 16. Home 1 Footer Area }==============*/
.footer {
    padding-top: 100px;
    position: relative;
    z-index: 1;
    background-size: cover !important;
    background: url(/images/footer-bg.jpg?2a4ec7b60a67b611ebd57b7a9459b575) no-repeat 50% 50%;
}
.footer:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.8;
}

.footer .footer-col-list {
    text-align: center;
}

.footer .footer-col-list .footer_single_col_1 {
    width: 30%;
    text-align: center;
    margin-right: 1%;
}
.footer .footer-col-list .footer_single_col_2 {
    width: 23%;
}
.footer .footer-col-list .footer_single_col_3 {
    width: 23%;
}
.footer .footer-col-list .footer_single_col_4 {
    width: 23%;
}
.footer .footer-col-list .footer_single_col_4 p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.footer .footer-col-list .footer_single_col_1 img {
    width: 150px;
}
.footer .footer-col-list .footer_single_col_1 p {
    color: #ffffff;
    font-size: 18px;
}
.footer .footer-col-list .footer_single_col_1 .subscribe-social {
    margin-top: 50px;
}
.footer .footer-col-list .footer_single_col_1 .subscribe-social .social-items {
    display: flex;
    justify-content: center;
}
.footer
    .footer-col-list
    .footer_single_col_1
    .subscribe-social
    .social-items
    li {
    margin-right: 15px;
    padding-bottom: 0;
}
.footer
    .footer-col-list
    .footer_single_col_1
    .subscribe-social
    .social-items
    li:last-child {
    margin-right: 0;
}
.footer
    .footer-col-list
    .footer_single_col_1
    .subscribe-social
    .social-items
    li
    a:hover {
    padding-left: 0px;
}
.footer
    .footer-col-list
    .footer_single_col_1
    .subscribe-social
    .social-items
    li
    a
    i {
    border: 1px solid #ffffff;
    color: #ffffff;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    font-size: 16px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
.footer
    .footer-col-list
    .footer_single_col_1
    .subscribe-social
    .social-items
    li
    a
    i:hover {
    background: #ffffff;
    color: #0f2c70;
}
.footer .footer-col-list .footer-single-col .subtitle_1 {
    color: #ffffff;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 600;
}
.footer .footer-col-list .footer-single-col ul li {
    padding-bottom: 7px;
    color: #ffffff;
    font-weight: 400;
}
.footer .footer-col-list .footer-single-col ul li:last-child {
    padding-bottom: 0px;
}
.footer .footer-col-list .footer-single-col ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.1s ease-in-out;
    font-weight: 400;
}
.footer .footer-col-list .footer-single-col ul li a:hover {
    color: #ffffff;
    transition: all 0.1s ease-in-out;
    padding-left: 3px;
}
.footer .copyright {
    text-align: left;
}
.footer .copyright p {
    font-size: 16px;
    margin-top: 80px;
    padding: 30px 0;
    border-top: 1px solid #fff;
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 0;
}

/*============================ Home Version tow =================================*/
/*=========={ 17. Home 2 Header Section }============*/
#header-2 .navbar {
    position: absolute;
    z-index: 5;
    top: 0;
    width: 100%;
}
#header-2 .navbar .navbar-nav .nav-item .nav-link {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
#header-2 .navbar .navbar-nav .nav-item .nav-link.active,
#header-2 .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ffffff;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/*=========={ 18. Home 2 Booking Section }============*/
#booking-form-02 {
    padding-bottom: 100px;
}

/*=========={ 19. Home 2 Packages Css }============*/
#packages_02 {
    margin-top: -100px;
    background: transparent;
}
.packages_02 {
    background: transparent;
    padding: 100px 0;
    position: relative;
    z-index: 1;
}
.packages_02:before {
    position: absolute;
    background: #f3f4f6;
    content: "";
    height: 100%;
    width: 95%;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: 1;
    border-radius: 50px 0 0 0;
}
.packages_02 .single-package-wrapper {
    overflow: hidden;
}
.packages_02 .single-package-wrapper .singel-packages {
    background: #ffffff;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.05);
}
.packages_02
    .single-package-wrapper
    .singel-packages:hover
    .img-wrapper:before {
    top: 0px;
    opacity: 0.5;
}
.packages_02 .single-package-wrapper .singel-packages:hover .img-wrapper img {
    transform: scale(1);
}
.packages_02 .single-package-wrapper .singel-packages:hover .packages-title {
    bottom: 0px;
}
.packages_02
    .single-package-wrapper
    .singel-packages:hover
    .packages-title
    .booking-btn {
    bottom: 0px;
    visibility: visible;
    opacity: 1;
}
.packages_02 .single-package-wrapper .singel-packages .img-wrapper {
    max-height: 385px;
    position: relative;
}
.packages_02 .single-package-wrapper .singel-packages .img-wrapper:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: -50px;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
.packages_02 .single-package-wrapper .singel-packages .img-wrapper img {
    border-radius: 5px;
    width: 100%;
}
.packages_02 .single-package-wrapper .singel-packages .packages-title {
    padding: 14px;
    position: absolute;
    bottom: -54px;
    left: 0;
    transition: all 0.3s ease-in-out;
    z-index: 25;
}
.packages_02
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper {
    padding: 54px 30px;
}
.packages_02
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    h3
    a {
    color: #ffffff;
}
.packages_02
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    p {
    color: #ffffff;
    margin: 0;
}
.packages_02
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    p
    span {
    color: #ffffff;
}
.packages_02
    .single-package-wrapper
    .singel-packages
    .packages-title
    .booking-btn {
    padding: 15px 30px;
    color: #0f2c70;
    font-weight: 600;
    position: relative;
    background: #ffffff;
    border-radius: 0px 5px 0px 0px;
    transition: all 0.3s ease-in-out;
    width: 142px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.packages_02
    .single-package-wrapper
    .singel-packages
    .packages-title
    .booking-btn:before {
    display: none;
}

/*=========={ 20. Home 2 Tafe Tour Trips }============*/
.tafe_tour_trips-02 {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    margin-top: -50px;
    border-radius: 0 3% 0 0;
}
.tafe_tour_trips-02:before {
    position: absolute;
    background: url(/images/tips_bg-02.jpg?5f1fec3127ecb03063164d0756ae121c) no-repeat 50% 50%;
    background-size: cover;
    content: "";
    height: 100%;
    width: 95%;
    left: 0;
    top: 0;
    z-index: -3;
    opacity: 0.8;
    border-radius: 0 50px 0 0;
}
.tafe_tour_trips-02:after {
    position: absolute;
    background: rgba(15, 44, 112, 0.6);
    content: "";
    height: 100%;
    width: 95%;
    left: 0;
    top: 0;
    z-index: -2;
    border-radius: 0 50px 0 0;
}
.tafe_tour_trips-02 .shape-2 {
    position: absolute;
    bottom: 0px;
    left: 0;
}
.tafe_tour_trips-02 .shape-2 .box {
    align-self: flex-end;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    background: url(/images/shape21.png?32a9c6d28c034d278c6648a3a8631239);
    height: 198px;
    width: 148px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
}
.tafe_tour_trips-02 .shape-2 .bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}
@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}
.tafe_tour_trips-02 .sub-title {
    margin: 0;
    text-align: left;
    width: 40%;
}
.tafe_tour_trips-02 .sub-title h2 {
    color: #ffffff;
}
.tafe_tour_trips-02 .sub-title p {
    color: #ffffff;
}
.tafe_tour_trips-02 .single-row-items {
    margin-bottom: 30px;
    margin-left: 0px;
}
.tafe_tour_trips-02 .single-row-items:last-child {
    margin-bottom: 0;
}
.tafe_tour_trips-02 .single-row-items .singel-trips {
    padding: 30px;
    position: relative;
}
.tafe_tour_trips-02 .single-row-items .singel-trips:before {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 80%;
    width: 100%;
    content: "";
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.tafe_tour_trips-02 .single-row-items .singel-trips:hover:before {
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.tafe_tour_trips-02 .single-row-items .singel-trips:hover span {
    color: #0f2c70;
}
.tafe_tour_trips-02 .single-row-items .singel-trips:hover h3 {
    color: #384a5e;
}
.tafe_tour_trips-02 .single-row-items .singel-trips:hover p {
    color: #8d95a6;
}
.tafe_tour_trips-02 .single-row-items .singel-trips .list-numbar-count {
    height: 58px;
    width: 58px;
    text-align: center;
    line-height: 58px;
    background: #82a5f7;
    border-radius: 50% 50% 0 50%;
}
.tafe_tour_trips-02 .single-row-items .singel-trips .list-numbar-count span {
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    color: #ffffff;
}
.tafe_tour_trips-02
    .single-row-items
    .singel-trips
    .list-numbar-count
    span:before {
    display: none;
}
.tafe_tour_trips-02 .single-row-items .singel-trips h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 66px;
    transition: all 0.3s ease-in-out;
    color: #ffffff;
}
.tafe_tour_trips-02 .single-row-items .singel-trips p {
    transition: all 0.3s ease-in-out;
    color: #ffffff;
}

/*=========={ 21. Home 2 Features Place }============*/
#features_place-02 .sub-title {
    max-width: 520px;
}

/*=========={ 22. Home 2 Tourist Review Css }============*/
#client_review-02 {
    padding: 100px 0;
    background: url(/images/client_review-02.jpg?f4918e77ac057313cd84df006ee28826) no-repeat 50% 50%;
    background-size: cover;
    z-index: 1;
    position: relative;
}
#client_review-02:before {
    position: absolute;
    background: rgba(15, 44, 112, 0.6);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
#client_review-02 .container {
    min-width: 1500px;
}
#client_review-02 .container .sub-title h2 {
    color: #ffffff;
}
#client_review-02 .container .sub-title p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}
#client_review-02 .container #reviews_carousel-02 {
    margin-left: 20%;
}
#client_review-02 .container #reviews_carousel-02 .review_singel {
    background: #ffffff;
    margin: 0 15px;
    padding: 35px 50px;
    border-radius: 10px;
}
#client_review-02
    .container
    #reviews_carousel-02
    .review_singel
    .images-box
    ul
    li:first-child {
    margin-right: 25px;
    height: 110px;
    width: 110px;
}
#client_review-02
    .container
    #reviews_carousel-02
    .review_singel
    .images-box
    ul
    li:first-child
    img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
}
#client_review-02
    .container
    #reviews_carousel-02
    .review_singel
    .images-box
    ul
    li
    h3 {
    font-weight: 500;
    color: #0f2c70;
    font-size: 18px;
    line-height: 36px;
}
#client_review-02 .container #reviews_carousel-02 .review_singel .content-box {
    margin-top: 15px;
}
#client_review-02
    .container
    #reviews_carousel-02
    .review_singel
    .content-box
    p {
    margin: 0;
    font-size: 18px;
}
#client_review-02 .container .owl-controls {
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translateY(-40%);
}
#client_review-02 .container .owl-controls .owl-prev,
#client_review-02 .container .owl-controls .owl-next {
    position: absolute;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}
#client_review-02 .container .owl-controls .owl-prev:hover i,
#client_review-02 .container .owl-controls .owl-next:hover i {
    color: #ffffff;
}
#client_review-02 .container .owl-controls .owl-prev i,
#client_review-02 .container .owl-controls .owl-next i {
    font-size: 35px;
    line-height: 40px;
    transition: all 0.3s ease-in-out;
}
#client_review-02 .container .owl-controls .owl-prev {
    left: 0;
    margin-left: -100px;
}
#client_review-02 .container .owl-controls .owl-prev i:before {
    font-size: 25px;
    margin: 0;
}
#client_review-02 .container .owl-controls .owl-next {
    right: 0;
    margin-right: -142px;
}

/*=========={ 23. Home 2 Latest Blog Css }============*/
#latest_blog-02 {
    padding: 100px 0;
}

/*=========={ 24. Home 2 Logos Area Css }============*/
#logos-02 {
    padding: 50px 0 360px;
}

/*=========={ 25. Home 2 Subscribe Ara }============*/
#subscribe-02 {
    background: #ffffff;
    padding: 0px;
    margin-bottom: 150px;
    margin-top: -19%;
    border-radius: 5px;
}
#subscribe-02:before {
    display: none;
}
#subscribe-02 .subscribe-wrapper {
    padding: 70px 15% 70px 7%;
    display: flex;
}
#subscribe-02 .subscribe-wrapper .sub-title {
    text-align: left;
    width: 500px;
    margin: 0px 70px 0px 0;
}
#subscribe-02 .subscribe-wrapper .sub-title h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
}
#subscribe-02 .subscribe-wrapper .sub-title p {
    font-size: 18px;
    margin-top: 15px;
}
#subscribe-02 .subscribe-wrapper .subscribe-form form {
    margin: 31px auto;
}
#subscribe-02 .subscribe-wrapper .subscribe-form form input {
    box-shadow: 0 0 80px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    color: #384a5e;
}
#subscribe-02 .subscribe-wrapper .subscribe-form form button {
    right: -100px;
    top: 18px;
    background: #0f2c70;
    color: #ffffff;
    width: 154px;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.15);
}

/*=========={ 26. Home 2 Footer Ara }============*/
#footer-02 {
    padding: 0;
    padding-top: 20px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background: url(/images/footer-02.jpg?a497b847d6099156cb3305dd344f4242) no-repeat 50% 50%;
}
#footer-02:before {
    position: absolute;
    background: rgba(63, 119, 250, 0.7);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
#footer-02 .shape-2 {
    position: absolute;
    top: 0px;
    right: 0;
}
#footer-02 .shape-2 .box {
    align-self: flex-end;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    background: url(/images/shape22.png?c7917286737c548361f102b9eb82427a);
    height: 207px;
    width: 440px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
}
#footer-02 .shape-2 .bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}
@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}
/*================== Index Version Three =====================*/
/*====={ 27. Home 3 Header Area Style }========*/
#header-03 .rev_slider_wrapper {
    position: relative;
}
#header-03 .rev_slider_wrapper:before {
    position: absolute;
    border-bottom: 300px solid white;
    border-left: 1920px solid transparent;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 99;
}
#header-03 .navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
}
#header-03 .navbar .navbar-nav .nav-item .nav-link {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
#header-03 .navbar .navbar-nav .nav-item .nav-link.active,
#header-03 .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ffffff;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/*====={ 28. Home 3 Booking Area }========*/
#booking-form-03 {
    margin-top: -33%;
    margin-bottom: 3%;
}
#booking-form-03 .booking-form-wrapper {
    width: 45%;
    padding: 70px;
    float: right;
    box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.05);
    margin-top: -40px;
}
#booking-form-03 .booking-form-wrapper form {
    position: relative;
}
#booking-form-03 .booking-form-wrapper form .form-group .form-items {
    display: inline;
}
#booking-form-03
    .booking-form-wrapper
    form
    .form-group
    .form-items
    .form-single {
    width: 70%;
    padding-right: 0px;
    margin-bottom: 30px;
}
#booking-form-03
    .booking-form-wrapper
    form
    .form-group
    .form-items
    .form-single:last-child {
    margin-bottom: 0;
}
#booking-form-03 .booking-form-wrapper form .form-group .search-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 30px;
    margin-right: -100px;
}
#booking-form-03 .booking-form-wrapper form .form-group .search-btn button {
    background: #0f2c70;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    height: 52px;
    width: 56px;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
#booking-form-03
    .booking-form-wrapper
    form
    .form-group
    .search-btn
    button
    i:before {
    font-size: 30px;
    margin: 0;
    line-height: 53px;
}
#booking-form-03
    .booking-form-wrapper
    form
    .form-group
    .search-btn
    button:hover {
    background: #0f2c70;
    cursor: pointer;
}

/*====={ 29. Home 3 Tafe Tour Trips}========*/
.tafe_tour_trips-03 {
    padding: 0;
    background: url(/images/trips-3.png?a88a8ab4009d492bc5ec5c0ce2f4d776) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: 0px;
}
.tafe_tour_trips-03:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -3;
    opacity: 0.99;
    border-radius: 0;
}
.tafe_tour_trips-03:after {
    position: absolute;
    background: url(/images/home-shape-32.png?0e71a14fd2ad308e8cad4ddcd00afcdd) no-repeat;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    opacity: 1;
    border-radius: 0;
}
.tafe_tour_trips-03 .tafe_tour_trips-03-wrapper {
    padding: 280px 0;
    position: relative;
}
.tafe_tour_trips-03 .tafe_tour_trips-03-wrapper:before {
    position: absolute;
    background: url(/images/home-shape-33.png?4a50afd4fb94833864177103232bbac5) no-repeat;
    background: cover;
    content: "";
    height: 300px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -2;
    opacity: 1;
    border-radius: 0;
}
.tafe_tour_trips-03 .sub-title {
    margin: 0;
    text-align: left;
    width: 100%;
}
.tafe_tour_trips-03 .sub-title h2 {
    color: #384a5e;
    line-height: 46px;
    margin-bottom: 15px;
}
.tafe_tour_trips-03 .sub-title p {
    color: #384a5e;
}
.tafe_tour_trips-03 .single-row-items .singel-trips {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}
.tafe_tour_trips-03 .single-row-items .singel-trips:before {
    display: none;
}
.tafe_tour_trips-03 .single-row-items .singel-trips p {
    margin: 0;
}
.tafe_tour_trips-03 .single-row-items .singel-trips .numbar-count-wrapper {
    width: 17%;
}
.tafe_tour_trips-03
    .single-row-items
    .singel-trips
    .numbar-count-wrapper
    .list-numbar-count {
    background: #0f2c70;
    box-shadow: 0 0 25px 0px rgba(63, 119, 250, 0.2);
}
.tafe_tour_trips-03 .single-row-items .singel-trips .trips-details {
    width: 83%;
    margin-left: 40px;
}
.tafe_tour_trips-03 .single-row-items .singel-trips .trips-details h3 {
    color: #384a5e;
}
.tafe_tour_trips-03 .single-row-items .singel-trips .trips-details p {
    color: #8d95a6;
}
.tafe_tour_trips-03 .single-row-items .singel-trips:hover span {
    color: #ffffff;
}
.tafe_tour_trips-03 .single-row-items .singel-trips:hover span:before {
    background: #ffffff;
}

/*====={ 30. Home 3 Packages Area }========*/
.packages_03 {
    background: #ffffff;
}
.packages_03:before {
    display: none;
}
.packages_03 .singel-packages {
    box-shadow: 0 0 25px 0px rgba(63, 119, 250, 0.2);
}
.packages_03 .img-wrapper img {
    border-radius: 5px;
    width: auto;
    height: 100%;
}
.packages_03 .packages-title .title-wrapper p span {
    font-weight: 600;
    margin-left: 5px;
}

/*====={ 31. Home 3 Blog Area }========*/
#latest_blog-03 .sub-title {
    margin-left: 27px;
}
#latest_blog-03 .container {
    max-width: 1220px;
}
#latest_blog-03 .owl-item {
    padding: 0 40px;
}
#latest_blog-03 .review_singel-wrapper {
    padding: 15px;
    margin: 50px 0;
    box-shadow: 0 0 25px -8px rgba(63, 119, 250, 0.2) !important;
}
#latest_blog-03 .review_singel-wrapper .review_singel {
    display: inline;
}
#latest_blog-03 .review_singel-wrapper .review_singel .blog-img {
    min-width: 275px;
}
#latest_blog-03 .review_singel-wrapper .review_singel .blog-img img {
    width: 100%;
}
#latest_blog-03 .review_singel-wrapper .review_singel .blog-title {
    padding: 15px 0;
}
#latest_blog-03 .review_singel-wrapper .review_singel .blog-title h3 {
    font-weight: 400;
    font-size: 24px;
    padding: 0px 0px 24px;
    line-height: 34px;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment {
    display: flex;
    justify-content: space-between;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment
    span {
    font-weight: 600;
    font-size: 14px;
    color: #8d95a6;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment
    .social_options {
    display: flex;
    justify-content: end;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment
    .social_options
    li {
    margin-right: 15px;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment
    .social_options
    li
    a {
    font-size: 18px;
    color: #8d95a6;
    position: relative;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment
    .social_options
    li
    a
    i:before {
    margin: 0;
}
#latest_blog-03
    .review_singel-wrapper
    .review_singel
    .blog-title
    .blog-review-comment
    .social_options
    li
    a
    span {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 12px;
    font-weight: 400;
}

/*====={ 32. Home 3 Our Client Logos }========*/
#logos-03 {
    padding: 150px 0 150px;
}

/*====={ 33. Home 3 Our Tourist Reviews }========*/
#client_review-03 {
    padding: 0 0 100px;
    background: none;
    background-size: cover;
}
#client_review-03 .container .sub-title {
    margin-bottom: 40px;
}
#client_review-03 .container .sub-title h2 {
    color: #323232;
    font-weight: 600;
}
#client_review-03 .container .sub-title p {
    color: #323232;
    font-size: 18px;
    font-weight: 400;
}
#client_review-03 .container #reviews_carousel-03 .review_singel {
    background: #ffffff;
    min-height: 230px;
    margin: 40px 50px;
    text-align: center;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.15);
    padding: 40px;
    border-radius: 5px;
    position: relative;
}
#client_review-03 .container #reviews_carousel-03 .review_singel:before {
    position: absolute;
    background: #ffffff;
    content: "";
    height: 50px;
    width: 90%;
    bottom: -20px;
    opacity: 0.4;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
#client_review-03 .container #reviews_carousel-03 .review_singel:after {
    position: absolute;
    background: #ffffff;
    content: "";
    height: 50px;
    width: 80%;
    bottom: -40px;
    opacity: 0.4;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
#client_review-03 .container #reviews_carousel-03 .review_singel .images-box {
    margin: 0px auto;
    height: 80px;
    width: 80px;
}
#client_review-03
    .container
    #reviews_carousel-03
    .review_singel
    .images-box
    img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
}
#client_review-03
    .container
    #reviews_carousel-03
    .review_singel
    .author-details {
    margin: 0px auto;
    display: inline-flex;
}
#client_review-03
    .container
    #reviews_carousel-03
    .review_singel
    .author-details
    h3 {
    font-weight: 500;
    color: #0f2c70;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}
#client_review-03
    .container
    #reviews_carousel-03
    .review_singel
    .author-details
    span {
    line-height: 36px;
    margin-left: 20px;
}
#client_review-03 .container #reviews_carousel-03 .review_singel .content-box {
    padding: 25px 40px;
}
#client_review-03
    .container
    #reviews_carousel-03
    .review_singel
    .content-box
    p {
    margin: 0;
    font-size: 18px;
}
#client_review-03 .owl-controls {
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translateY(-40%);
}
#client_review-03 .owl-controls .owl-prev,
#client_review-03 .owl-controls .owl-next {
    position: absolute;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}
#client_review-03 .owl-controls .owl-prev:hover i,
#client_review-03 .owl-controls .owl-next:hover i {
    color: #ffffff;
}
#client_review-03 .owl-controls .owl-prev i,
#client_review-03 .owl-controls .owl-next i {
    font-size: 35px;
    line-height: 40px;
    transition: all 0.3s ease-in-out;
}
#client_review-03 .owl-controls .owl-prev {
    left: 0;
    margin-left: -100px;
}
#client_review-03 .owl-controls .owl-next {
    right: 0;
    margin-right: -142px;
    height: 100px;
    width: 100px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    line-height: 100px;
}
#client_review-03 .owl-controls .owl-next i:before {
    content: "\F103";
    font-size: 25px;
    margin: 0;
}

/*====={ 34. Home 3 Subscribe Area }========*/
#subscribe-03 {
    background: none;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0%;
    border-radius: 5px;
}
#subscribe-03:before {
    display: none;
}
#subscribe-03 .subscribe-wrapper {
    padding: 70px 15% 70px 7%;
    display: flex;
    box-shadow: none;
}
#subscribe-03 .subscribe-wrapper .sub-title {
    text-align: left;
    width: 450px;
    margin: 0px 70px 0px 0;
}
#subscribe-03 .subscribe-wrapper .sub-title h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    color: #ffffff;
}
#subscribe-03 .subscribe-wrapper .sub-title p {
    font-size: 18px;
    margin-top: 15px;
    color: #ffffff;
}
#subscribe-03 .subscribe-wrapper input {
    box-shadow: 0 0 80px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    color: #384a5e;
    padding: 0 70px;
}
#subscribe-03 .subscribe-wrapper button {
    right: -100px;
    top: 18px;
    background: #0f2c70;
    color: #ffffff;
    width: 154px;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.15);
}

/*====={ 35. Home 3 Footer Wrapper }========*/
#footer-wrapper {
    background-size: cover !important;
    background: url(/images/footer-03.jpg?257711e124f0651f53f28e34f59f17de) no-repeat 50% 50%;
    z-index: 1;
    position: relative;
}
#footer-wrapper:before {
    position: absolute;
    background: rgba(15, 44, 112, 0.6);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -2;
}
#footer-wrapper:after {
    position: absolute;
    background: url(/images/home-shape-34.png?c2ab5def4b94f564ec3c78fe5e658f8e) no-repeat;
    background: cover;
    top: 0px;
    left: 0;
    height: 390px;
    width: 100%;
    content: "";
    z-index: -1;
}
#footer-wrapper #footer-03 {
    background: none;
}
#footer-wrapper #footer-03:before {
    display: none;
}

/*================  Home Version Four }================*/
/*====={ 36. Home 4 Header Section }========*/
#header-04 .nav-wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
}
#header-04 .nav-wrapper .nav_top {
    display: flex;
    padding: 20px 0;
    z-index: 99;
}
#header-04 .nav-wrapper .nav_top span {
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 60px;
}
#header-04 .nav-wrapper .nav_top span i {
    margin-right: 20px;
}
#header-04 .nav-wrapper .nav_top span i:before {
    margin: 0;
}
#header-04 .nav-wrapper .nav_top .social-items {
    display: flex;
}
#header-04 .nav-wrapper .nav_top .social-items li {
    margin-right: 15px;
    padding-bottom: 0;
}
#header-04 .nav-wrapper .nav_top .social-items li:last-child {
    margin-right: 0;
}
#header-04 .nav-wrapper .nav_top .social-items li a:hover {
    padding-left: 0px;
}
#header-04 .nav-wrapper .nav_top .social-items li a i {
    border: 1px solid #ffffff;
    color: #ffffff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    font-size: 12px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
#header-04 .nav-wrapper .nav_top .social-items li a i:hover {
    background: #ffffff;
    color: #0f2c70;
}
#header-04 .nav-wrapper .navbar {
    padding: 0;
    margin-top: 75px;
}
#header-04 .nav-wrapper .navbar .container {
    min-width: 1240px;
    padding: 0 50px;
    background: #ffffff;
    border-radius: 5px;
}
#header-04 .nav-wrapper .navbar .container .navbar-brand {
    margin: 30px 0;
}
#header-04 .nav-wrapper .navbar .container .navbar-nav .nav-item .nav-link {
    color: #8d95a6;
    font-size: 16px;
    font-weight: 600;
    padding: 46px 0;
}
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link.active,
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link:hover {
    color: #8d95a6;
    color: #384a5e;
}
#header-04 .nav-wrapper .navbar .book-btn {
    background: #0f2c70;
    border-radius: 3px;
    color: #ffffff;
    height: 48px;
    line-height: 48px;
    padding: 0px 32px;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 0 90px;
}

/*====={ 37. Home 4 Booking Area }========*/
#booking-form-04 {
    padding-bottom: 150px;
    margin-top: -110px;
}

/*====={ 38. Home 4 Place Location Area Css }========*/
#place_location_04 {
    background: url(/images/top-place-04.jpg?1b57b870e61b5f6fbcf816b5b674578d) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    max-height: 580px;
    padding: 100px 0 0;
}
#place_location_04:before {
    position: absolute;
    background: rgba(63, 119, 250, 0.5);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
#place_location_04 .container {
    min-width: 1250px;
}
#place_location_04 .sub-title {
    width: 600px;
}
#place_location_04 .sub-title h2 {
    color: #ffffff;
}
#place_location_04 .sub-title p {
    color: #ffffff;
    font-size: 18px;
}
#place_location_04 #home_carousel-04 {
    z-index: 2;
}
#place_location_04 #home_carousel-04 .place_singel {
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.15);
    text-align: left;
    margin: 50px 40px;
    padding: 60px 40px;
    background: #ffffff;
}
#place_location_04 #home_carousel-04 .place_singel .icon_wrapper {
    height: 180px;
    width: 180px;
    border-radius: 50%;
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.15);
    position: relative;
    margin: 0px auto;
}
#place_location_04 #home_carousel-04 .place_singel .icon_wrapper i:before {
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 90px;
    color: #0f2c70;
}
#place_location_04 #home_carousel-04 .place_singel .palce-details h3 {
    font-size: 32px;
    font-weight: 600;
    margin: 50px 0 10px;
}
#place_location_04 #home_carousel-04 .place_singel .palce-details span {
    font-size: 24px;
    font-weight: 600;
    color: #8d95a6;
}
#place_location_04 #home_carousel-04 .owl-item.active {
    transform: scale(1.1);
}
#place_location_04 #home_carousel-04 .owl-controls {
    top: 0;
    transform: rotate(0deg);
    margin-top: 40px;
}
#place_location_04 #home_carousel-04 .owl-controls .owl-page.active span {
    border: 3px solid #0f2c70;
    height: 12px;
    width: 12px;
    background: #ffffff;
    margin: 1px 0;
}
#place_location_04 #home_carousel-04 .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
    margin: 3px 6px;
    background: #0f2c70;
    opacity: 1;
}

/*====={ 39. Home 4 Travel Offer }========*/
#Travel_offer_04 {
    margin-top: 430px;
    background: url(/images/offer-bg-04.jpg?e42930060d40b4b25af747056ff83816) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    padding: 150px 0 120px;
}
#Travel_offer_04:before {
    position: absolute;
    background: rgba(36, 69, 120, 0.6);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
#Travel_offer_04 .tracel_offer_details {
    text-align: left;
}
#Travel_offer_04 .tracel_offer_details h2 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}
#Travel_offer_04 .tracel_offer_details p {
    color: #ffffff;
    font-size: 18px;
    width: 35%;
}
#Travel_offer_04 .tracel_offer_details .offer-btn {
    background: #0f2c70;
    width: 212px;
    height: 62px;
    line-height: 62px;
    padding: 0;
    color: #ffffff;
    margin-top: 40px;
    font-size: 18px;
}

/*====={ 40. Home 4 Packages Css }========*/
.packages_04 {
    background: transparent;
    padding: 100px 0;
}
.packages_04 .single-package-wrapper .singel-packages {
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.packages_04 .single-package-wrapper .singel-packages:hover {
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.15);
}
.packages_04
    .single-package-wrapper
    .singel-packages:hover
    .img-wrapper:before {
    top: 0px;
    opacity: 0.5;
}
.packages_04 .single-package-wrapper .singel-packages:hover .packages-title {
    bottom: 0px;
    background: #ffffff;
}
.packages_04
    .single-package-wrapper
    .singel-packages:hover
    .packages-title
    .booking-btn {
    visibility: visible;
    opacity: 1;
}
.packages_04 .single-package-wrapper .singel-packages .img-wrapper {
    height: 100%;
}
.packages_04 .single-package-wrapper .singel-packages .img-wrapper:before {
    display: none;
}
.packages_04 .single-package-wrapper .singel-packages .img-wrapper img {
    border-radius: 5px;
    width: 100%;
}
.packages_04 .single-package-wrapper .singel-packages .packages-title {
    background: #f8f8f8;
    padding: 15px 30px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
}
.packages_04
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    h3
    a {
    color: #384a5e;
}
.packages_04
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    p {
    color: #8d95a6;
    margin: 0;
    font-weight: 400;
}
.packages_04
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    p
    span {
    color: #8d95a6;
    font-weight: 600;
    margin-left: 5px;
}
.packages_04
    .single-package-wrapper
    .singel-packages
    .packages-title
    .booking-btn {
    color: #ffffff;
    background: #0f2c70 !important;
    font-weight: 600;
    position: relative;
    background: #ffffff;
    border-radius: 0px 5px 0px 0px;
    transition: all 0.3s ease-in-out;
    width: 142px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    bottom: -5px;
}
.packages_04
    .single-package-wrapper
    .singel-packages
    .packages-title
    .booking-btn:before {
    display: none;
}

/*====={ 41. Home 4 Video Description }========*/
.video-description {
    background: url(/images/video-bg-04.jpg?6cb4ecd7a8561e8c4ba084eae0a02451) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}
.video-description:before {
    position: absolute;
    background: rgba(63, 119, 250, 0.5);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.video-description .video_wrapper {
    position: relative;
    min-height: 600px;
}
.video-description .video_wrapper .video-play-btn {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.video-description .video_wrapper .video-play-btn span {
    display: inline-block;
    position: relative;
    border-radius: 50%;
}
.video-description .video_wrapper .video-play-btn span a {
    left: -58px;
    position: absolute;
    top: -58px;
    z-index: 1;
    border: 30px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.video-description .video_wrapper .video-play-btn span a:hover {
    transform: scale(0.9);
}
.video-description .video_wrapper .video-play-btn span a:hover i {
    transform: scale(1.3);
}
.video-description .video_wrapper .video-play-btn span a i {
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 12px;
    background: #ffffff;
    color: #0f2c70;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.video-description .video_wrapper .video_description_title {
    position: absolute;
    bottom: 70px;
    right: 0;
}
.video-description .video_wrapper .video_description_title h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 0 0;
    line-height: 24px;
    color: #ffffff;
}

/*====={ 42. Home 4 Join Now Css Area }========*/
#join_now_04 {
    background: #f2f5fa;
    padding: 70px 0;
    margin-top: 150px;
}
#join_now_04 .join_now_wrapper {
    display: flex;
    justify-content: space-between;
}
#join_now_04 .join_now_wrapper h2 {
    color: #384a5e;
    width: 35%;
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
}
#join_now_04 .join_now_wrapper a {
    background: #0f2c70;
    color: #ffffff;
    width: 240px;
    height: 64px;
    line-height: 64px;
    font-size: 20px;
    margin: 8px 0;
    font-weight: 500;
}

/*====={ 43. Home 4 Footer Area }========*/
#footer-04 {
    background: #0f2c70;
}

/*======================= Home Version five ======================*/
/*====={ 44. Home 4 Hader Section }========*/
#header-05 {
    background: url(/images/home-04.jpg?d92fa6791c62b033dcbde7203e0f2546) no-repeat;
    background-size: cover;
    position: relative;
    min-height: 894px;
}
#header-05:before {
    position: absolute;
    background: none;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
#header-05 .nav_top {
    display: flex;
    padding: 20px 0;
    position: relative;
}
#header-05 .nav_top span {
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 60px;
}
#header-05 .nav_top span i {
    margin-right: 20px;
}
#header-05 .nav_top span i:before {
    margin: 0;
}
#header-05 .nav_top .social-items {
    display: flex;
}
#header-05 .nav_top .social-items li {
    margin-right: 15px;
    padding-bottom: 0;
}
#header-05 .nav_top .social-items li:last-child {
    margin-right: 0;
}
#header-05 .nav_top .social-items li a:hover {
    padding-left: 0px;
}
#header-05 .nav_top .social-items li a i {
    border: 1px solid #ffffff;
    color: #ffffff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    font-size: 12px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
#header-05 .nav_top .social-items li a i:hover {
    background: #ffffff;
    color: #0f2c70;
}
#header-05 .navbar {
    padding: 0;
    margin-top: 75px;
}
#header-05 .navbar .safeture_nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    padding: 36px 55px;
    border-radius: 5px;
}
#header-05 .navbar .safeture_nav .navbar-nav .nav-item .nav-link {
    color: #8d95a6;
    font-size: 16px;
    font-weight: 600;
}
#header-05 .navbar .safeture_nav .navbar-nav .nav-item .nav-link.active,
#header-05 .navbar .safeture_nav .navbar-nav .nav-item .nav-link:hover {
    color: #8d95a6;
    transition: all 0.3s ease-in-out;
    color: #384a5e;
}
#header-05 .navbar .book-btn {
    background: #ffffff !important;
    color: #0f2c70;
}
#header-05 .navbar .book-btn span {
    background-image: linear-gradient(to right, #a42efe 0%, #4e6bfb 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
#header-05 .intro-text {
    margin-top: 200px;
    padding-left: 10px;
}
#header-05 #booking-form-05 {
    margin-top: 2%;
    margin-bottom: 0;
}
#header-05 #booking-form-05 .booking-form-wrapper {
    width: 100%;
    padding: 30px 70px;
    float: right;
    box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.15);
    margin-top: 170px;
}
#header-05 #booking-form-05 .booking-form-wrapper .form-group {
    position: relative;
}
#header-05 #booking-form-05 .booking-form-wrapper .form-group .form-items {
    display: inline;
}
#header-05
    #booking-form-05
    .booking-form-wrapper
    .form-group
    .form-items
    .form-single {
    width: 70%;
    padding-right: 0px;
    margin-bottom: 30px;
}
#header-05
    #booking-form-05
    .booking-form-wrapper
    .form-group
    .form-items
    .form-single:last-child {
    margin-bottom: 0;
}
#header-05
    #booking-form-05
    .booking-form-wrapper
    .form-group
    .form-items
    .form-single
    label {
    background-image: linear-gradient(to right, #a42efe 0%, #4e6bfb 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
#header-05 #booking-form-05 .booking-form-wrapper .form-group .search-btn {
    position: absolute;
    right: 0px;
    bottom: 0;
    margin-bottom: 30px;
    margin-right: -100px;
}
#header-05
    #booking-form-05
    .booking-form-wrapper
    .form-group
    .search-btn
    button {
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    height: 52px;
    width: 56px;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
#header-05
    #booking-form-05
    .booking-form-wrapper
    .form-group
    .search-btn
    button
    i:before {
    font-size: 30px;
    margin: 0;
    line-height: 53px;
}
#header-05
    #booking-form-05
    .booking-form-wrapper
    .form-group
    .search-btn
    button:hover {
    cursor: pointer;
}

/*====={ 45. Home 4 Place Location}========*/
#place_location_05 {
    background: #ffffff;
    padding: 100px 0;
}
#place_location_05 .container {
    min-width: 1210px;
}
#place_location_05 .sub-title h2 {
    color: #384a5e;
}
#place_location_05 .sub-title p {
    color: #8d95a6;
    font-size: 18px;
}
#place_location_05 #home_carousel-04 {
    z-index: 2;
}
#place_location_05 #home_carousel-04 .place_singel {
    box-shadow: 0 0 20px 0px rgba(63, 119, 250, 0.05);
    text-align: left;
    margin: 50px 20px 70px;
    padding: 60px 40px;
    background: #ffffff;
}
#place_location_05 #home_carousel-04 .place_singel .icon_wrapper {
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    box-shadow: 0 0 40px 0px rgba(63, 119, 250, 0.15);
    position: relative;
    margin: 0px auto;
}
#place_location_05 #home_carousel-04 .place_singel .icon_wrapper i:before {
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #ffffff;
}
#place_location_05 #home_carousel-04 .place_singel .palce-details h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 50px 0 10px;
}
#place_location_05 #home_carousel-04 .place_singel .palce-details p {
    margin: 0;
}
#place_location_05 #home_carousel-04 .owl-controls {
    top: 0;
    transform: rotate(0deg);
}
#place_location_05 #home_carousel-04 .owl-controls .owl-page.active span {
    border: 3px solid linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    height: 12px;
    width: 12px;
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    margin: 5px 0;
}
#place_location_05 #home_carousel-04 .owl-controls .owl-page span {
    width: 9px;
    height: 9px;
    margin: 6px 6px;
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    opacity: 1;
}

/*====={ 46. Home 4 Travel Offer }========*/
#Travel_offer_05 {
    background: url(/images/tips_bg-02.jpg?5f1fec3127ecb03063164d0756ae121c) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    padding: 150px 0;
}
#Travel_offer_05:before {
    position: absolute;
    background: linear-gradient(
        to top,
        rgba(167, 45, 254, 0.5) 0%,
        rgba(78, 107, 251, 0.5) 100%
    );
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
#Travel_offer_05 .tracel_offer_details {
    text-align: center;
    width: 55%;
    margin: 0px auto;
}
#Travel_offer_05 .tracel_offer_details h2 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}
#Travel_offer_05 .tracel_offer_details p {
    color: #ffffff;
    font-size: 18px;
    margin: 0;
}
#Travel_offer_05 .tracel_offer_details .offer-btn {
    background: #ffffff;
    width: 212px;
    height: 64px;
    line-height: 64px;
    padding: 0;
    color: #0f2c70;
    font-weight: 600;
    margin-top: 70px;
    font-size: 18px;
}

/*====={ 47. Home 4 Packages Area }========*/
.packages_05 {
    background: transparent;
    padding: 100px 0;
}
.packages_05 .single-package-wrapper .singel-packages {
    background: #ffffff;
    display: flex;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.packages_05 .single-package-wrapper .singel-packages:hover {
    background: #f8f8f8;
    box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.05);
}
.packages_05
    .single-package-wrapper
    .singel-packages:hover
    .img-wrapper:before {
    top: 0px;
    opacity: 0.5;
}
.packages_05 .single-package-wrapper .singel-packages:hover .packages-title {
    bottom: 0px;
    background: #ffffff;
}
.packages_05 .single-package-wrapper .singel-packages .img-wrapper {
    height: 100%;
    width: 48%;
    position: relative;
}
.packages_05 .single-package-wrapper .singel-packages .img-wrapper:before {
    position: absolute;
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: -50px;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
.packages_05 .single-package-wrapper .singel-packages .img-wrapper img {
    height: auto;
    width: 100%;
    border-radius: 5px;
}
.packages_05 .single-package-wrapper .singel-packages .packages-title {
    padding: 50px 30px 40px;
    transition: all 0.3s ease-in-out;
    justify-content: space-between;
    background: #f8f8f8;
}
.packages_05
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    h3 {
    font-size: 24px;
    font-weight: 600;
}
.packages_05
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    h3
    a {
    color: #384a5e;
}
.packages_05
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    p {
    color: #8d95a6;
    margin: 0;
    padding: 15px 0 40px;
    font-weight: 400;
}
.packages_05
    .single-package-wrapper
    .singel-packages
    .packages-title
    .title-wrapper
    p
    span {
    color: #384a5e;
    font-weight: 600;
    margin-right: 5px;
}
.packages_05
    .single-package-wrapper
    .singel-packages
    .packages-title
    .booking-btn {
    color: #0f2c70;
    background: #ffffff !important;
    font-weight: 600;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    bottom: -5px;
    padding: 12px 30px;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.15);
}
.packages_05
    .single-package-wrapper
    .singel-packages
    .packages-title
    .booking-btn:before {
    display: none;
}
.packages_05 .packages-read-btn .btn-default-style {
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    color: #ffffff;
    height: 58px;
    line-height: 58px;
}

/*====={ 48. Home 4 Video Description Area }========*/
#video-description-05 {
    background: url(/images/video-bg-04.jpg?6cb4ecd7a8561e8c4ba084eae0a02451) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}
#video-description-05:before {
    position: absolute;
    background: rgba(63, 119, 250, 0.5);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
#video-description-05 .video_wrapper {
    position: relative;
    min-height: 600px;
}
#video-description-05 .video_wrapper .video-play-btn {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
#video-description-05 .video_wrapper .video-play-btn a {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    background: linear-gradient(
        to top,
        rgba(167, 45, 254, 0.5) 0%,
        rgba(78, 107, 251, 0.5) 100%
    );
    transition: all 0.3s ease-in-out;
}
#video-description-05 .video_wrapper .video-play-btn a:hover {
    transform: scale(0.9);
}
#video-description-05 .video_wrapper .video-play-btn a:hover i {
    transform: scale(1.3);
}
#video-description-05 .video_wrapper .video-play-btn a i {
    left: 58px;
    position: absolute;
    top: 58px;
    z-index: 1;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 12px;
    background: #ffffff;
    color: #0f2c70;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
#video-description-05 .video_wrapper .video_description_title {
    position: absolute;
    bottom: 70px;
    right: 0;
}
#video-description-05 .video_wrapper .video_description_title h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 0 0;
    line-height: 24px;
    color: #ffffff;
}

/*====={ 49. Home 4 Tourist Review Css }========*/
#client_review_05 .container {
    min-width: 1210px;
}
#client_review_05 .sub-title {
    text-align: left;
    margin: 0px 15px 20px;
}
#client_review_05 #reviews_carousel_05 .review_singel {
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15);
    margin: 40px 15px;
    padding: 40px;
}
#client_review_05 #reviews_carousel_05 .review_singel .content-box p {
    margin: 0;
}
#client_review_05 #reviews_carousel_05 .review_singel .images-box {
    margin-top: 15px;
}
#client_review_05 #reviews_carousel_05 .review_singel .images-box ul {
    display: flex;
    align-items: center;
}
#client_review_05 #reviews_carousel_05 .review_singel .images-box ul li {
    display: inline-block;
    vertical-align: middle;
}
#client_review_05
    #reviews_carousel_05
    .review_singel
    .images-box
    ul
    li:first-child {
    height: 100px;
    width: 100px;
}
#client_review_05
    #reviews_carousel_05
    .review_singel
    .images-box
    ul
    li:first-child
    img {
    height: 100%;
    width: 100px;
    border-radius: 100%;
}
#client_review_05
    #reviews_carousel_05
    .review_singel
    .images-box
    ul
    li:last-child {
    padding-left: 15px;
}
#client_review_05
    #reviews_carousel_05
    .review_singel
    .images-box
    ul
    li:last-child
    h3 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #0f2c70;
    line-height: 30px;
}
#client_review_05
    #reviews_carousel_05
    .review_singel
    .images-box
    ul
    li:last-child
    span {
    font-size: 17px;
    color: #8d95a6;
    line-height: 24px;
}
#client_review_05 .owl-controls {
    position: relative;
    transform: rotate(0deg);
}
#client_review_05 .owl-controls .owl-pagination {
    position: absolute;
    left: 15px;
}
#client_review_05 .owl-controls .owl-pagination .owl-page.active span {
    background: #ffffff;
    border: 3px solid #0f2c70;
    width: 14px;
    height: 14px;
    margin: 3px;
}
#client_review_05 .owl-controls .owl-pagination .owl-page span {
    width: 9px;
    height: 9px;
    margin: 5px 6px;
    background: linear-gradient(to bottom, #a72dfe 0%, #4e6bfb 100%);
    opacity: 1;
}

/*====={ 50. Home 4 Footer Css }========*/
#footer-05 {
    background: url(/images/footer-05.jpg?3f8158b528bc99f0405fc7497d9da15a) no-repeat;
    background: cover;
}
#footer-05:before {
    position: absolute;
    background: linear-gradient(
        to top,
        rgba(167, 45, 254, 0.5) 0%,
        rgba(78, 107, 251, 0.5) 100%
    );
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

/*===================== { 51.  Inner Pages Header Css } =================*/
.inner-pages {
    min-height: 450px;
    background: #d7d7d7;
}
.inner-pages .navbar {
    padding: 40px 0 0;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
}
.inner-pages .navbar .navbar-brand img {
    width: 150px;
}
.inner-pages .navbar .navbar-nav .nav-item {
    margin-left: 50px;
}
.inner-pages .navbar .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0px;
}
.inner-pages .navbar .navbar-nav .nav-item .nav-link {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.inner-pages .navbar .navbar-nav .nav-item .nav-link.active,
.inner-pages .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ffffff;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.inner-pages .navbar .book-btn {
    background: #0f2c70;
    border-radius: 3px;
    color: #ffffff;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 90px;
}
.inner-pages .navbar .book-btn:hover {
    color: #ffffff;
}
.inner-pages .intro-text {
    margin-top: 100px;
    padding-left: 0px;
}
.inner-pages .intro-text .title {
    font-size: 55px;
    margin-bottom: 30px;
}
.inner-pages .intro-text .page-link {
    background-color: transparent;
    border: none;
    padding: 0;
}
.inner-pages .intro-text .page-link a {
    background: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    margin-right: 30px;
}
.inner-pages .intro-text .page-link a:last-child {
    margin-right: 0;
}
.inner-pages .intro-text .page-link a:last-child:before {
    display: none;
}
.inner-pages .intro-text .page-link a:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\F105";
    right: -23px;
    top: 2px;
}

/*=========== { 52.  Packges Grid Style } ===========*/
#Packege-grid {
    padding: 100px 0;
    background: url(/images/client_review-02.jpg?f4918e77ac057313cd84df006ee28826) no-repeat 50% 50%;
    background-size: cover;
    z-index: 1;
    position: relative;
}
#Packege-grid:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.4;
}

/*=========== { 53. Packges Grid Items } ===========*/
#packages_grid_items .single-package-wrapper .singel-packages .img-wrapper {
    border-radius: 5px;
}
#packages_grid_items .single-package-wrapper .singel-packages .img-wrapper img {
    border-radius: 5px;
}
#packages_grid_items .single-package-wrapper .singel-packages .packages-title {
    padding: 15px 25px;
}
#packages_grid_items
    .single-package-wrapper
    .singel-packages
    .packages-title
    p {
    margin-bottom: 0;
}
#packages_grid_items
    .single-package-wrapper
    .singel-packages
    .packages_details {
    display: flex;
    justify-content: space-between;
}
#packages_grid_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    span {
    font-weight: 600;
    font-size: 18px;
    line-height: 48px;
}
#packages_grid_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    a {
    background: #0f2c70;
    border-radius: 5px;
    padding: 13px 32px;
    color: #ffffff;
    font-weight: 500;
}
#packages_grid_items .single-package-wrapper .load_single_packege {
    background: none;
    box-shadow: none;
    line-height: 84px;
    height: 100%;
    transform: translateY(44%);
    text-align: center;
}
#packages_grid_items
    .single-package-wrapper
    .load_single_packege
    .load_more_btn {
    padding: 0px 60px;
    background: #0f2c70;
    color: #ffffff;
    font-weight: 600;
    margin: 0px auto;
}

/*=========== { 54. Packges List Items } ===========*/
#packages_list_items {
    background: #f3f4f6;
    padding: 150px 0;
}
#packages_list_items .single-package-wrapper .singel-packages {
    background: #ffffff;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}
#packages_list_items .single-package-wrapper .singel-packages .img-wrapper {
    overflow: hidden;
    margin-right: 30px;
    width: 30%;
}
#packages_list_items .single-package-wrapper .singel-packages .img-wrapper img {
    border-radius: 5px;
    width: 100%;
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details {
    width: 70%;
    display: flex;
    justify-content: space-between;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .title-wrapper {
    width: 65%;
    height: 100%;
    padding: 60px 40px 60px 0;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .title-wrapper
    h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 40px;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .title-wrapper
    h3
    a {
    color: #384a5e;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .title-wrapper
    p {
    margin: 0;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .book_right {
    padding: 60px 50px;
    background: #f5f6f8;
    width: 35%;
    height: 100%;
    position: relative;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .book_right
    span {
    font-weight: 600;
    font-size: 24px;
    line-height: 48px;
    color: #384a5e;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .book_right
    p {
    font-size: 18px;
}
#packages_list_items
    .single-package-wrapper
    .singel-packages
    .packages_details
    .book_right
    .packages_booking {
    position: absolute;
    bottom: 60px;
    left: 50px;
    background: #0f2c70;
    border-radius: 5px;
    padding: 12px 40px;
    color: #ffffff;
    font-weight: 500;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);
}
#packages_list_items .single-package-wrapper .load_single_packege {
    background: none;
    box-shadow: none;
    text-align: center;
    margin-bottom: 0;
    margin-top: 40px;
}
#packages_list_items
    .single-package-wrapper
    .load_single_packege
    .load_more_btn {
    padding: 0px 60px;
    background: #0f2c70;
    color: #ffffff;
    font-weight: 600;
    line-height: 84px;
    margin: 0px auto;
}

/*=========== { 55. Packges Single Page } ===========*/
#Packege-single {
    padding: 100px 0;
    background: url(/images/packages-single.jpg?d99a05409e57d29eff4c05055bd7ad61) no-repeat 50% 50%;
    background-size: cover;
    z-index: 1;
    position: relative;
}
#Packege-single:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.4;
}

.packages-single {
    background: #f3f4f6;
    padding: 150px 0 0;
}
.packages-single .single_package_left .packages-single-title {
    padding: 0px 0px 50px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
}
.packages-single .single_package_left .packages-single-title .title-wrapper h3 {
    color: #384a5e;
    font-size: 24px;
    font-weight: 600;
}
.packages-single .single_package_left .packages-single-title .title-wrapper p {
    color: #8d95a6;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 16px;
}
.packages-single
    .single_package_left
    .packages-single-title
    .title-wrapper
    p
    span {
    color: #384a5e;
    font-size: 20px;
    font-weight: 600;
    margin-left: 15px;
}
.packages-single .single_package_left .packages-single-title .booking-btn {
    color: #ffffff;
    background: #0f2c70 !important;
    font-weight: 600;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    width: 142px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    bottom: -5px;
}
.packages-single
    .single_package_left
    .packages-single-title
    .booking-btn:before {
    display: none;
}
.packages-single .single_package_left .packages-single-img img {
    width: 100%;
}
.packages-single .single_package_left .packages-single-tabs .nav-tabs {
    border-bottom: 1px solid #dfe1e6;
    margin: 70px 0 40px;
}
.packages-single
    .single_package_left
    .packages-single-tabs
    .nav-tabs
    .nav-item {
    margin-right: 60px;
}
.packages-single
    .single_package_left
    .packages-single-tabs
    .nav-tabs
    .nav-item
    .nav-link {
    padding: 0 0 15px;
    font-size: 20px;
    color: #384a5e;
    font-weight: 600;
    position: relative;
    border: none;
}
.packages-single
    .single_package_left
    .packages-single-tabs
    .nav-tabs
    .nav-item
    .nav-link:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\F105";
    right: -23px;
    bottom: 14px;
}
.packages-single
    .single_package_left
    .packages-single-tabs
    .nav-tabs
    .nav-item
    .nav-link.active {
    color: #495057;
    background-color: transparent;
    border: none;
    outline: none;
}
.packages-single
    .single_package_left
    .packages-single-tabs
    .nav-tabs
    .nav-item
    .nav-link.active:before {
    position: absolute;
    content: "";
    background: #0f2c70;
    height: 3px;
    width: 100%;
    bottom: -1px;
    left: 0;
}
.packages-single .single_package_left .room_facility {
    background: #ffffff;
    padding: 30px;
    margin-top: 70px;
}
.packages-single .single_package_left .room_facility .facility_wrapper h3 {
    font-size: 24px;
    font-weight: 600;
}
.packages-single
    .single_package_left
    .room_facility
    .facility_wrapper
    .facilitys_items {
    display: flex;
    margin-left: 70px;
}
.packages-single
    .single_package_left
    .room_facility
    .facility_wrapper
    .facilitys_items
    ul {
    margin-right: 120px;
    margin-top: 40px;
}
.packages-single
    .single_package_left
    .room_facility
    .facility_wrapper
    .facilitys_items
    ul:last-child {
    margin-right: 0;
}
.packages-single
    .single_package_left
    .room_facility
    .facility_wrapper
    .facilitys_items
    ul
    li {
    padding-bottom: 15px;
    color: #8d95a6;
    position: relative;
}
.packages-single
    .single_package_left
    .room_facility
    .facility_wrapper
    .facilitys_items
    ul
    li:before {
    position: absolute;
    content: "";
    background: #384a5e;
    height: 6px;
    width: 6px;
    top: 9px;
    left: -30px;
}
.packages-single .single_package_right .title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}
.packages-single .single_package_right .title_content {
    margin: 0;
    font-weight: 300;
}
.packages-single .single_package_right .need_help {
    background: #ffffff;
    padding: 38px 26px;
    border-radius: 5px;
    margin-top: 112px;
}
.packages-single .single_package_right .need_help ul {
    margin-top: 15px;
}
.packages-single .single_package_right .need_help ul li {
    color: #8d95a6;
}
.packages-single .single_package_right .contact_form {
    background: #ffffff;
    padding: 38px 26px;
    border-radius: 5px;
    margin-top: 70px;
}
.packages-single .single_package_right .contact_form form {
    margin-top: 15px;
}
.packages-single .single_package_right .contact_form form .form-group input,
.packages-single .single_package_right .contact_form form .form-group textarea {
    background: #f4f6f9;
    color: #8d95a6;
    height: 40px;
    font-size: 16px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 0px;
    outline: none;
    border: none;
}
.packages-single
    .single_package_right
    .contact_form
    form
    .form-group
    input:focus,
.packages-single
    .single_package_right
    .contact_form
    form
    .form-group
    textarea:focus {
    outline: none;
}
.packages-single
    .single_package_right
    .contact_form
    form
    .form-group
    input::-moz-placeholder {
    color: #8d95a6;
    font-size: 14px;
    opacity: 1;
}
.packages-single .single_package_right .contact_form form .form-group button {
    background: #0f2c70;
    border: medium none;
    color: #ffffff;
    outline: medium none;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}
.packages-single .single_package_right .contact_form form .form-group textarea {
    resize: none;
    height: 140px;
}
.packages-single .single_package_right .contact_form form .submit-btn {
    width: 100%;
    text-align: center;
    margin-top: 24px;
}
.packages-single
    .single_package_right
    .contact_form
    form
    .submit-btn
    .button-l {
    background: #0f2c70;
    border: none;
    padding: 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 500;
}

/*=========== { 56. Contact Page } ===========*/
#contact-page {
    padding: 100px 0;
    background: url(/images/banner-04.jpg?81312287a7ac67e74deef1ac62862ebc) no-repeat 50% 50%;
    background-size: cover;
    z-index: 1;
    position: relative;
}
#contact-page:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.6;
}

.contact-wrapper {
    padding: 150px 0;
    background: #f3f4f6;
}
.contact-wrapper h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
}
.contact-wrapper .contact_form form {
    margin-top: 15px;
}
.contact-wrapper .contact_form form .form-group label {
    color: #8d95a6;
    font-weight: 500;
    margin-left: 15px;
}
.contact-wrapper .contact_form form .form-group input,
.contact-wrapper .contact_form form .form-group textarea {
    background: #ffffff;
    color: #8d95a6;
    height: 58px;
    font-size: 16px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    border: none;
}
.contact-wrapper .contact_form form .form-group input:focus,
.contact-wrapper .contact_form form .form-group textarea:focus {
    outline: none;
}
.contact-wrapper .contact_form form .form-group input::-moz-placeholder {
    color: #8d95a6;
    font-size: 14px;
    opacity: 1;
}
.contact-wrapper .contact_form form .form-group button {
    background: #0f2c70;
    border: medium none;
    color: #ffffff;
    outline: medium none;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}
.contact-wrapper .contact_form form .form-group textarea {
    resize: none;
    height: 140px;
}
.contact-wrapper .contact_form form .submit-btn {
    width: 100%;
    text-align: left;
    margin-top: 40px;
    margin-left: 15px;
}
.contact-wrapper .contact_form form .submit-btn .button-l {
    background: #0f2c70;
    border: none;
    padding: 20px 70px;
    border-radius: 0px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 600;
}
.contact-wrapper .google_map {
    margin-top: 100px;
    padding-left: 50px;
}
.contact-wrapper .google_map #map {
    height: 560px;
    width: 100%;
}

/*=========== { 56. Blog Page 1 Css } ===========*/
#blog-page {
    padding: 100px 0;
    background: url(/images/blog-bg.jpg?445f8f872e945e40a534669bdd75ea72) no-repeat 50% 50%;
    background-size: cover;
    z-index: 1;
    position: relative;
}
#blog-page:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.4;
}

.blog_1 {
    background: #f3f4f6;
    padding: 150px 0;
}
.blog_1 .pb-30 {
    margin-bottom: 50px;
}
.blog_1 .review_singel {
    box-shadow: 0 0 50px 8px rgba(63, 119, 250, 0.05);
    display: inline-flex;
    border-radius: 5px;
    overflow: hidden;
}
.blog_1 .review_singel .blog-img {
    min-width: 270px;
}
.blog_1 .review_singel .blog-img img {
    width: 100%;
}
.blog_1 .review_singel .blog-title {
    padding: 25px;
}
.blog_1 .review_singel .blog-title span {
    font-weight: 600;
    font-size: 14px;
}
.blog_1 .review_singel .blog-title h3 {
    font-weight: 400;
    font-size: 24px;
    padding: 30px 0px 15px;
    line-height: 34px;
}
.blog_1 .review_singel .blog-title a {
    font-weight: 500;
    font-size: 14px;
    color: #0f2c70;
}
.blog_1 .review_singel .blog-title .social_options {
    display: flex;
    justify-content: end;
    margin-top: 40px;
}
.blog_1 .review_singel .blog-title .social_options li {
    margin-right: 15px;
}
.blog_1 .review_singel .blog-title .social_options li a {
    font-size: 18px;
    color: #8d95a6;
    position: relative;
}
.blog_1 .review_singel .blog-title .social_options li a i:before {
    margin: 0;
}
.blog_1 .review_singel .blog-title .social_options li a span {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 12px;
    font-weight: 400;
}
.blog_1 .load_single_packege {
    background: none;
    box-shadow: none;
    text-align: center;
    margin-bottom: 0;
    margin-top: 40px;
}
.blog_1 .load_single_packege .load_more_btn {
    padding: 0px 70px;
    background: #0f2c70;
    color: #ffffff;
    font-weight: 600;
    line-height: 84px;
    margin: 0px auto;
}

.safe-blog {
    background: #f3f4f6;
    padding: 150px 0;
}
.safe-blog .pb-50 {
    margin-bottom: 50px;
}
.safe-blog .pb-50:last-child {
    margin-bottom: 0;
}
.safe-blog .blog_wrapper {
    justify-content: space-between;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item {
    background: #ffffff;
    box-shadow: 0 0 50px 8px rgba(63, 119, 250, 0.05);
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    margin-bottom: 50px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item:last-child {
    margin-bottom: 0;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-img {
    width: 36%;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-img
    img {
    width: 100%;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title {
    padding: 25px 30px;
    width: 68%;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .author_info {
    padding: 15px 0 25px;
    line-height: 14px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .author_info
    span {
    font-weight: 400;
    font-size: 14px;
    color: #8d95a6;
    margin-right: 50px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .author_info
    span:last-child {
    margin-right: 0;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .author_info
    span
    a {
    color: #8d95a6;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .author_info
    span
    a:hover {
    color: #0f2c70;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    p {
    font-weight: 300;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more {
    display: flex;
    justify-content: space-between;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more
    a {
    font-weight: 500;
    font-size: 14px;
    color: #0f2c70;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more
    .social_options {
    display: flex;
    justify-content: end;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more
    .social_options
    li {
    margin-right: 15px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more
    .social_options
    li
    a {
    font-size: 18px;
    color: #8d95a6;
    position: relative;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more
    .social_options
    li
    a
    i:before {
    margin: 0;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_left
    .blog_single_items
    .blog_singel_item
    .blog-title
    .social-read_more
    .social_options
    li
    a
    span {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 12px;
    font-weight: 400;
}
.safe-blog .blog_wrapper .blog_wrapper_right .blog-right-items {
    width: 110%;
    margin-left: -10%;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .items-title
    .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post:last-child {
    margin-bottom: 0;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post:hover {
    background: #ffffff;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post
    .recent_img {
    width: 33%;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post
    .recent_img
    img {
    border-radius: 5px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post
    .post_title {
    width: 70%;
    padding: 15px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post
    .post_title
    a {
    font-weight: 300;
    line-height: 24px;
    color: #8d95a6;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post
    .post_title
    .post-date {
    margin-top: 20px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .recent_post_wrapper
    .single-post
    .post_title
    .post-date
    span {
    font-weight: 500;
    font-size: 14px;
    color: #0f2c70;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .items-title {
    margin-bottom: 30px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single {
    border-bottom: 1px solid #e9eaee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single
    .twitter-post {
    display: flex;
    padding: 0 20px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single
    .twitter-post
    .twitter-title {
    display: flex;
    position: relative;
    padding-right: 25%;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single
    .twitter-post
    .twitter-title
    i {
    font-size: 18px;
    color: #384a5e;
    line-height: 24px;
    margin-right: 10px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single
    .twitter-post
    .twitter-title
    p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single
    .twitter-post
    .twitter-title
    p
    a {
    color: #0f2c70;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .twitter_post_wrapper
    .twitter-single
    .twitter-post
    .twitter-title
    span {
    font-size: 12px;
    color: #8d95a6;
    position: absolute;
    right: 0;
    bottom: 0;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .popular_tags
    .items-title {
    margin-bottom: 30px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .popular_tags
    .tags-items
    ul
    li {
    display: inline-flex;
    padding-right: 3px;
    padding-bottom: 6px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .popular_tags
    .tags-items
    ul
    li
    a {
    padding: 12px 20px;
    background: #ffffff;
    transition: all 0.3s ease-in-out;
    color: #8d95a6;
    font-weight: 500;
    border-radius: 2px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .popular_tags
    .tags-items
    ul
    li
    a:hover {
    background: #0f2c70;
    color: #ffffff;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .archives
    .items-title {
    margin-bottom: 20px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .archives
    .archives-items {
    margin-left: 40px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .archives
    .archives-items
    ul
    li {
    padding-bottom: 15px;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .archives
    .archives-items
    ul
    li
    a {
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    position: relative;
    margin-right: 30px;
    color: #8d95a6;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .archives
    .archives-items
    ul
    li
    a:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\F105";
    left: -40px;
    bottom: -3px;
    font-weight: 600;
}
.safe-blog
    .blog_wrapper
    .blog_wrapper_right
    .blog-right-items
    .archives
    .archives-items
    ul
    li
    a:hover:before {
    color: #0f2c70;
}
.safe-blog .load_single_packege {
    background: none;
    box-shadow: none;
    text-align: center;
    margin-bottom: 0;
    margin-top: 70px;
}
.safe-blog .load_single_packege .load_more_btn {
    padding: 26px 70px;
    background: #0f2c70;
    color: #ffffff;
    font-weight: 600;
    line-height: 84px;
    margin: 0px auto;
}

/*=========== { 57. Blog Page post page} ===========*/
#blog-single {
    padding: 100px 0;
    background: url(/images/blog-single-bg.jpg?dab2b7c4b4d231595dc510bd4bb3301f) no-repeat 50% 50%;
    background-size: cover;
    z-index: 1;
    position: relative;
}
#blog-single:before {
    position: absolute;
    background: #0f2c70;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.4;
}

#blog-single-wrapper .blog_details_left .blog_details {
    margin-bottom: 50px;
}
#blog-single-wrapper .blog_details_left .blog_details:last-child {
    margin-bottom: 0;
}
#blog-single-wrapper .blog_details_left .blog_details .blog-img {
    border-radius: 5px;
    overflow: hidden;
}
#blog-single-wrapper .blog_details_left .blog_details .blog-img img {
    width: 100%;
}
#blog-single-wrapper .blog_details_left .blog_details .blog-hadding-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title {
    width: 60%;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title
    h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #384a5e;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title
    .author_info {
    padding: 15px 0 25px;
    line-height: 14px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title
    .author_info
    span {
    font-weight: 400;
    font-size: 14px;
    color: #8d95a6;
    margin-right: 50px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title
    .author_info
    span:last-child {
    margin-right: 0;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title
    .author_info
    span
    a {
    color: #8d95a6;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .blog-title
    .author_info
    span
    a:hover {
    color: #0f2c70;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire {
    width: 16%;
    display: flex;
    justify-content: end;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire
    a {
    font-weight: 500;
    font-size: 14px;
    color: #0f2c70;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire
    .social_options {
    display: flex;
    align-self: center;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire
    .social_options
    li {
    margin-right: 15px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire
    .social_options
    li
    a {
    font-size: 18px;
    color: #8d95a6;
    position: relative;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire
    .social_options
    li
    a
    i:before {
    margin: 0 5px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-hadding-wrapper
    .social_shire
    .social_options
    li
    a
    span {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 12px;
    font-weight: 400;
}
#blog-single-wrapper .blog_details_left .blog_details .blog-details-pera {
    border-bottom: 1px solid #dde0ec;
    padding-bottom: 50px;
}
#blog-single-wrapper .blog_details_left .blog_details .blog-details-pera p {
    font-weight: 300;
    margin-bottom: 25px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .blog-details-pera
    p:last-child {
    margin-bottom: 0;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .items-title {
    padding: 30px 0;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .items-title
    .title {
    font-size: 16px;
    font-weight: 500;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper {
    margin-bottom: 30px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .reply_comment_text {
    margin-left: 50px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper:last-child {
    margin-bottom: 0;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list {
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    padding: 24px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list:last-child {
    margin-bottom: 0;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .commnet_img {
    width: 100px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .commnet_img
    img {
    border-radius: 5px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .comment-text {
    padding: 0 15px 0 30px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .comment-text
    .author_info {
    line-height: 14px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .comment-text
    .author_info
    .author_name {
    font-size: 14px;
    font-weight: 500;
    color: #8d95a6;
    margin-right: 50px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .comment-text
    .author_info
    .date-connent {
    color: #8d95a6;
    font-weight: 400;
    font-size: 14px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .comment-text
    p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin: 19px 0 0;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .commnet-wrapper
    .comment-list-items
    .comment-list-wrapper
    .comment-list
    .reply-comment
    a {
    color: #8d95a6;
    font-size: 14px;
    margin-right: 15px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .items-title {
    padding: 70px 0 15px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .items-title
    .title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    label {
    color: #8d95a6;
    font-weight: 500;
    margin-left: 15px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    input,
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    textarea {
    background: #ffffff;
    color: #8d95a6;
    height: 58px;
    font-size: 16px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    border: none;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.05);
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    input:focus,
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    textarea:focus {
    outline: none;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    input::-moz-placeholder {
    color: #8d95a6;
    font-size: 14px;
    opacity: 1;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    button {
    background: #0f2c70;
    border: medium none;
    color: #ffffff;
    outline: medium none;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .form-group
    textarea {
    resize: none;
    height: 140px;
    font-size: 14px;
    color: #8d95a6;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .submit-btn {
    width: 100%;
    text-align: left;
    margin-top: 40px;
    margin-left: 15px;
}
#blog-single-wrapper
    .blog_details_left
    .blog_details
    .leave_comment_wrapper
    .contact_form
    form
    .submit-btn
    .button-l {
    background: #0f2c70;
    border: none;
    padding: 20px 40px;
    border-radius: 0px;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

/*=========== { 58. crool to top section css} ===========*/
#scroll-top .pos-rtive {
    position: relative;
}
#scroll-top h2 {
    display: none;
}
#scroll-top .to-top {
    display: none;
}
#scroll-top .to-top a {
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    border-radius: 50%;
    color: #0f2c70;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    position: fixed;
    text-align: center;
    top: 89%;
    transition: all 0.5s ease-in-out 0s;
    width: 60px;
    z-index: 999;
}
#scroll-top .to-top:hover {
    background: #ffff00 none repeat scroll 0 0;
    color: #283754;
}

.tours_grid .pb-50 {
    margin-bottom: 50px;
}
.tours_grid .pb-50:last-child {
    margin-bottom: 0;
}
.tours_grid .title-sec {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}
.tours_grid .booking-form-wrapper {
    background: #ffffff;
    padding: 40px;
    box-shadow: 0 0 80px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.tours_grid .booking-form-wrapper .form-group {
    margin-bottom: 0;
}
.tours_grid .booking-form-wrapper .form-group .form-items {
    display: inherit;
    justify-content: center;
    position: relative;
}
.tours_grid .booking-form-wrapper .form-group .form-items .form-single {
    position: relative;
    margin-bottom: 15px;
}
.tours_grid .booking-form-wrapper .form-group .form-items .down-icon {
    position: absolute;
    bottom: 22px;
    right: 28px;
    content: "";
    z-index: 99;
    font-size: 16px;
}
.tours_grid .booking-form-wrapper .form-group .form-items label {
    color: #384a5e;
    font-size: 16px;
    font-weight: 500;
}
.tours_grid .booking-form-wrapper .form-group .form-items input {
    -moz-user-select: none;
    background: #f5f6f7;
    border: none;
    color: #555555;
    height: 48px;
    padding: 16px 20px;
    position: relative;
    text-align: left;
    width: 100%;
    border-radius: 0;
}
.tours_grid .booking-form-wrapper .form-group .form-items input:focus {
    outline: none;
}
.tours_grid
    .booking-form-wrapper
    .form-group
    .form-items
    input::-webkit-input-placeholder {
    color: #555555;
}
.tours_grid
    .booking-form-wrapper
    .form-group
    .form-items
    input::-moz-input-placeholder {
    color: #555555;
}
.tours_grid
    .booking-form-wrapper
    .form-group
    .form-items
    input::-ms-input-placeholder {
    color: #555555;
}
.tours_grid .booking-form-wrapper .form-group .form-items select {
    height: 52px;
    border-radius: 0px;
    background: #f5f6f7;
    border: none;
    position: relative;
}
.tours_grid .booking-form-wrapper .form-group .form-items select option {
    background: #f5f6f7;
    padding: 5px 15px;
}
.tours_grid .booking-form-wrapper .form-group .form-items .search-btn button {
    background: #0f2c70;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    height: 52px;
    width: 56px;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
.tours_grid
    .booking-form-wrapper
    .form-group
    .form-items
    .search-btn
    button
    i:before {
    font-size: 30px;
    margin: 0;
    line-height: 53px;
}
.tours_grid
    .booking-form-wrapper
    .form-group
    .form-items
    .search-btn
    button:hover {
    background: #0f2c70;
    cursor: pointer;
}
.tours_grid .price-range {
    padding: 40px;
    background: #ffffff;
    border-radius: 5px;
}
.tours_grid .check-rating {
    padding: 40px;
    background: #ffffff;
    border-radius: 5px;
}
.tours_grid .check-rating .single-check .rating-wrapper {
    display: flex;
    justify-content: space-between;
    width: 86%;
}
.tours_grid .check-rating .single-check .rating-wrapper ul {
    display: flex;
    margin: 0 0 0 20px;
}
.tours_grid .check-rating .single-check .rating-wrapper ul li {
    margin-right: 10px;
    line-height: 20px;
}
.tours_grid .check-rating .single-check .rating-wrapper ul li i {
    color: #ffdd00;
    font-size: 14px;
}
.tours_grid .check-rating .single-check .rating-wrapper span {
    color: #8d95a6;
}
.tours_grid .check-box-wrapper {
    padding: 40px;
    background: #ffffff;
    border-radius: 5px;
}
.tours_grid .chackbox .categories-name {
    justify-content: space-between;
    display: flex;
    width: 80%;
}
.tours_grid .chackbox .categories-name span {
    color: #8d95a6;
}
.tours_grid .chackbox .single-check {
    margin-bottom: 10px;
}
.tours_grid .chackbox .single-check .switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 22px;
    margin-bottom: 0;
}
.tours_grid .chackbox .single-check .switch input {
    display: none;
}
.tours_grid .chackbox .single-check .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dfdfdf;
    transition: 0.4s;
}
.tours_grid .chackbox .single-check .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: #ffffff;
    transition: 0.4s;
}
.tours_grid .chackbox .single-check input:checked + .slider {
    background-color: #0f2c70;
}
.tours_grid .chackbox .single-check input:checked + .slider:before {
    transform: translateX(14px);
}
.tours_grid .chackbox .single-check input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}
.tours_grid .chackbox .single-check .slider.round {
    border-radius: 34px;
}
.tours_grid .chackbox .single-check .slider.round:before {
    border-radius: 50%;
}
.tours_grid .shorting_wrapper {
    background: #ffffff;
    padding: 25px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.tours_grid .shorting_wrapper p {
    margin: 0;
}
.tours_grid .shorting_wrapper .shorting {
    position: relative;
}
.tours_grid .shorting_wrapper .shorting i {
    position: absolute;
    right: 20px;
    top: 6px;
    color: #8d95a6;
}
.tours_grid .shorting_wrapper .shorting span {
    color: #8d95a6;
}
.tours_grid .shorting_wrapper .shorting select {
    cursor: pointer;
    width: 250px;
    border: 1px solid #8d95a6;
    border-radius: 5px;
    margin-left: 20px;
    height: 34px;
    color: #8d95a6;
    font-size: 14px;
}
.tours_grid .shorting_wrapper .shorting select option {
    padding: 0 15px;
}
.tours_grid .pagination {
    margin: 70px 0 0 0;
    justify-content: center;
}
.tours_grid .pagination li:first-child a {
    margin-right: 15px;
}
.tours_grid .pagination li:last-child a {
    margin-left: 15px;
}
.tours_grid .pagination li.active a {
    background: #0f2c70;
    color: #ffffff;
    border: none;
}
.tours_grid .pagination li a {
    color: #8d95a6;
    height: 35px;
    width: 35px;
    border: 1px solid #0f2c70;
    border-radius: 5px;
    text-align: center;
    margin: 0 5px;
    line-height: 18px;
}
.tours_grid .pagination li a:focus,
.tours_grid .pagination li a:hover {
    z-index: 2;
    color: #ffffff;
    background: #0f2c70;
    border-color: #ddd;
}

.search-pages-wrapper .title-wrapper h3 {
    padding-bottom: 15px;
}
.search-pages-wrapper .title-wrapper p {
    padding-bottom: 15px;
}
.search-pages-wrapper .title-wrapper .packages_details a {
    padding: 10px 28px;
}
#packages_grid_items
    .single-package-wrapper
    .load_single_packege
    .load_more_btn {
    padding: 20px 60px;
}
.blog_1 .load_single_packege .load_more_btn {
    padding: 20px 70px;
}
.tours_grid .shorting_wrapper .shorting select {
    padding-left: 10px;
}
.contact-wrapper .contact_form form .submit-btn input {
    background: #0f2c70;
    border: none;
    padding: 20px 70px;
    border-radius: 0px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 600;
}
.header .navbar .dropdown .dropdown-menu {
    background: #0f2c70;
    border: none;
}
.header .navbar .dropdown .dropdown-menu .dropdown-item:hover {
    color: #fff;
}
.dropdown-item {
    color: #fff;
}
.header .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu {
    border-left: 1px solid #346ef6;
}
.header .navbar .dropdown .dropdown-menu .dropdown:before,
.header .navbar .dropdown .dropdown-menu .dropdown:hover:before {
    color: #fff;
}
.header .navbar .navbar-nav .nav-item .nav-link.active,
.header .navbar .navbar-nav .nav-item .nav-link:hover,
#header-2 .navbar .navbar-nav .nav-item .nav-link.active,
#header-2 .navbar .navbar-nav .nav-item .nav-link:hover,
#header-03 .navbar .navbar-nav .nav-item .nav-link.active,
#header-03 .navbar .navbar-nav .nav-item .nav-link:hover,
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link.active,
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link:hover {
    color: #0f2c70;
}
.header .navbar .navbar-nav .nav-item .nav-link.active:before,
.header .navbar .navbar-nav .nav-item .nav-link:hover:before {
    background: #0f2c70;
}
.latest_blog #latest_blog_carousel .review_singel .blog-title .social_options {
    margin-top: 60px;
    float: right;
}
.features_place .owl-controls .owl-prev i:before,
.features_place .owl-controls .owl-next i:before {
    font-size: 22px;
}
.client_review .shape-1 {
    bottom: 300px;
}
.subscribe .subscribe-wrapper .subscribe-form form button {
    color: #384a5e;
}
.footer .copyright p {
    text-align: center;
}
#scroll-top .to-top a {
    right: 34px;
}
#header-2 .navbar .navbar-nav .nav-item .nav-link,
#header-03 .navbar .navbar-nav .nav-item .nav-link {
    font-weight: 400;
}
/* Updated Style*/
.header .navbar .navbar-nav .nav-item .nav-link.active,
.header .navbar .navbar-nav .nav-item .nav-link:hover,
#header-2 .navbar .navbar-nav .nav-item .nav-link.active,
#header-2 .navbar .navbar-nav .nav-item .nav-link:hover,
#header-03 .navbar .navbar-nav .nav-item .nav-link.active,
#header-03 .navbar .navbar-nav .nav-item .nav-link:hover,
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link.active,
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link:hover {
    color: #fff;
}
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link.active,
#header-04
    .nav-wrapper
    .navbar
    .container
    .navbar-nav
    .nav-item
    .nav-link:hover {
    color: #8d95a6;
}
.header .navbar .book-btn {
    background: #fff;
    color: #0f2c70;
}
.header .navbar .book-btn:hover {
    background: #0f2c70;
}
#place_location_05 #home_carousel-04 .place_singel .palce-details h3,
#place_location_05 #home_carousel-04 .place_singel .palce-details p {
    text-align: center;
}
/*		Desktop Layout: 1170px.
---------------------------------------------------------------- */
@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .header .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu {
        left: 0px;
        margin-left: -225px;
        width: 225px;
    }
    .navbar-brand {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    .navbar-expand-md .navbar-nav {
        margin: 0px auto;
    }
    .header .navbar {
        padding: 55px 0 0;
    }
    .booking-form .booking-form-wrapper {
        padding: 25px 25px 100px;
    }
    .header .navbar .book-btn {
        display: none;
    }
    .booking-form .booking-form-wrapper .form-group .form-items .search-btn {
        position: absolute;
        right: 6px;
        bottom: -70px;
    }
    .features_place .owl-controls .owl-prev,
    .features_place .owl-controls .owl-next {
        position: relative;
    }
    .features_place .owl-controls .owl-prev {
        margin-left: 0 !important;
    }

    .features_place .owl-controls .owl-next {
        margin-right: 0 !important;
    }
    .features_place .owl-controls .owl-prev,
    .features_place .owl-controls .owl-next {
        position: absolute;
    }
    .tafe_tour_trips-02 .sub-title {
        width: 100%;
    }
    #scroll-top .to-top a {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        top: 89%;
        width: 50px;
        right: 0;
    }
}

/*      Tablet Layout: 768px.    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu {
        left: 0px;
        margin-left: -225px;
        width: 225px;
    }
    .header {
        min-height: 300px;
    }
    .nav-wrapper {
    }
    .navbar-nav {
        margin: 0px auto;
    }
    .header .navbar {
        padding: 55px 0 0;
    }
    .navbar-brand {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    .header .navbar .navbar-nav .nav-item:first-child {
        margin-left: 0px;
    }
    .booking-form .booking-form-wrapper {
        padding: 25px 25px 100px;
    }
    .header .navbar .book-btn {
        display: none;
    }
    .booking-form .booking-form-wrapper .form-group .form-items .search-btn {
        position: absolute;
        right: 6px;
        bottom: -70px;
    }
    .logos .companis-logo-wapper .companis-logos {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer .footer-col-list .footer_single_col_1 {
        width: 100%;
        margin-bottom: 50px;
    }
    .footer .footer-col-list .footer_single_col_2 {
        width: 50%;
        margin-bottom: 50px;
    }
    .footer .footer-col-list .footer_single_col_3 {
        width: 50%;
    }

    .footer .footer-col-list .footer_single_col_4 {
        width: 50%;
    }
    .footer .footer-col-list {
        padding-left: 70px;
    }
    #scroll-top .to-top a {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        top: 89%;
        width: 50px;
        right: 0;
    }
    .features_place .owl-controls .owl-prev,
    .features_place .owl-controls .owl-next {
        position: relative;
    }
    .features_place .owl-controls .owl-prev {
        margin-left: 0 !important;
    }

    .features_place .owl-controls .owl-next {
        margin-right: 0 !important;
    }
    .features_place .owl-controls .owl-prev,
    .features_place .owl-controls .owl-next {
        position: absolute;
    }
    #booking-form-03 {
        margin-top: 0;
        margin-bottom: 0;
    }
    #booking-form-03 .booking-form-wrapper {
        width: 80%;
        float: none;
        margin: 0px auto;
    }
    .tafe_tour_trips-02 .sub-title {
        width: 100%;
    }
    .tafe_tour_trips-03 .tafe_tour_trips-03-wrapper {
        padding: 180px 0;
    }
    .tafe_tour_trips-03 .tafe_tour_trips-03-wrapper::before {
        height: 200px;
    }
    .packages_02
        .single-package-wrapper
        .singel-packages
        .packages-title
        .title-wrapper {
        padding: 25px;
    }
    .packages_03 {
        padding: 0;
    }
    #client_review-03 .owl-controls .owl-next {
        margin-right: -70px;
    }
    #header-04 .nav-wrapper .nav_top {
        display: none;
    }
    #header-04 .nav-wrapper .navbar .container {
        min-width: 0;
    }
    #header-04 .nav-wrapper .navbar .container .navbar-brand {
        margin: 15px 0;
    }
    #header-04 .nav-wrapper .navbar {
        padding-top: 50px;
        margin-top: 0px;
        background: #ffffff;
    }
    #Travel_offer_04 .tracel_offer_details p {
        color: #ffffff;
        font-size: 18px;
        width: 57%;
    }

    #header-05 .nav_top {
        display: none;
    }
    #header-05 .navbar-brand {
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }
    #header-05 .nav-wrapper .navbar .container {
        min-width: 0;
    }
    #header-05 .nav-wrapper .navbar .container .navbar-brand {
        margin: 15px 0;
    }
    #header-05 .nav-wrapper .navbar {
        padding-top: 50px;
        margin-top: 0px;
        background: #ffffff;
    }
    .header .intro-text h1 {
        font-size: 40px;
        line-height: 56px;
    }

    #header-05 {
        min-height: 894px;
    }
    #header-05 #booking-form-05 .booking-form-wrapper {
        width: 100%;
        padding: 30px 70px;
        float: right;
        box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.15);
        margin-top: 250px;
    }
    #header-05 .intro-text {
        margin-top: 300px;
        padding-left: 0px;
    }
    #place_location_05 .container {
        min-width: 0;
    }

    .packages_05 .single-package-wrapper .singel-packages .packages-title {
        padding: 30px;
    }
    #client_review_05 .container {
        min-width: 0;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details
        .book_right {
        padding: 15px;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details
        .book_right
        .packages_booking {
        left: 15px;
    }

    #packages_list_items
        .single-package-wrapper
        .load_single_packege
        .load_more_btn {
        padding: 0px 60px;
        line-height: 84px;
        border-radius: 5px;
        margin: 0px auto;
    }
    .safe-blog .blog_wrapper .blog_wrapper_right .blog-right-items {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 100px;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_left
        .blog_single_items
        .blog_singel_item {
        margin-right: 15px;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_right
        .blog-right-items
        .recent_post_wrapper
        .single-post
        .recent_img {
        width: 12%;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_right
        .blog-right-items
        .recent_post_wrapper
        .single-post {
        margin-right: 15px;
    }
}

/*		Mobile Layout: 320px.
---------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
    /*	---------	Index 1- ---------------- */
    .rpb {
        margin-bottom: 30px;
    }
    .rpb:last-child {
        margin-bottom: 0px;
    }
    .header {
        min-height: 300px;
    }
    .header .navbar {
        padding: 20px 15px;
        background: #323232;
        position: relative;
    }
    .header .navbar .memu-icon {
        color: #fff;
    }
    .header .navbar .dropdown .dropdown-menu {
        padding: 0;
    }
    .header .navbar .navbar-nav .nav-item {
        margin-left: 0px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        padding: 8px 0;
    }
    .header .navbar .navbar-nav .nav-item .nav-link.active::before {
        bottom: 0;
    }
    .header .navbar .navbar-nav .nav-item .nav-link::before {
        bottom: 0;
    }
    .navbar-toggler {
        padding: 0;
    }
    .navbar-brand {
        position: absolute;
        top: 0;
        left: 0;
    }
    .navbar-brand img {
        width: 120px;
        padding: 9px;
    }
    .book-btn {
        display: none;
    }
    .sub-title h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .booking-form {
        margin-top: 0px;
    }
    .booking-form .booking-form-wrapper {
        padding: 30px 15px;
    }
    .booking-form .booking-form-wrapper .form-group .form-items .form-single {
        width: 100%;
        margin-bottom: 15px;
    }
    .booking-form .booking-form-wrapper .form-group .form-items {
        display: inline;
    }
    .booking-form .booking-form-wrapper .form-group .form-items .search-btn {
        position: relative;
        text-align: center;
        right: 0px;
    }
    .tafe_tour_trips .single-row-items {
        margin-bottom: 30px;
        margin-left: -15px;
    }
    .tafe_tour_trips .single-row-items .singel-trips h3 {
        line-height: 36px;
        margin: 15px 0;
    }
    .tafe_tour_trips .single-row-items .singel-trips {
        padding: 15px;
    }
    .client_review .gust_review_content {
        width: 100%;
        padding: 0px 15px;
    }
    .client_review .owl-controls {
        position: relative;
        top: 5%;
        transform: rotate(0deg);
    }
    .latest_blog .sub-title {
        width: 100%;
        margin-bottom: 40px;
    }
    .latest_blog #latest_blog_carousel .review_singel {
        display: inline;
        margin: 50px 15px;
    }
    .latest_blog #latest_blog_carousel .review_singel .blog-title {
        padding: 25px;
        margin: 10px;
    }
    .latest_blog
        #latest_blog_carousel
        .review_singel
        .blog-title
        .social_options {
        margin-top: -25px;
    }
    .latest_blog #latest_blog_carousel .review_singel .blog-img {
        text-align: center;
    }
    .latest_blog #latest_blog_carousel .review_singel .blog-img img {
        width: 94% !important;
    }
    .features_place {
        padding: 100px 0 0;
    }
    .features_place .owl-controls .owl-prev,
    .features_place .owl-controls .owl-next {
        position: relative;
    }
    .features_place .owl-controls .owl-prev {
        margin-left: 0 !important;
    }

    .features_place .owl-controls .owl-next {
        margin-right: 0 !important;
    }
    .features_place .owl-controls .owl-prev,
    .features_place .owl-controls .owl-next {
        position: absolute;
    }
    .logos .companis-logo-wapper h2 {
        display: none;
    }
    .logos .companis-logo-wapper .companis-logos {
        display: inline;
    }
    .logos .companis-logo-wapper .companis-logos li {
        height: 0px;
        width: 0px;
    }
    .logos .companis-logo-wapper .companis-logos li {
        margin: 0px auto;
        width: 100%;
    }
    .subscribe {
        padding: 0 0 100px;
    }
    .subscribe .subscribe-wrapper {
        padding: 50px 15px;
    }

    .subscribe .subscribe-wrapper .form-group {
        text-align: center;
    }
    .subscribe-wrapper .sub-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .subscribe .subscribe-wrapper .subscribe-form form input {
        height: 50px;
        color: #384a5e;
        padding: 0 15px;
        font-size: 16px;
    }
    .subscribe .subscribe-wrapper .subscribe-form form button {
        position: relative;
        right: 0px;
        top: 20px;
        width: 154px;
        height: 50px;
    }

    .footer{
        text-align: center;
    }

    .footer .footer-col-list .footer_single_col_1 .subscribe-social {
        margin-top: 30px;
    }
    .footer .footer-col-list .footer_single_col_1 p {
        margin: 0;
    }
    .footer .footer-col-list .footer_single_col_1 {
        width: 100%;
    }
    .footer .footer-col-list .footer_single_col_2 {
        width: 50%;
    }
    .footer .footer-col-list .footer_single_col_3 {
        width: 50%;
    }

    .footer .footer-col-list .footer_single_col_4 {
        width: 100%;
    }
    .footer .footer-single-col {
        margin-bottom: 50px;
    }
    .footer .copyright p {
        margin-top: 0;
    }
    #scroll-top .to-top a {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        top: 89%;
        width: 30px;
        right: 0;
    }
    .mean-container .mean-push {
        float: none;
    }
    #header-05 #booking-form-05 .booking-form-wrapper {
        width: 100%;
        padding: 30px 15px;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    /*	---------	Index 2 ---------------- */
    #header-2 .navbar {
        position: relative;
    }
    .tafe_tour_trips-02 .sub-title {
        width: 100%;
        margin-bottom: 40px;
    }
    .tafe_tour_trips-02 .single-row-items .singel-trips {
        padding: 15px;
    }
    .tafe_tour_trips-02::before {
        width: 100%;
    }
    .tafe_tour_trips-02::after {
        width: 100%;
    }
    #client_review-02 {
        margin-top: 100px;
        padding: 100px 0 150px;
    }
    #client_review-02 .container {
        min-width: 0px !important;
    }
    #client_review-02 .container #reviews_carousel-02 {
        margin-left: 0%;
    }
    #client_review-02 .container #reviews_carousel-02 .review_singel {
        background: #ffffff;
        margin: 0;
        padding: 15px;
    }
    #client_review-02
        .container
        #reviews_carousel-02
        .review_singel
        .images-box
        ul {
        display: inline !important;
        text-align: center;
    }
    #client_review-02
        .container
        #reviews_carousel-02
        .review_singel
        .images-box
        ul
        li:first-child {
        margin-right: 0px;
        height: auto;
        width: auto;
        text-align: center;
    }
    #client_review-02
        .container
        #reviews_carousel-02
        .review_singel
        .images-box
        ul
        li:first-child
        img {
        height: auto;
        width: 110px;
        border-radius: 100%;
    }
    #client_review-02 .container .owl-controls {
        position: relative;
    }
    #client_review-02 .container .owl-controls .owl-prev {
        margin-left: 0px;
    }
    #client_review-02 .container .owl-controls .owl-next {
        margin-right: 0px;
    }
    #logos-02 {
        padding: 0px 0 200px;
    }
    #subscribe-02 {
        padding: 15px;
        box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.4);
    }
    #subscribe-02 .subscribe-wrapper {
        padding: 40px;
        display: inline;
    }
    #subscribe-02 .subscribe-wrapper .sub-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    #subscribe-02 .subscribe-wrapper .subscribe-form form button {
        right: 0px;
        top: 20px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    #subscribe-02 .subscribe-wrapper .sub-title {
        width: 100%;
    }

    /*	---------	Index 3 ---------------- */
    #header-03 .navbar {
        position: relative;
    }
    #booking-form-03 {
        margin-top: 0;
        margin-bottom: 0;
    }
    #booking-form-03 .booking-form-wrapper {
        width: 100%;
        padding: 15px;
    }
    #booking-form-03 .booking-form-wrapper form .form-group .search-btn {
        position: relative;
        margin-right: 0px;
    }
    #booking-form-03
        .booking-form-wrapper
        form
        .form-group
        .form-items
        .form-single {
        width: 100%;
    }
    .tafe_tour_trips-03 .single-row-items .singel-trips .trips-details h3 {
        line-height: 40px;
    }
    .tafe_tour_trips-03 .tafe_tour_trips-03-wrapper {
        padding: 150px 0;
    }
    .tafe_tour_trips-03 .tafe_tour_trips-03-wrapper::before {
        background: none;
    }
    .tafe_tour_trips-02 .single-row-items .singel-trips {
        padding: 0px;
    }
    .tafe_tour_trips-03 .single-row-items .singel-trips .numbar-count-wrapper {
        width: 8%;
    }
    .tafe_tour_trips-02 .single-row-items .singel-trips .list-numbar-count {
        height: 48px;
        width: 48px;
        line-height: 48px;
    }
    .latest_blog-03 {
        padding: 100px 0;
    }
    #latest_blog-03 .sub-title {
        margin-left: 0px;
    }
    #latest_blog-03 .owl-item {
        padding: 0 0px;
    }
    #latest_blog-03 .review_singel-wrapper .review_singel .blog-title {
        padding: 15px;
    }
    #logos-03 {
        padding: 0px 0 150px;
    }
    #client_review-03 .container #reviews_carousel-03 .review_singel {
        margin: 40px 0;
        padding: 40px 0;
    }
    #client_review-03
        .container
        #reviews_carousel-03
        .review_singel
        .content-box {
        padding: 25px 15px;
    }
    #client_review-03 .owl-controls {
        position: relative;
    }
    #client_review-03 .owl-controls .owl-next {
        margin-right: 0;
        height: 60px;
        width: 60px;
        line-height: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
    #subscribe-03 {
        padding: 100px 0 0;
    }
    #subscribe-03 .subscribe-wrapper .sub-title {
        width: 100%;
    }
    #subscribe-03 .subscribe-wrapper {
        padding: 0px;
        display: inline;
    }
    #subscribe-03 .subscribe-wrapper .sub-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    #subscribe-03 .subscribe-wrapper input {
        padding: 0 15px;
    }
    #subscribe-03 .subscribe-wrapper button {
        right: 0px;
        top: 18px;
        height: 48px;
        line-height: 48px;
    }

    /*	---------	Index 4 ---------------- */
    #header-04 .nav-wrapper {
        position: relative;
        z-index: 999999;
        top: 0;
        width: 100%;
        overflow: hidden;
    }
    #header-04 .nav-wrapper .nav_top {
        display: none;
    }
    #header-04 .nav-wrapper .navbar {
        padding: 0;
        margin-top: 0px;
    }
    #header-04 .nav-wrapper .navbar .container {
        min-width: 1240px;
        padding: 15px;
        background: #323232;
        border-radius: 5px;
    }
    #header-04 .nav-wrapper .navbar .container .navbar-brand {
        margin: 0px 0;
        width: 80%;
    }
    #header-04 .nav-wrapper .navbar .container .safeture_nav {
        padding: 0px 15px;
    }
    #header-04 .nav-wrapper .navbar .book-btn {
        display: none;
    }
    #header-04
        .nav-wrapper
        .navbar
        .container
        .navbar-nav
        .nav-item
        .nav-link.active,
    #header-04
        .nav-wrapper
        .navbar
        .container
        .navbar-nav
        .nav-item
        .nav-link:hover {
        color: #ffffff;
    }
    #header-04 .nav-wrapper .navbar .container .navbar-nav .nav-item .nav-link {
        color: #ffffff;
        padding: 8px 0;
    }
    #header-04 .navbar-light .navbar-brand {
        width: 94%;
        text-align: left;
    }
    #header-04 .nav-wrapper .navbar .container {
        min-width: 0;
    }
    #header-04
        .nav-wrapper
        .navbar
        .container
        .safeture_nav
        .navbar-nav
        .nav-item
        .nav-link {
        padding: 0px 0;
    }
    #booking-form-04 {
        padding-bottom: 150px;
        margin-top: 100px;
    }
    #place_location_04 .sub-title {
        width: 100%;
    }
    #place_location_04 .container {
        min-width: 0;
    }
    #place_location_04 #home_carousel-04 .place_singel {
        margin: 50px 0px;
        padding: 60px 15px;
    }
    #place_location_04 #home_carousel-04 .place_singel {
        padding: 40px 15px;
    }
    #place_location_04 #home_carousel-04 .owl-item.active {
        transform: scale(1);
    }
    #place_location_04 #home_carousel-04 .owl-controls {
        margin-top: 20px;
    }
    #Travel_offer_04 {
        margin-top: 160%;
        background: url(/images/offer-bg-04.jpg?e42930060d40b4b25af747056ff83816) no-repeat 50% 50%;
        background-size: cover;
        position: relative;
        padding: 150px 0 120px;
    }
    #Travel_offer_04 .tracel_offer_details h2 {
        font-size: 30px;
    }
    #Travel_offer_04 .tracel_offer_details p {
        width: 100%;
    }
    .packages_04 .single-package-wrapper .singel-packages .packages-title {
        padding: 15px;
        display: inherit;
        justify-content: left;
    }
    .packages_04
        .single-package-wrapper
        .singel-packages
        .packages-title
        .booking-btn {
        padding: 10px 15px;
    }
    .video-description .video_wrapper {
        min-height: 450px;
    }
    #latest_blog-03 {
        padding: 0px 0;
    }
    #join_now_04 .join_now_wrapper {
        display: inherit;
    }
    #join_now_04 .join_now_wrapper h2 {
        width: 100%;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    /*	---------	Index 5 ---------------- */
    #header-05 {
        position: relative;
    }
    #header-05 .nav_top {
        display: none;
    }
    #header-05 .navbar {
        padding: 15px;
        margin-top: 0px;
    }

    #header-05 .intro-text {
        margin-top: 100px;
        padding-left: 0px;
    }
    .header .intro-text h1 {
        font-size: 40px;
        color: #ffffff;
        font-weight: 700;
        line-height: 55px;
    }
    #header-05 #booking-form-05 .booking-form-wrapper {
        width: 100%;
        padding: 30px 15px;
        margin-top: 100px;
    }
    #header-05
        #booking-form-05
        .booking-form-wrapper
        .form-group
        .form-items
        .form-single {
        width: 100%;
    }
    #header-05 #booking-form-05 .booking-form-wrapper .form-group .search-btn {
        position: relative;
        margin-right: 0px;
    }
    #place_location_05 .container {
        min-width: 0px;
    }
    #place_location_05 #home_carousel-04 .place_singel {
        margin: 50px 0px;
        padding: 30px 15px;
    }
    #Travel_offer_05 .tracel_offer_details {
        width: 100%;
    }

    .packages_05 .single-package-wrapper .singel-packages {
        background: #ffffff;
        display: inherit;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }
    .packages_05 .single-package-wrapper .singel-packages .img-wrapper {
        width: 100%;
    }
    #client_review_05 .container {
        min-width: 0;
    }
    #client_review_05 #reviews_carousel_05 .review_singel .images-box ul {
        display: inline;
    }
    #client_review_05 #reviews_carousel_05 .review_singel {
        margin: 40px 15px;
        padding: 15px;
    }

    /*--------- .inner-pages ----------------*/

    .inner-pages .intro-text {
        margin-top: 0px;
    }
    .inner-pages .intro-text .title {
        font-size: 35px;
        margin-bottom: 15px;
        line-height: 46px;
    }
    .blog_1 .review_singel {
        box-shadow: 0 0 50px 8px rgba(63, 119, 250, 0.15);
        display: inline;
    }
    .blog_1 .review_singel .blog-title .social_options {
        margin-top: -20px;
    }
    .blog_1 .review_singel .blog-title {
        box-shadow: 0 0 50px 8px rgba(63, 119, 250, 0.15);
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_left
        .blog_single_items
        .blog_singel_item {
        display: inline;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_left
        .blog_single_items
        .blog_singel_item
        .blog-img {
        width: 95%;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_left
        .blog_single_items
        .blog_singel_item
        .blog-title {
        padding: 25px 15px;
        width: 95%;
        margin-bottom: 30px;
        box-shadow: 0 0 50px 8px rgba(63, 119, 250, 0.15);
    }
    .safe-blog .blog_wrapper .blog_wrapper_right .blog-right-items {
        width: 100%;
        margin-left: 0;
        padding: 15px;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_right
        .blog-right-items
        .recent_post_wrapper
        .single-post
        .recent_img {
        width: 25%;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_right
        .blog-right-items
        .recent_post_wrapper
        .single-post
        .post_title {
        width: 75%;
    }
    .safe-blog
        .blog_wrapper
        .blog_wrapper_right
        .blog-right-items
        .recent_post_wrapper
        .single-post
        .post_title
        .post-date {
        margin-top: 10px;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .blog-hadding-wrapper {
        display: inline;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .blog-hadding-wrapper
        .blog-title {
        width: 100%;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .blog-hadding-wrapper
        .social_shire {
        width: 100%;
        margin-bottom: 30px;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list-wrapper
        .comment-list {
        position: relative;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list-wrapper
        .comment-list
        .comment-text {
        padding: 0;
    }
    .blog_details .commnet-wrapper .comment-list-items .reply-comment {
        text-align: right;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list {
        margin-bottom: 15px;
        background: #ffffff;
        padding: 24px 20px 40px;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list-wrapper
        .comment-list {
        padding: 24px 20px 50px;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list-wrapper
        .comment-list
        .comment-text
        .author_info
        .author_name {
        margin-right: 15px;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list-wrapper
        .comment-list
        .commnet_img {
        width: 60px;
        margin-right: 15px;
    }
    #blog-single-wrapper
        .blog_details_left
        .blog_details
        .commnet-wrapper
        .comment-list-items
        .comment-list-wrapper
        .reply_comment_text {
        margin-left: 15px;
    }
    .blog_details .commnet-wrapper .comment-list-items .reply-comment {
        text-align: right;
        position: absolute;
        bottom: 15px;
        right: 0;
    }
    .leave_comment_wrapper {
        margin-bottom: 100px;
    }
    .tours_grid .booking-form-wrapper {
        padding: 15px;
    }
    .tours_grid .price-range {
        padding: 40px 15px;
    }
    .tours_grid .check-rating {
        padding: 40px 15px;
    }
    .tours_grid .check-box-wrapper {
        padding: 40px 15px;
    }
    .tours_grid .shorting_wrapper {
        display: inline;
    }
    .tours_grid .shorting_wrapper p {
        padding-bottom: 15px;
    }
    .tours_grid .shorting_wrapper .shorting span {
        font-size: 14px;
    }
    .tours_grid .shorting_wrapper .shorting select {
        width: 215px;
    }
    .contact-wrapper .google_map {
        padding-left: 0;
    }
    #packages_list_items .single-package-wrapper .singel-packages .img-wrapper {
        width: 100%;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .img-wrapper
        img {
        transform: scale(1);
    }
    #packages_list_items .single-package-wrapper .singel-packages .img-wrapper {
        margin-right: 0;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details
        .title-wrapper
        h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    #packages_list_items .single-package-wrapper .singel-packages {
        display: inline;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details {
        width: 100%;
        display: inline;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details
        .title-wrapper {
        width: 100%;
        padding: 40px 15px;
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details
        .book_right {
        padding: 0px 15px 40px;
        width: 100%;
        margin-bottom: 30px;
        box-shadow: 0 20px 30px 0px rgba(63, 119, 250, 0.15);
    }
    #packages_list_items
        .single-package-wrapper
        .singel-packages
        .packages_details
        .book_right
        .packages_booking {
        position: static;
    }
    #packages_list_items {
        background: #f3f4f6;
        padding: 100px 0;
    }
    #packages_list_items .single-package-wrapper {
        text-align: center;
        margin-top: 40px;
    }
    .packages-single .single_package_left .packages-single-title {
        display: inline;
    }

    .packages-single .single_package_left .packages-single-title .booking-btn {
        padding: 10px 15px;
    }

    .packages-single-img {
        margin-top: 50px;
    }
    .packages-single
        .single_package_left
        .packages-single-tabs
        .nav-tabs
        .nav-item
        .nav-link {
        padding: 0 0 7px;
        font-size: 16px;
    }
    .packages-single
        .single_package_left
        .packages-single-tabs
        .nav-tabs
        .nav-item {
        margin-right: 36px;
    }
    .packages-single
        .single_package_left
        .packages-single-tabs
        .nav-tabs
        .nav-item
        .nav-link::after {
        bottom: 6px;
    }
    .packages-single .single_package_left .room_facility {
        padding: 15px;
    }
    .packages-single
        .single_package_left
        .room_facility
        .facility_wrapper
        .facilitys_items {
        display: inline;
        margin-left: 70px;
    }
    .packages-single
        .single_package_left
        .room_facility
        .facility_wrapper
        .facilitys_items
        ul {
        margin-right: 0;
        margin-top: 0;
        margin-left: 60px;
    }
}

/*		Wide Mobile Layout: 480px.
------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .subscribe-social {
        display: flex;
        justify-content: center;
    }

    .footer .footer-col-list .footer_single_col_4 {
        width: 50%;
    }

    #Travel_offer_04 {
        margin-top: 380px;
    }
    .packages-single {
        background: #f3f4f6;
        padding: 100px 0 0;
    }
    .packages-single .single_package_left .packages-single-title {
        display: flex;
    }
    .packages-single .single_package_left .packages-single-title .booking-btn {
        padding: 0;
    }
    .packages-single-img {
        margin-top: 0px;
    }
    .rev_slider_wrapper .tp-leftarrow,
    .rev_slider_wrapper .tp-rightarrow {
        height: 50px;
        width: 50px;
    }
    .rev_slider_wrapper .tp-leftarrow::before,
    .rev_slider_wrapper .tp-rightarrow::before {
        height: 23px;
        width: 15px;
        margin-top: 13px;
    }
}






@media only screen and (max-width: 480px) {
    .subscribe-social {
        display: flex;
        justify-content: center;
    }

    .footer{
        text-align: center;
    }

    .footer .footer-col-list .footer_single_col_1 {
        width: 100%;
        margin-bottom: 50px;
    }
    .footer .footer-col-list .footer_single_col_2 {
        width: 100%;
        margin-bottom: 50px;
    }
    .footer .footer-col-list .footer_single_col_3 {
        width: 100%;
    }

    .footer .footer-col-list .footer_single_col_4 {
        width: 100%;
        padding-right: 0;
    }

    
}.slick-track[data-v-e4caeaf8]{position:relative;top:0;left:0;display:block;transform:translateZ(0)}.slick-track.slick-center[data-v-e4caeaf8]{margin-left:auto;margin-right:auto}.slick-track[data-v-e4caeaf8]:after,.slick-track[data-v-e4caeaf8]:before{display:table;content:""}.slick-track[data-v-e4caeaf8]:after{clear:both}.slick-loading .slick-track[data-v-e4caeaf8]{visibility:hidden}.slick-slide[data-v-e4caeaf8]{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide[data-v-e4caeaf8]{float:right}.slick-slide img[data-v-e4caeaf8]{display:block}.slick-slide.slick-loading img[data-v-e4caeaf8]{display:none}.slick-slide.dragging img[data-v-e4caeaf8]{pointer-events:none}.slick-initialized .slick-slide[data-v-e4caeaf8]{display:block}.slick-loading .slick-slide[data-v-e4caeaf8]{visibility:hidden}.slick-vertical .slick-slide[data-v-e4caeaf8]{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden[data-v-21137603]{display:none}.slick-slider[data-v-3d1a4f76]{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list[data-v-3d1a4f76]{position:relative;display:block;overflow:hidden;margin:0;padding:0;transform:translateZ(0)}.slick-list[data-v-3d1a4f76]:focus{outline:none}.slick-list.dragging[data-v-3d1a4f76]{cursor:pointer;cursor:hand}@charset 'UTF-8';
/* Icons */
@font-face {
  font-family: 'slick';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA)
    format('woff');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '\2190';
}
[dir='rtl'] .slick-prev:before {
  content: '\2192';
}

.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '\2192';
}
[dir='rtl'] .slick-next:before {
  content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '\2022';
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.viewer-container::-moz-selection, .viewer-container *::-moz-selection {
    background-color: transparent;
  }

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-500px:before {
  content: "\F26E";
}

.fa-accessible-icon:before {
  content: "\F368";
}

.fa-accusoft:before {
  content: "\F369";
}

.fa-acquisitions-incorporated:before {
  content: "\F6AF";
}

.fa-ad:before {
  content: "\F641";
}

.fa-address-book:before {
  content: "\F2B9";
}

.fa-address-card:before {
  content: "\F2BB";
}

.fa-adjust:before {
  content: "\F042";
}

.fa-adn:before {
  content: "\F170";
}

.fa-adversal:before {
  content: "\F36A";
}

.fa-affiliatetheme:before {
  content: "\F36B";
}

.fa-air-freshener:before {
  content: "\F5D0";
}

.fa-airbnb:before {
  content: "\F834";
}

.fa-algolia:before {
  content: "\F36C";
}

.fa-align-center:before {
  content: "\F037";
}

.fa-align-justify:before {
  content: "\F039";
}

.fa-align-left:before {
  content: "\F036";
}

.fa-align-right:before {
  content: "\F038";
}

.fa-alipay:before {
  content: "\F642";
}

.fa-allergies:before {
  content: "\F461";
}

.fa-amazon:before {
  content: "\F270";
}

.fa-amazon-pay:before {
  content: "\F42C";
}

.fa-ambulance:before {
  content: "\F0F9";
}

.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}

.fa-amilia:before {
  content: "\F36D";
}

.fa-anchor:before {
  content: "\F13D";
}

.fa-android:before {
  content: "\F17B";
}

.fa-angellist:before {
  content: "\F209";
}

.fa-angle-double-down:before {
  content: "\F103";
}

.fa-angle-double-left:before {
  content: "\F100";
}

.fa-angle-double-right:before {
  content: "\F101";
}

.fa-angle-double-up:before {
  content: "\F102";
}

.fa-angle-down:before {
  content: "\F107";
}

.fa-angle-left:before {
  content: "\F104";
}

.fa-angle-right:before {
  content: "\F105";
}

.fa-angle-up:before {
  content: "\F106";
}

.fa-angry:before {
  content: "\F556";
}

.fa-angrycreative:before {
  content: "\F36E";
}

.fa-angular:before {
  content: "\F420";
}

.fa-ankh:before {
  content: "\F644";
}

.fa-app-store:before {
  content: "\F36F";
}

.fa-app-store-ios:before {
  content: "\F370";
}

.fa-apper:before {
  content: "\F371";
}

.fa-apple:before {
  content: "\F179";
}

.fa-apple-alt:before {
  content: "\F5D1";
}

.fa-apple-pay:before {
  content: "\F415";
}

.fa-archive:before {
  content: "\F187";
}

.fa-archway:before {
  content: "\F557";
}

.fa-arrow-alt-circle-down:before {
  content: "\F358";
}

.fa-arrow-alt-circle-left:before {
  content: "\F359";
}

.fa-arrow-alt-circle-right:before {
  content: "\F35A";
}

.fa-arrow-alt-circle-up:before {
  content: "\F35B";
}

.fa-arrow-circle-down:before {
  content: "\F0AB";
}

.fa-arrow-circle-left:before {
  content: "\F0A8";
}

.fa-arrow-circle-right:before {
  content: "\F0A9";
}

.fa-arrow-circle-up:before {
  content: "\F0AA";
}

.fa-arrow-down:before {
  content: "\F063";
}

.fa-arrow-left:before {
  content: "\F060";
}

.fa-arrow-right:before {
  content: "\F061";
}

.fa-arrow-up:before {
  content: "\F062";
}

.fa-arrows-alt:before {
  content: "\F0B2";
}

.fa-arrows-alt-h:before {
  content: "\F337";
}

.fa-arrows-alt-v:before {
  content: "\F338";
}

.fa-artstation:before {
  content: "\F77A";
}

.fa-assistive-listening-systems:before {
  content: "\F2A2";
}

.fa-asterisk:before {
  content: "\F069";
}

.fa-asymmetrik:before {
  content: "\F372";
}

.fa-at:before {
  content: "\F1FA";
}

.fa-atlas:before {
  content: "\F558";
}

.fa-atlassian:before {
  content: "\F77B";
}

.fa-atom:before {
  content: "\F5D2";
}

.fa-audible:before {
  content: "\F373";
}

.fa-audio-description:before {
  content: "\F29E";
}

.fa-autoprefixer:before {
  content: "\F41C";
}

.fa-avianex:before {
  content: "\F374";
}

.fa-aviato:before {
  content: "\F421";
}

.fa-award:before {
  content: "\F559";
}

.fa-aws:before {
  content: "\F375";
}

.fa-baby:before {
  content: "\F77C";
}

.fa-baby-carriage:before {
  content: "\F77D";
}

.fa-backspace:before {
  content: "\F55A";
}

.fa-backward:before {
  content: "\F04A";
}

.fa-bacon:before {
  content: "\F7E5";
}

.fa-bacteria:before {
  content: "\E059";
}

.fa-bacterium:before {
  content: "\E05A";
}

.fa-bahai:before {
  content: "\F666";
}

.fa-balance-scale:before {
  content: "\F24E";
}

.fa-balance-scale-left:before {
  content: "\F515";
}

.fa-balance-scale-right:before {
  content: "\F516";
}

.fa-ban:before {
  content: "\F05E";
}

.fa-band-aid:before {
  content: "\F462";
}

.fa-bandcamp:before {
  content: "\F2D5";
}

.fa-barcode:before {
  content: "\F02A";
}

.fa-bars:before {
  content: "\F0C9";
}

.fa-baseball-ball:before {
  content: "\F433";
}

.fa-basketball-ball:before {
  content: "\F434";
}

.fa-bath:before {
  content: "\F2CD";
}

.fa-battery-empty:before {
  content: "\F244";
}

.fa-battery-full:before {
  content: "\F240";
}

.fa-battery-half:before {
  content: "\F242";
}

.fa-battery-quarter:before {
  content: "\F243";
}

.fa-battery-three-quarters:before {
  content: "\F241";
}

.fa-battle-net:before {
  content: "\F835";
}

.fa-bed:before {
  content: "\F236";
}

.fa-beer:before {
  content: "\F0FC";
}

.fa-behance:before {
  content: "\F1B4";
}

.fa-behance-square:before {
  content: "\F1B5";
}

.fa-bell:before {
  content: "\F0F3";
}

.fa-bell-slash:before {
  content: "\F1F6";
}

.fa-bezier-curve:before {
  content: "\F55B";
}

.fa-bible:before {
  content: "\F647";
}

.fa-bicycle:before {
  content: "\F206";
}

.fa-biking:before {
  content: "\F84A";
}

.fa-bimobject:before {
  content: "\F378";
}

.fa-binoculars:before {
  content: "\F1E5";
}

.fa-biohazard:before {
  content: "\F780";
}

.fa-birthday-cake:before {
  content: "\F1FD";
}

.fa-bitbucket:before {
  content: "\F171";
}

.fa-bitcoin:before {
  content: "\F379";
}

.fa-bity:before {
  content: "\F37A";
}

.fa-black-tie:before {
  content: "\F27E";
}

.fa-blackberry:before {
  content: "\F37B";
}

.fa-blender:before {
  content: "\F517";
}

.fa-blender-phone:before {
  content: "\F6B6";
}

.fa-blind:before {
  content: "\F29D";
}

.fa-blog:before {
  content: "\F781";
}

.fa-blogger:before {
  content: "\F37C";
}

.fa-blogger-b:before {
  content: "\F37D";
}

.fa-bluetooth:before {
  content: "\F293";
}

.fa-bluetooth-b:before {
  content: "\F294";
}

.fa-bold:before {
  content: "\F032";
}

.fa-bolt:before {
  content: "\F0E7";
}

.fa-bomb:before {
  content: "\F1E2";
}

.fa-bone:before {
  content: "\F5D7";
}

.fa-bong:before {
  content: "\F55C";
}

.fa-book:before {
  content: "\F02D";
}

.fa-book-dead:before {
  content: "\F6B7";
}

.fa-book-medical:before {
  content: "\F7E6";
}

.fa-book-open:before {
  content: "\F518";
}

.fa-book-reader:before {
  content: "\F5DA";
}

.fa-bookmark:before {
  content: "\F02E";
}

.fa-bootstrap:before {
  content: "\F836";
}

.fa-border-all:before {
  content: "\F84C";
}

.fa-border-none:before {
  content: "\F850";
}

.fa-border-style:before {
  content: "\F853";
}

.fa-bowling-ball:before {
  content: "\F436";
}

.fa-box:before {
  content: "\F466";
}

.fa-box-open:before {
  content: "\F49E";
}

.fa-box-tissue:before {
  content: "\E05B";
}

.fa-boxes:before {
  content: "\F468";
}

.fa-braille:before {
  content: "\F2A1";
}

.fa-brain:before {
  content: "\F5DC";
}

.fa-bread-slice:before {
  content: "\F7EC";
}

.fa-briefcase:before {
  content: "\F0B1";
}

.fa-briefcase-medical:before {
  content: "\F469";
}

.fa-broadcast-tower:before {
  content: "\F519";
}

.fa-broom:before {
  content: "\F51A";
}

.fa-brush:before {
  content: "\F55D";
}

.fa-btc:before {
  content: "\F15A";
}

.fa-buffer:before {
  content: "\F837";
}

.fa-bug:before {
  content: "\F188";
}

.fa-building:before {
  content: "\F1AD";
}

.fa-bullhorn:before {
  content: "\F0A1";
}

.fa-bullseye:before {
  content: "\F140";
}

.fa-burn:before {
  content: "\F46A";
}

.fa-buromobelexperte:before {
  content: "\F37F";
}

.fa-bus:before {
  content: "\F207";
}

.fa-bus-alt:before {
  content: "\F55E";
}

.fa-business-time:before {
  content: "\F64A";
}

.fa-buy-n-large:before {
  content: "\F8A6";
}

.fa-buysellads:before {
  content: "\F20D";
}

.fa-calculator:before {
  content: "\F1EC";
}

.fa-calendar:before {
  content: "\F133";
}

.fa-calendar-alt:before {
  content: "\F073";
}

.fa-calendar-check:before {
  content: "\F274";
}

.fa-calendar-day:before {
  content: "\F783";
}

.fa-calendar-minus:before {
  content: "\F272";
}

.fa-calendar-plus:before {
  content: "\F271";
}

.fa-calendar-times:before {
  content: "\F273";
}

.fa-calendar-week:before {
  content: "\F784";
}

.fa-camera:before {
  content: "\F030";
}

.fa-camera-retro:before {
  content: "\F083";
}

.fa-campground:before {
  content: "\F6BB";
}

.fa-canadian-maple-leaf:before {
  content: "\F785";
}

.fa-candy-cane:before {
  content: "\F786";
}

.fa-cannabis:before {
  content: "\F55F";
}

.fa-capsules:before {
  content: "\F46B";
}

.fa-car:before {
  content: "\F1B9";
}

.fa-car-alt:before {
  content: "\F5DE";
}

.fa-car-battery:before {
  content: "\F5DF";
}

.fa-car-crash:before {
  content: "\F5E1";
}

.fa-car-side:before {
  content: "\F5E4";
}

.fa-caravan:before {
  content: "\F8FF";
}

.fa-caret-down:before {
  content: "\F0D7";
}

.fa-caret-left:before {
  content: "\F0D9";
}

.fa-caret-right:before {
  content: "\F0DA";
}

.fa-caret-square-down:before {
  content: "\F150";
}

.fa-caret-square-left:before {
  content: "\F191";
}

.fa-caret-square-right:before {
  content: "\F152";
}

.fa-caret-square-up:before {
  content: "\F151";
}

.fa-caret-up:before {
  content: "\F0D8";
}

.fa-carrot:before {
  content: "\F787";
}

.fa-cart-arrow-down:before {
  content: "\F218";
}

.fa-cart-plus:before {
  content: "\F217";
}

.fa-cash-register:before {
  content: "\F788";
}

.fa-cat:before {
  content: "\F6BE";
}

.fa-cc-amazon-pay:before {
  content: "\F42D";
}

.fa-cc-amex:before {
  content: "\F1F3";
}

.fa-cc-apple-pay:before {
  content: "\F416";
}

.fa-cc-diners-club:before {
  content: "\F24C";
}

.fa-cc-discover:before {
  content: "\F1F2";
}

.fa-cc-jcb:before {
  content: "\F24B";
}

.fa-cc-mastercard:before {
  content: "\F1F1";
}

.fa-cc-paypal:before {
  content: "\F1F4";
}

.fa-cc-stripe:before {
  content: "\F1F5";
}

.fa-cc-visa:before {
  content: "\F1F0";
}

.fa-centercode:before {
  content: "\F380";
}

.fa-centos:before {
  content: "\F789";
}

.fa-certificate:before {
  content: "\F0A3";
}

.fa-chair:before {
  content: "\F6C0";
}

.fa-chalkboard:before {
  content: "\F51B";
}

.fa-chalkboard-teacher:before {
  content: "\F51C";
}

.fa-charging-station:before {
  content: "\F5E7";
}

.fa-chart-area:before {
  content: "\F1FE";
}

.fa-chart-bar:before {
  content: "\F080";
}

.fa-chart-line:before {
  content: "\F201";
}

.fa-chart-pie:before {
  content: "\F200";
}

.fa-check:before {
  content: "\F00C";
}

.fa-check-circle:before {
  content: "\F058";
}

.fa-check-double:before {
  content: "\F560";
}

.fa-check-square:before {
  content: "\F14A";
}

.fa-cheese:before {
  content: "\F7EF";
}

.fa-chess:before {
  content: "\F439";
}

.fa-chess-bishop:before {
  content: "\F43A";
}

.fa-chess-board:before {
  content: "\F43C";
}

.fa-chess-king:before {
  content: "\F43F";
}

.fa-chess-knight:before {
  content: "\F441";
}

.fa-chess-pawn:before {
  content: "\F443";
}

.fa-chess-queen:before {
  content: "\F445";
}

.fa-chess-rook:before {
  content: "\F447";
}

.fa-chevron-circle-down:before {
  content: "\F13A";
}

.fa-chevron-circle-left:before {
  content: "\F137";
}

.fa-chevron-circle-right:before {
  content: "\F138";
}

.fa-chevron-circle-up:before {
  content: "\F139";
}

.fa-chevron-down:before {
  content: "\F078";
}

.fa-chevron-left:before {
  content: "\F053";
}

.fa-chevron-right:before {
  content: "\F054";
}

.fa-chevron-up:before {
  content: "\F077";
}

.fa-child:before {
  content: "\F1AE";
}

.fa-chrome:before {
  content: "\F268";
}

.fa-chromecast:before {
  content: "\F838";
}

.fa-church:before {
  content: "\F51D";
}

.fa-circle:before {
  content: "\F111";
}

.fa-circle-notch:before {
  content: "\F1CE";
}

.fa-city:before {
  content: "\F64F";
}

.fa-clinic-medical:before {
  content: "\F7F2";
}

.fa-clipboard:before {
  content: "\F328";
}

.fa-clipboard-check:before {
  content: "\F46C";
}

.fa-clipboard-list:before {
  content: "\F46D";
}

.fa-clock:before {
  content: "\F017";
}

.fa-clone:before {
  content: "\F24D";
}

.fa-closed-captioning:before {
  content: "\F20A";
}

.fa-cloud:before {
  content: "\F0C2";
}

.fa-cloud-download-alt:before {
  content: "\F381";
}

.fa-cloud-meatball:before {
  content: "\F73B";
}

.fa-cloud-moon:before {
  content: "\F6C3";
}

.fa-cloud-moon-rain:before {
  content: "\F73C";
}

.fa-cloud-rain:before {
  content: "\F73D";
}

.fa-cloud-showers-heavy:before {
  content: "\F740";
}

.fa-cloud-sun:before {
  content: "\F6C4";
}

.fa-cloud-sun-rain:before {
  content: "\F743";
}

.fa-cloud-upload-alt:before {
  content: "\F382";
}

.fa-cloudflare:before {
  content: "\E07D";
}

.fa-cloudscale:before {
  content: "\F383";
}

.fa-cloudsmith:before {
  content: "\F384";
}

.fa-cloudversify:before {
  content: "\F385";
}

.fa-cocktail:before {
  content: "\F561";
}

.fa-code:before {
  content: "\F121";
}

.fa-code-branch:before {
  content: "\F126";
}

.fa-codepen:before {
  content: "\F1CB";
}

.fa-codiepie:before {
  content: "\F284";
}

.fa-coffee:before {
  content: "\F0F4";
}

.fa-cog:before {
  content: "\F013";
}

.fa-cogs:before {
  content: "\F085";
}

.fa-coins:before {
  content: "\F51E";
}

.fa-columns:before {
  content: "\F0DB";
}

.fa-comment:before {
  content: "\F075";
}

.fa-comment-alt:before {
  content: "\F27A";
}

.fa-comment-dollar:before {
  content: "\F651";
}

.fa-comment-dots:before {
  content: "\F4AD";
}

.fa-comment-medical:before {
  content: "\F7F5";
}

.fa-comment-slash:before {
  content: "\F4B3";
}

.fa-comments:before {
  content: "\F086";
}

.fa-comments-dollar:before {
  content: "\F653";
}

.fa-compact-disc:before {
  content: "\F51F";
}

.fa-compass:before {
  content: "\F14E";
}

.fa-compress:before {
  content: "\F066";
}

.fa-compress-alt:before {
  content: "\F422";
}

.fa-compress-arrows-alt:before {
  content: "\F78C";
}

.fa-concierge-bell:before {
  content: "\F562";
}

.fa-confluence:before {
  content: "\F78D";
}

.fa-connectdevelop:before {
  content: "\F20E";
}

.fa-contao:before {
  content: "\F26D";
}

.fa-cookie:before {
  content: "\F563";
}

.fa-cookie-bite:before {
  content: "\F564";
}

.fa-copy:before {
  content: "\F0C5";
}

.fa-copyright:before {
  content: "\F1F9";
}

.fa-cotton-bureau:before {
  content: "\F89E";
}

.fa-couch:before {
  content: "\F4B8";
}

.fa-cpanel:before {
  content: "\F388";
}

.fa-creative-commons:before {
  content: "\F25E";
}

.fa-creative-commons-by:before {
  content: "\F4E7";
}

.fa-creative-commons-nc:before {
  content: "\F4E8";
}

.fa-creative-commons-nc-eu:before {
  content: "\F4E9";
}

.fa-creative-commons-nc-jp:before {
  content: "\F4EA";
}

.fa-creative-commons-nd:before {
  content: "\F4EB";
}

.fa-creative-commons-pd:before {
  content: "\F4EC";
}

.fa-creative-commons-pd-alt:before {
  content: "\F4ED";
}

.fa-creative-commons-remix:before {
  content: "\F4EE";
}

.fa-creative-commons-sa:before {
  content: "\F4EF";
}

.fa-creative-commons-sampling:before {
  content: "\F4F0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1";
}

.fa-creative-commons-share:before {
  content: "\F4F2";
}

.fa-creative-commons-zero:before {
  content: "\F4F3";
}

.fa-credit-card:before {
  content: "\F09D";
}

.fa-critical-role:before {
  content: "\F6C9";
}

.fa-crop:before {
  content: "\F125";
}

.fa-crop-alt:before {
  content: "\F565";
}

.fa-cross:before {
  content: "\F654";
}

.fa-crosshairs:before {
  content: "\F05B";
}

.fa-crow:before {
  content: "\F520";
}

.fa-crown:before {
  content: "\F521";
}

.fa-crutch:before {
  content: "\F7F7";
}

.fa-css3:before {
  content: "\F13C";
}

.fa-css3-alt:before {
  content: "\F38B";
}

.fa-cube:before {
  content: "\F1B2";
}

.fa-cubes:before {
  content: "\F1B3";
}

.fa-cut:before {
  content: "\F0C4";
}

.fa-cuttlefish:before {
  content: "\F38C";
}

.fa-d-and-d:before {
  content: "\F38D";
}

.fa-d-and-d-beyond:before {
  content: "\F6CA";
}

.fa-dailymotion:before {
  content: "\E052";
}

.fa-dashcube:before {
  content: "\F210";
}

.fa-database:before {
  content: "\F1C0";
}

.fa-deaf:before {
  content: "\F2A4";
}

.fa-deezer:before {
  content: "\E077";
}

.fa-delicious:before {
  content: "\F1A5";
}

.fa-democrat:before {
  content: "\F747";
}

.fa-deploydog:before {
  content: "\F38E";
}

.fa-deskpro:before {
  content: "\F38F";
}

.fa-desktop:before {
  content: "\F108";
}

.fa-dev:before {
  content: "\F6CC";
}

.fa-deviantart:before {
  content: "\F1BD";
}

.fa-dharmachakra:before {
  content: "\F655";
}

.fa-dhl:before {
  content: "\F790";
}

.fa-diagnoses:before {
  content: "\F470";
}

.fa-diaspora:before {
  content: "\F791";
}

.fa-dice:before {
  content: "\F522";
}

.fa-dice-d20:before {
  content: "\F6CF";
}

.fa-dice-d6:before {
  content: "\F6D1";
}

.fa-dice-five:before {
  content: "\F523";
}

.fa-dice-four:before {
  content: "\F524";
}

.fa-dice-one:before {
  content: "\F525";
}

.fa-dice-six:before {
  content: "\F526";
}

.fa-dice-three:before {
  content: "\F527";
}

.fa-dice-two:before {
  content: "\F528";
}

.fa-digg:before {
  content: "\F1A6";
}

.fa-digital-ocean:before {
  content: "\F391";
}

.fa-digital-tachograph:before {
  content: "\F566";
}

.fa-directions:before {
  content: "\F5EB";
}

.fa-discord:before {
  content: "\F392";
}

.fa-discourse:before {
  content: "\F393";
}

.fa-disease:before {
  content: "\F7FA";
}

.fa-divide:before {
  content: "\F529";
}

.fa-dizzy:before {
  content: "\F567";
}

.fa-dna:before {
  content: "\F471";
}

.fa-dochub:before {
  content: "\F394";
}

.fa-docker:before {
  content: "\F395";
}

.fa-dog:before {
  content: "\F6D3";
}

.fa-dollar-sign:before {
  content: "\F155";
}

.fa-dolly:before {
  content: "\F472";
}

.fa-dolly-flatbed:before {
  content: "\F474";
}

.fa-donate:before {
  content: "\F4B9";
}

.fa-door-closed:before {
  content: "\F52A";
}

.fa-door-open:before {
  content: "\F52B";
}

.fa-dot-circle:before {
  content: "\F192";
}

.fa-dove:before {
  content: "\F4BA";
}

.fa-download:before {
  content: "\F019";
}

.fa-draft2digital:before {
  content: "\F396";
}

.fa-drafting-compass:before {
  content: "\F568";
}

.fa-dragon:before {
  content: "\F6D5";
}

.fa-draw-polygon:before {
  content: "\F5EE";
}

.fa-dribbble:before {
  content: "\F17D";
}

.fa-dribbble-square:before {
  content: "\F397";
}

.fa-dropbox:before {
  content: "\F16B";
}

.fa-drum:before {
  content: "\F569";
}

.fa-drum-steelpan:before {
  content: "\F56A";
}

.fa-drumstick-bite:before {
  content: "\F6D7";
}

.fa-drupal:before {
  content: "\F1A9";
}

.fa-dumbbell:before {
  content: "\F44B";
}

.fa-dumpster:before {
  content: "\F793";
}

.fa-dumpster-fire:before {
  content: "\F794";
}

.fa-dungeon:before {
  content: "\F6D9";
}

.fa-dyalog:before {
  content: "\F399";
}

.fa-earlybirds:before {
  content: "\F39A";
}

.fa-ebay:before {
  content: "\F4F4";
}

.fa-edge:before {
  content: "\F282";
}

.fa-edge-legacy:before {
  content: "\E078";
}

.fa-edit:before {
  content: "\F044";
}

.fa-egg:before {
  content: "\F7FB";
}

.fa-eject:before {
  content: "\F052";
}

.fa-elementor:before {
  content: "\F430";
}

.fa-ellipsis-h:before {
  content: "\F141";
}

.fa-ellipsis-v:before {
  content: "\F142";
}

.fa-ello:before {
  content: "\F5F1";
}

.fa-ember:before {
  content: "\F423";
}

.fa-empire:before {
  content: "\F1D1";
}

.fa-envelope:before {
  content: "\F0E0";
}

.fa-envelope-open:before {
  content: "\F2B6";
}

.fa-envelope-open-text:before {
  content: "\F658";
}

.fa-envelope-square:before {
  content: "\F199";
}

.fa-envira:before {
  content: "\F299";
}

.fa-equals:before {
  content: "\F52C";
}

.fa-eraser:before {
  content: "\F12D";
}

.fa-erlang:before {
  content: "\F39D";
}

.fa-ethereum:before {
  content: "\F42E";
}

.fa-ethernet:before {
  content: "\F796";
}

.fa-etsy:before {
  content: "\F2D7";
}

.fa-euro-sign:before {
  content: "\F153";
}

.fa-evernote:before {
  content: "\F839";
}

.fa-exchange-alt:before {
  content: "\F362";
}

.fa-exclamation:before {
  content: "\F12A";
}

.fa-exclamation-circle:before {
  content: "\F06A";
}

.fa-exclamation-triangle:before {
  content: "\F071";
}

.fa-expand:before {
  content: "\F065";
}

.fa-expand-alt:before {
  content: "\F424";
}

.fa-expand-arrows-alt:before {
  content: "\F31E";
}

.fa-expeditedssl:before {
  content: "\F23E";
}

.fa-external-link-alt:before {
  content: "\F35D";
}

.fa-external-link-square-alt:before {
  content: "\F360";
}

.fa-eye:before {
  content: "\F06E";
}

.fa-eye-dropper:before {
  content: "\F1FB";
}

.fa-eye-slash:before {
  content: "\F070";
}

.fa-facebook:before {
  content: "\F09A";
}

.fa-facebook-f:before {
  content: "\F39E";
}

.fa-facebook-messenger:before {
  content: "\F39F";
}

.fa-facebook-square:before {
  content: "\F082";
}

.fa-fan:before {
  content: "\F863";
}

.fa-fantasy-flight-games:before {
  content: "\F6DC";
}

.fa-fast-backward:before {
  content: "\F049";
}

.fa-fast-forward:before {
  content: "\F050";
}

.fa-faucet:before {
  content: "\E005";
}

.fa-fax:before {
  content: "\F1AC";
}

.fa-feather:before {
  content: "\F52D";
}

.fa-feather-alt:before {
  content: "\F56B";
}

.fa-fedex:before {
  content: "\F797";
}

.fa-fedora:before {
  content: "\F798";
}

.fa-female:before {
  content: "\F182";
}

.fa-fighter-jet:before {
  content: "\F0FB";
}

.fa-figma:before {
  content: "\F799";
}

.fa-file:before {
  content: "\F15B";
}

.fa-file-alt:before {
  content: "\F15C";
}

.fa-file-archive:before {
  content: "\F1C6";
}

.fa-file-audio:before {
  content: "\F1C7";
}

.fa-file-code:before {
  content: "\F1C9";
}

.fa-file-contract:before {
  content: "\F56C";
}

.fa-file-csv:before {
  content: "\F6DD";
}

.fa-file-download:before {
  content: "\F56D";
}

.fa-file-excel:before {
  content: "\F1C3";
}

.fa-file-export:before {
  content: "\F56E";
}

.fa-file-image:before {
  content: "\F1C5";
}

.fa-file-import:before {
  content: "\F56F";
}

.fa-file-invoice:before {
  content: "\F570";
}

.fa-file-invoice-dollar:before {
  content: "\F571";
}

.fa-file-medical:before {
  content: "\F477";
}

.fa-file-medical-alt:before {
  content: "\F478";
}

.fa-file-pdf:before {
  content: "\F1C1";
}

.fa-file-powerpoint:before {
  content: "\F1C4";
}

.fa-file-prescription:before {
  content: "\F572";
}

.fa-file-signature:before {
  content: "\F573";
}

.fa-file-upload:before {
  content: "\F574";
}

.fa-file-video:before {
  content: "\F1C8";
}

.fa-file-word:before {
  content: "\F1C2";
}

.fa-fill:before {
  content: "\F575";
}

.fa-fill-drip:before {
  content: "\F576";
}

.fa-film:before {
  content: "\F008";
}

.fa-filter:before {
  content: "\F0B0";
}

.fa-fingerprint:before {
  content: "\F577";
}

.fa-fire:before {
  content: "\F06D";
}

.fa-fire-alt:before {
  content: "\F7E4";
}

.fa-fire-extinguisher:before {
  content: "\F134";
}

.fa-firefox:before {
  content: "\F269";
}

.fa-firefox-browser:before {
  content: "\E007";
}

.fa-first-aid:before {
  content: "\F479";
}

.fa-first-order:before {
  content: "\F2B0";
}

.fa-first-order-alt:before {
  content: "\F50A";
}

.fa-firstdraft:before {
  content: "\F3A1";
}

.fa-fish:before {
  content: "\F578";
}

.fa-fist-raised:before {
  content: "\F6DE";
}

.fa-flag:before {
  content: "\F024";
}

.fa-flag-checkered:before {
  content: "\F11E";
}

.fa-flag-usa:before {
  content: "\F74D";
}

.fa-flask:before {
  content: "\F0C3";
}

.fa-flickr:before {
  content: "\F16E";
}

.fa-flipboard:before {
  content: "\F44D";
}

.fa-flushed:before {
  content: "\F579";
}

.fa-fly:before {
  content: "\F417";
}

.fa-folder:before {
  content: "\F07B";
}

.fa-folder-minus:before {
  content: "\F65D";
}

.fa-folder-open:before {
  content: "\F07C";
}

.fa-folder-plus:before {
  content: "\F65E";
}

.fa-font:before {
  content: "\F031";
}

.fa-font-awesome:before {
  content: "\F2B4";
}

.fa-font-awesome-alt:before {
  content: "\F35C";
}

.fa-font-awesome-flag:before {
  content: "\F425";
}

.fa-font-awesome-logo-full:before {
  content: "\F4E6";
}

.fa-fonticons:before {
  content: "\F280";
}

.fa-fonticons-fi:before {
  content: "\F3A2";
}

.fa-football-ball:before {
  content: "\F44E";
}

.fa-fort-awesome:before {
  content: "\F286";
}

.fa-fort-awesome-alt:before {
  content: "\F3A3";
}

.fa-forumbee:before {
  content: "\F211";
}

.fa-forward:before {
  content: "\F04E";
}

.fa-foursquare:before {
  content: "\F180";
}

.fa-free-code-camp:before {
  content: "\F2C5";
}

.fa-freebsd:before {
  content: "\F3A4";
}

.fa-frog:before {
  content: "\F52E";
}

.fa-frown:before {
  content: "\F119";
}

.fa-frown-open:before {
  content: "\F57A";
}

.fa-fulcrum:before {
  content: "\F50B";
}

.fa-funnel-dollar:before {
  content: "\F662";
}

.fa-futbol:before {
  content: "\F1E3";
}

.fa-galactic-republic:before {
  content: "\F50C";
}

.fa-galactic-senate:before {
  content: "\F50D";
}

.fa-gamepad:before {
  content: "\F11B";
}

.fa-gas-pump:before {
  content: "\F52F";
}

.fa-gavel:before {
  content: "\F0E3";
}

.fa-gem:before {
  content: "\F3A5";
}

.fa-genderless:before {
  content: "\F22D";
}

.fa-get-pocket:before {
  content: "\F265";
}

.fa-gg:before {
  content: "\F260";
}

.fa-gg-circle:before {
  content: "\F261";
}

.fa-ghost:before {
  content: "\F6E2";
}

.fa-gift:before {
  content: "\F06B";
}

.fa-gifts:before {
  content: "\F79C";
}

.fa-git:before {
  content: "\F1D3";
}

.fa-git-alt:before {
  content: "\F841";
}

.fa-git-square:before {
  content: "\F1D2";
}

.fa-github:before {
  content: "\F09B";
}

.fa-github-alt:before {
  content: "\F113";
}

.fa-github-square:before {
  content: "\F092";
}

.fa-gitkraken:before {
  content: "\F3A6";
}

.fa-gitlab:before {
  content: "\F296";
}

.fa-gitter:before {
  content: "\F426";
}

.fa-glass-cheers:before {
  content: "\F79F";
}

.fa-glass-martini:before {
  content: "\F000";
}

.fa-glass-martini-alt:before {
  content: "\F57B";
}

.fa-glass-whiskey:before {
  content: "\F7A0";
}

.fa-glasses:before {
  content: "\F530";
}

.fa-glide:before {
  content: "\F2A5";
}

.fa-glide-g:before {
  content: "\F2A6";
}

.fa-globe:before {
  content: "\F0AC";
}

.fa-globe-africa:before {
  content: "\F57C";
}

.fa-globe-americas:before {
  content: "\F57D";
}

.fa-globe-asia:before {
  content: "\F57E";
}

.fa-globe-europe:before {
  content: "\F7A2";
}

.fa-gofore:before {
  content: "\F3A7";
}

.fa-golf-ball:before {
  content: "\F450";
}

.fa-goodreads:before {
  content: "\F3A8";
}

.fa-goodreads-g:before {
  content: "\F3A9";
}

.fa-google:before {
  content: "\F1A0";
}

.fa-google-drive:before {
  content: "\F3AA";
}

.fa-google-pay:before {
  content: "\E079";
}

.fa-google-play:before {
  content: "\F3AB";
}

.fa-google-plus:before {
  content: "\F2B3";
}

.fa-google-plus-g:before {
  content: "\F0D5";
}

.fa-google-plus-square:before {
  content: "\F0D4";
}

.fa-google-wallet:before {
  content: "\F1EE";
}

.fa-gopuram:before {
  content: "\F664";
}

.fa-graduation-cap:before {
  content: "\F19D";
}

.fa-gratipay:before {
  content: "\F184";
}

.fa-grav:before {
  content: "\F2D6";
}

.fa-greater-than:before {
  content: "\F531";
}

.fa-greater-than-equal:before {
  content: "\F532";
}

.fa-grimace:before {
  content: "\F57F";
}

.fa-grin:before {
  content: "\F580";
}

.fa-grin-alt:before {
  content: "\F581";
}

.fa-grin-beam:before {
  content: "\F582";
}

.fa-grin-beam-sweat:before {
  content: "\F583";
}

.fa-grin-hearts:before {
  content: "\F584";
}

.fa-grin-squint:before {
  content: "\F585";
}

.fa-grin-squint-tears:before {
  content: "\F586";
}

.fa-grin-stars:before {
  content: "\F587";
}

.fa-grin-tears:before {
  content: "\F588";
}

.fa-grin-tongue:before {
  content: "\F589";
}

.fa-grin-tongue-squint:before {
  content: "\F58A";
}

.fa-grin-tongue-wink:before {
  content: "\F58B";
}

.fa-grin-wink:before {
  content: "\F58C";
}

.fa-grip-horizontal:before {
  content: "\F58D";
}

.fa-grip-lines:before {
  content: "\F7A4";
}

.fa-grip-lines-vertical:before {
  content: "\F7A5";
}

.fa-grip-vertical:before {
  content: "\F58E";
}

.fa-gripfire:before {
  content: "\F3AC";
}

.fa-grunt:before {
  content: "\F3AD";
}

.fa-guilded:before {
  content: "\E07E";
}

.fa-guitar:before {
  content: "\F7A6";
}

.fa-gulp:before {
  content: "\F3AE";
}

.fa-h-square:before {
  content: "\F0FD";
}

.fa-hacker-news:before {
  content: "\F1D4";
}

.fa-hacker-news-square:before {
  content: "\F3AF";
}

.fa-hackerrank:before {
  content: "\F5F7";
}

.fa-hamburger:before {
  content: "\F805";
}

.fa-hammer:before {
  content: "\F6E3";
}

.fa-hamsa:before {
  content: "\F665";
}

.fa-hand-holding:before {
  content: "\F4BD";
}

.fa-hand-holding-heart:before {
  content: "\F4BE";
}

.fa-hand-holding-medical:before {
  content: "\E05C";
}

.fa-hand-holding-usd:before {
  content: "\F4C0";
}

.fa-hand-holding-water:before {
  content: "\F4C1";
}

.fa-hand-lizard:before {
  content: "\F258";
}

.fa-hand-middle-finger:before {
  content: "\F806";
}

.fa-hand-paper:before {
  content: "\F256";
}

.fa-hand-peace:before {
  content: "\F25B";
}

.fa-hand-point-down:before {
  content: "\F0A7";
}

.fa-hand-point-left:before {
  content: "\F0A5";
}

.fa-hand-point-right:before {
  content: "\F0A4";
}

.fa-hand-point-up:before {
  content: "\F0A6";
}

.fa-hand-pointer:before {
  content: "\F25A";
}

.fa-hand-rock:before {
  content: "\F255";
}

.fa-hand-scissors:before {
  content: "\F257";
}

.fa-hand-sparkles:before {
  content: "\E05D";
}

.fa-hand-spock:before {
  content: "\F259";
}

.fa-hands:before {
  content: "\F4C2";
}

.fa-hands-helping:before {
  content: "\F4C4";
}

.fa-hands-wash:before {
  content: "\E05E";
}

.fa-handshake:before {
  content: "\F2B5";
}

.fa-handshake-alt-slash:before {
  content: "\E05F";
}

.fa-handshake-slash:before {
  content: "\E060";
}

.fa-hanukiah:before {
  content: "\F6E6";
}

.fa-hard-hat:before {
  content: "\F807";
}

.fa-hashtag:before {
  content: "\F292";
}

.fa-hat-cowboy:before {
  content: "\F8C0";
}

.fa-hat-cowboy-side:before {
  content: "\F8C1";
}

.fa-hat-wizard:before {
  content: "\F6E8";
}

.fa-hdd:before {
  content: "\F0A0";
}

.fa-head-side-cough:before {
  content: "\E061";
}

.fa-head-side-cough-slash:before {
  content: "\E062";
}

.fa-head-side-mask:before {
  content: "\E063";
}

.fa-head-side-virus:before {
  content: "\E064";
}

.fa-heading:before {
  content: "\F1DC";
}

.fa-headphones:before {
  content: "\F025";
}

.fa-headphones-alt:before {
  content: "\F58F";
}

.fa-headset:before {
  content: "\F590";
}

.fa-heart:before {
  content: "\F004";
}

.fa-heart-broken:before {
  content: "\F7A9";
}

.fa-heartbeat:before {
  content: "\F21E";
}

.fa-helicopter:before {
  content: "\F533";
}

.fa-highlighter:before {
  content: "\F591";
}

.fa-hiking:before {
  content: "\F6EC";
}

.fa-hippo:before {
  content: "\F6ED";
}

.fa-hips:before {
  content: "\F452";
}

.fa-hire-a-helper:before {
  content: "\F3B0";
}

.fa-history:before {
  content: "\F1DA";
}

.fa-hive:before {
  content: "\E07F";
}

.fa-hockey-puck:before {
  content: "\F453";
}

.fa-holly-berry:before {
  content: "\F7AA";
}

.fa-home:before {
  content: "\F015";
}

.fa-hooli:before {
  content: "\F427";
}

.fa-hornbill:before {
  content: "\F592";
}

.fa-horse:before {
  content: "\F6F0";
}

.fa-horse-head:before {
  content: "\F7AB";
}

.fa-hospital:before {
  content: "\F0F8";
}

.fa-hospital-alt:before {
  content: "\F47D";
}

.fa-hospital-symbol:before {
  content: "\F47E";
}

.fa-hospital-user:before {
  content: "\F80D";
}

.fa-hot-tub:before {
  content: "\F593";
}

.fa-hotdog:before {
  content: "\F80F";
}

.fa-hotel:before {
  content: "\F594";
}

.fa-hotjar:before {
  content: "\F3B1";
}

.fa-hourglass:before {
  content: "\F254";
}

.fa-hourglass-end:before {
  content: "\F253";
}

.fa-hourglass-half:before {
  content: "\F252";
}

.fa-hourglass-start:before {
  content: "\F251";
}

.fa-house-damage:before {
  content: "\F6F1";
}

.fa-house-user:before {
  content: "\E065";
}

.fa-houzz:before {
  content: "\F27C";
}

.fa-hryvnia:before {
  content: "\F6F2";
}

.fa-html5:before {
  content: "\F13B";
}

.fa-hubspot:before {
  content: "\F3B2";
}

.fa-i-cursor:before {
  content: "\F246";
}

.fa-ice-cream:before {
  content: "\F810";
}

.fa-icicles:before {
  content: "\F7AD";
}

.fa-icons:before {
  content: "\F86D";
}

.fa-id-badge:before {
  content: "\F2C1";
}

.fa-id-card:before {
  content: "\F2C2";
}

.fa-id-card-alt:before {
  content: "\F47F";
}

.fa-ideal:before {
  content: "\E013";
}

.fa-igloo:before {
  content: "\F7AE";
}

.fa-image:before {
  content: "\F03E";
}

.fa-images:before {
  content: "\F302";
}

.fa-imdb:before {
  content: "\F2D8";
}

.fa-inbox:before {
  content: "\F01C";
}

.fa-indent:before {
  content: "\F03C";
}

.fa-industry:before {
  content: "\F275";
}

.fa-infinity:before {
  content: "\F534";
}

.fa-info:before {
  content: "\F129";
}

.fa-info-circle:before {
  content: "\F05A";
}

.fa-innosoft:before {
  content: "\E080";
}

.fa-instagram:before {
  content: "\F16D";
}

.fa-instagram-square:before {
  content: "\E055";
}

.fa-instalod:before {
  content: "\E081";
}

.fa-intercom:before {
  content: "\F7AF";
}

.fa-internet-explorer:before {
  content: "\F26B";
}

.fa-invision:before {
  content: "\F7B0";
}

.fa-ioxhost:before {
  content: "\F208";
}

.fa-italic:before {
  content: "\F033";
}

.fa-itch-io:before {
  content: "\F83A";
}

.fa-itunes:before {
  content: "\F3B4";
}

.fa-itunes-note:before {
  content: "\F3B5";
}

.fa-java:before {
  content: "\F4E4";
}

.fa-jedi:before {
  content: "\F669";
}

.fa-jedi-order:before {
  content: "\F50E";
}

.fa-jenkins:before {
  content: "\F3B6";
}

.fa-jira:before {
  content: "\F7B1";
}

.fa-joget:before {
  content: "\F3B7";
}

.fa-joint:before {
  content: "\F595";
}

.fa-joomla:before {
  content: "\F1AA";
}

.fa-journal-whills:before {
  content: "\F66A";
}

.fa-js:before {
  content: "\F3B8";
}

.fa-js-square:before {
  content: "\F3B9";
}

.fa-jsfiddle:before {
  content: "\F1CC";
}

.fa-kaaba:before {
  content: "\F66B";
}

.fa-kaggle:before {
  content: "\F5FA";
}

.fa-key:before {
  content: "\F084";
}

.fa-keybase:before {
  content: "\F4F5";
}

.fa-keyboard:before {
  content: "\F11C";
}

.fa-keycdn:before {
  content: "\F3BA";
}

.fa-khanda:before {
  content: "\F66D";
}

.fa-kickstarter:before {
  content: "\F3BB";
}

.fa-kickstarter-k:before {
  content: "\F3BC";
}

.fa-kiss:before {
  content: "\F596";
}

.fa-kiss-beam:before {
  content: "\F597";
}

.fa-kiss-wink-heart:before {
  content: "\F598";
}

.fa-kiwi-bird:before {
  content: "\F535";
}

.fa-korvue:before {
  content: "\F42F";
}

.fa-landmark:before {
  content: "\F66F";
}

.fa-language:before {
  content: "\F1AB";
}

.fa-laptop:before {
  content: "\F109";
}

.fa-laptop-code:before {
  content: "\F5FC";
}

.fa-laptop-house:before {
  content: "\E066";
}

.fa-laptop-medical:before {
  content: "\F812";
}

.fa-laravel:before {
  content: "\F3BD";
}

.fa-lastfm:before {
  content: "\F202";
}

.fa-lastfm-square:before {
  content: "\F203";
}

.fa-laugh:before {
  content: "\F599";
}

.fa-laugh-beam:before {
  content: "\F59A";
}

.fa-laugh-squint:before {
  content: "\F59B";
}

.fa-laugh-wink:before {
  content: "\F59C";
}

.fa-layer-group:before {
  content: "\F5FD";
}

.fa-leaf:before {
  content: "\F06C";
}

.fa-leanpub:before {
  content: "\F212";
}

.fa-lemon:before {
  content: "\F094";
}

.fa-less:before {
  content: "\F41D";
}

.fa-less-than:before {
  content: "\F536";
}

.fa-less-than-equal:before {
  content: "\F537";
}

.fa-level-down-alt:before {
  content: "\F3BE";
}

.fa-level-up-alt:before {
  content: "\F3BF";
}

.fa-life-ring:before {
  content: "\F1CD";
}

.fa-lightbulb:before {
  content: "\F0EB";
}

.fa-line:before {
  content: "\F3C0";
}

.fa-link:before {
  content: "\F0C1";
}

.fa-linkedin:before {
  content: "\F08C";
}

.fa-linkedin-in:before {
  content: "\F0E1";
}

.fa-linode:before {
  content: "\F2B8";
}

.fa-linux:before {
  content: "\F17C";
}

.fa-lira-sign:before {
  content: "\F195";
}

.fa-list:before {
  content: "\F03A";
}

.fa-list-alt:before {
  content: "\F022";
}

.fa-list-ol:before {
  content: "\F0CB";
}

.fa-list-ul:before {
  content: "\F0CA";
}

.fa-location-arrow:before {
  content: "\F124";
}

.fa-lock:before {
  content: "\F023";
}

.fa-lock-open:before {
  content: "\F3C1";
}

.fa-long-arrow-alt-down:before {
  content: "\F309";
}

.fa-long-arrow-alt-left:before {
  content: "\F30A";
}

.fa-long-arrow-alt-right:before {
  content: "\F30B";
}

.fa-long-arrow-alt-up:before {
  content: "\F30C";
}

.fa-low-vision:before {
  content: "\F2A8";
}

.fa-luggage-cart:before {
  content: "\F59D";
}

.fa-lungs:before {
  content: "\F604";
}

.fa-lungs-virus:before {
  content: "\E067";
}

.fa-lyft:before {
  content: "\F3C3";
}

.fa-magento:before {
  content: "\F3C4";
}

.fa-magic:before {
  content: "\F0D0";
}

.fa-magnet:before {
  content: "\F076";
}

.fa-mail-bulk:before {
  content: "\F674";
}

.fa-mailchimp:before {
  content: "\F59E";
}

.fa-male:before {
  content: "\F183";
}

.fa-mandalorian:before {
  content: "\F50F";
}

.fa-map:before {
  content: "\F279";
}

.fa-map-marked:before {
  content: "\F59F";
}

.fa-map-marked-alt:before {
  content: "\F5A0";
}

.fa-map-marker:before {
  content: "\F041";
}

.fa-map-marker-alt:before {
  content: "\F3C5";
}

.fa-map-pin:before {
  content: "\F276";
}

.fa-map-signs:before {
  content: "\F277";
}

.fa-markdown:before {
  content: "\F60F";
}

.fa-marker:before {
  content: "\F5A1";
}

.fa-mars:before {
  content: "\F222";
}

.fa-mars-double:before {
  content: "\F227";
}

.fa-mars-stroke:before {
  content: "\F229";
}

.fa-mars-stroke-h:before {
  content: "\F22B";
}

.fa-mars-stroke-v:before {
  content: "\F22A";
}

.fa-mask:before {
  content: "\F6FA";
}

.fa-mastodon:before {
  content: "\F4F6";
}

.fa-maxcdn:before {
  content: "\F136";
}

.fa-mdb:before {
  content: "\F8CA";
}

.fa-medal:before {
  content: "\F5A2";
}

.fa-medapps:before {
  content: "\F3C6";
}

.fa-medium:before {
  content: "\F23A";
}

.fa-medium-m:before {
  content: "\F3C7";
}

.fa-medkit:before {
  content: "\F0FA";
}

.fa-medrt:before {
  content: "\F3C8";
}

.fa-meetup:before {
  content: "\F2E0";
}

.fa-megaport:before {
  content: "\F5A3";
}

.fa-meh:before {
  content: "\F11A";
}

.fa-meh-blank:before {
  content: "\F5A4";
}

.fa-meh-rolling-eyes:before {
  content: "\F5A5";
}

.fa-memory:before {
  content: "\F538";
}

.fa-mendeley:before {
  content: "\F7B3";
}

.fa-menorah:before {
  content: "\F676";
}

.fa-mercury:before {
  content: "\F223";
}

.fa-meteor:before {
  content: "\F753";
}

.fa-microblog:before {
  content: "\E01A";
}

.fa-microchip:before {
  content: "\F2DB";
}

.fa-microphone:before {
  content: "\F130";
}

.fa-microphone-alt:before {
  content: "\F3C9";
}

.fa-microphone-alt-slash:before {
  content: "\F539";
}

.fa-microphone-slash:before {
  content: "\F131";
}

.fa-microscope:before {
  content: "\F610";
}

.fa-microsoft:before {
  content: "\F3CA";
}

.fa-minus:before {
  content: "\F068";
}

.fa-minus-circle:before {
  content: "\F056";
}

.fa-minus-square:before {
  content: "\F146";
}

.fa-mitten:before {
  content: "\F7B5";
}

.fa-mix:before {
  content: "\F3CB";
}

.fa-mixcloud:before {
  content: "\F289";
}

.fa-mixer:before {
  content: "\E056";
}

.fa-mizuni:before {
  content: "\F3CC";
}

.fa-mobile:before {
  content: "\F10B";
}

.fa-mobile-alt:before {
  content: "\F3CD";
}

.fa-modx:before {
  content: "\F285";
}

.fa-monero:before {
  content: "\F3D0";
}

.fa-money-bill:before {
  content: "\F0D6";
}

.fa-money-bill-alt:before {
  content: "\F3D1";
}

.fa-money-bill-wave:before {
  content: "\F53A";
}

.fa-money-bill-wave-alt:before {
  content: "\F53B";
}

.fa-money-check:before {
  content: "\F53C";
}

.fa-money-check-alt:before {
  content: "\F53D";
}

.fa-monument:before {
  content: "\F5A6";
}

.fa-moon:before {
  content: "\F186";
}

.fa-mortar-pestle:before {
  content: "\F5A7";
}

.fa-mosque:before {
  content: "\F678";
}

.fa-motorcycle:before {
  content: "\F21C";
}

.fa-mountain:before {
  content: "\F6FC";
}

.fa-mouse:before {
  content: "\F8CC";
}

.fa-mouse-pointer:before {
  content: "\F245";
}

.fa-mug-hot:before {
  content: "\F7B6";
}

.fa-music:before {
  content: "\F001";
}

.fa-napster:before {
  content: "\F3D2";
}

.fa-neos:before {
  content: "\F612";
}

.fa-network-wired:before {
  content: "\F6FF";
}

.fa-neuter:before {
  content: "\F22C";
}

.fa-newspaper:before {
  content: "\F1EA";
}

.fa-nimblr:before {
  content: "\F5A8";
}

.fa-node:before {
  content: "\F419";
}

.fa-node-js:before {
  content: "\F3D3";
}

.fa-not-equal:before {
  content: "\F53E";
}

.fa-notes-medical:before {
  content: "\F481";
}

.fa-npm:before {
  content: "\F3D4";
}

.fa-ns8:before {
  content: "\F3D5";
}

.fa-nutritionix:before {
  content: "\F3D6";
}

.fa-object-group:before {
  content: "\F247";
}

.fa-object-ungroup:before {
  content: "\F248";
}

.fa-octopus-deploy:before {
  content: "\E082";
}

.fa-odnoklassniki:before {
  content: "\F263";
}

.fa-odnoklassniki-square:before {
  content: "\F264";
}

.fa-oil-can:before {
  content: "\F613";
}

.fa-old-republic:before {
  content: "\F510";
}

.fa-om:before {
  content: "\F679";
}

.fa-opencart:before {
  content: "\F23D";
}

.fa-openid:before {
  content: "\F19B";
}

.fa-opera:before {
  content: "\F26A";
}

.fa-optin-monster:before {
  content: "\F23C";
}

.fa-orcid:before {
  content: "\F8D2";
}

.fa-osi:before {
  content: "\F41A";
}

.fa-otter:before {
  content: "\F700";
}

.fa-outdent:before {
  content: "\F03B";
}

.fa-page4:before {
  content: "\F3D7";
}

.fa-pagelines:before {
  content: "\F18C";
}

.fa-pager:before {
  content: "\F815";
}

.fa-paint-brush:before {
  content: "\F1FC";
}

.fa-paint-roller:before {
  content: "\F5AA";
}

.fa-palette:before {
  content: "\F53F";
}

.fa-palfed:before {
  content: "\F3D8";
}

.fa-pallet:before {
  content: "\F482";
}

.fa-paper-plane:before {
  content: "\F1D8";
}

.fa-paperclip:before {
  content: "\F0C6";
}

.fa-parachute-box:before {
  content: "\F4CD";
}

.fa-paragraph:before {
  content: "\F1DD";
}

.fa-parking:before {
  content: "\F540";
}

.fa-passport:before {
  content: "\F5AB";
}

.fa-pastafarianism:before {
  content: "\F67B";
}

.fa-paste:before {
  content: "\F0EA";
}

.fa-patreon:before {
  content: "\F3D9";
}

.fa-pause:before {
  content: "\F04C";
}

.fa-pause-circle:before {
  content: "\F28B";
}

.fa-paw:before {
  content: "\F1B0";
}

.fa-paypal:before {
  content: "\F1ED";
}

.fa-peace:before {
  content: "\F67C";
}

.fa-pen:before {
  content: "\F304";
}

.fa-pen-alt:before {
  content: "\F305";
}

.fa-pen-fancy:before {
  content: "\F5AC";
}

.fa-pen-nib:before {
  content: "\F5AD";
}

.fa-pen-square:before {
  content: "\F14B";
}

.fa-pencil-alt:before {
  content: "\F303";
}

.fa-pencil-ruler:before {
  content: "\F5AE";
}

.fa-penny-arcade:before {
  content: "\F704";
}

.fa-people-arrows:before {
  content: "\E068";
}

.fa-people-carry:before {
  content: "\F4CE";
}

.fa-pepper-hot:before {
  content: "\F816";
}

.fa-perbyte:before {
  content: "\E083";
}

.fa-percent:before {
  content: "\F295";
}

.fa-percentage:before {
  content: "\F541";
}

.fa-periscope:before {
  content: "\F3DA";
}

.fa-person-booth:before {
  content: "\F756";
}

.fa-phabricator:before {
  content: "\F3DB";
}

.fa-phoenix-framework:before {
  content: "\F3DC";
}

.fa-phoenix-squadron:before {
  content: "\F511";
}

.fa-phone:before {
  content: "\F095";
}

.fa-phone-alt:before {
  content: "\F879";
}

.fa-phone-slash:before {
  content: "\F3DD";
}

.fa-phone-square:before {
  content: "\F098";
}

.fa-phone-square-alt:before {
  content: "\F87B";
}

.fa-phone-volume:before {
  content: "\F2A0";
}

.fa-photo-video:before {
  content: "\F87C";
}

.fa-php:before {
  content: "\F457";
}

.fa-pied-piper:before {
  content: "\F2AE";
}

.fa-pied-piper-alt:before {
  content: "\F1A8";
}

.fa-pied-piper-hat:before {
  content: "\F4E5";
}

.fa-pied-piper-pp:before {
  content: "\F1A7";
}

.fa-pied-piper-square:before {
  content: "\E01E";
}

.fa-piggy-bank:before {
  content: "\F4D3";
}

.fa-pills:before {
  content: "\F484";
}

.fa-pinterest:before {
  content: "\F0D2";
}

.fa-pinterest-p:before {
  content: "\F231";
}

.fa-pinterest-square:before {
  content: "\F0D3";
}

.fa-pizza-slice:before {
  content: "\F818";
}

.fa-place-of-worship:before {
  content: "\F67F";
}

.fa-plane:before {
  content: "\F072";
}

.fa-plane-arrival:before {
  content: "\F5AF";
}

.fa-plane-departure:before {
  content: "\F5B0";
}

.fa-plane-slash:before {
  content: "\E069";
}

.fa-play:before {
  content: "\F04B";
}

.fa-play-circle:before {
  content: "\F144";
}

.fa-playstation:before {
  content: "\F3DF";
}

.fa-plug:before {
  content: "\F1E6";
}

.fa-plus:before {
  content: "\F067";
}

.fa-plus-circle:before {
  content: "\F055";
}

.fa-plus-square:before {
  content: "\F0FE";
}

.fa-podcast:before {
  content: "\F2CE";
}

.fa-poll:before {
  content: "\F681";
}

.fa-poll-h:before {
  content: "\F682";
}

.fa-poo:before {
  content: "\F2FE";
}

.fa-poo-storm:before {
  content: "\F75A";
}

.fa-poop:before {
  content: "\F619";
}

.fa-portrait:before {
  content: "\F3E0";
}

.fa-pound-sign:before {
  content: "\F154";
}

.fa-power-off:before {
  content: "\F011";
}

.fa-pray:before {
  content: "\F683";
}

.fa-praying-hands:before {
  content: "\F684";
}

.fa-prescription:before {
  content: "\F5B1";
}

.fa-prescription-bottle:before {
  content: "\F485";
}

.fa-prescription-bottle-alt:before {
  content: "\F486";
}

.fa-print:before {
  content: "\F02F";
}

.fa-procedures:before {
  content: "\F487";
}

.fa-product-hunt:before {
  content: "\F288";
}

.fa-project-diagram:before {
  content: "\F542";
}

.fa-pump-medical:before {
  content: "\E06A";
}

.fa-pump-soap:before {
  content: "\E06B";
}

.fa-pushed:before {
  content: "\F3E1";
}

.fa-puzzle-piece:before {
  content: "\F12E";
}

.fa-python:before {
  content: "\F3E2";
}

.fa-qq:before {
  content: "\F1D6";
}

.fa-qrcode:before {
  content: "\F029";
}

.fa-question:before {
  content: "\F128";
}

.fa-question-circle:before {
  content: "\F059";
}

.fa-quidditch:before {
  content: "\F458";
}

.fa-quinscape:before {
  content: "\F459";
}

.fa-quora:before {
  content: "\F2C4";
}

.fa-quote-left:before {
  content: "\F10D";
}

.fa-quote-right:before {
  content: "\F10E";
}

.fa-quran:before {
  content: "\F687";
}

.fa-r-project:before {
  content: "\F4F7";
}

.fa-radiation:before {
  content: "\F7B9";
}

.fa-radiation-alt:before {
  content: "\F7BA";
}

.fa-rainbow:before {
  content: "\F75B";
}

.fa-random:before {
  content: "\F074";
}

.fa-raspberry-pi:before {
  content: "\F7BB";
}

.fa-ravelry:before {
  content: "\F2D9";
}

.fa-react:before {
  content: "\F41B";
}

.fa-reacteurope:before {
  content: "\F75D";
}

.fa-readme:before {
  content: "\F4D5";
}

.fa-rebel:before {
  content: "\F1D0";
}

.fa-receipt:before {
  content: "\F543";
}

.fa-record-vinyl:before {
  content: "\F8D9";
}

.fa-recycle:before {
  content: "\F1B8";
}

.fa-red-river:before {
  content: "\F3E3";
}

.fa-reddit:before {
  content: "\F1A1";
}

.fa-reddit-alien:before {
  content: "\F281";
}

.fa-reddit-square:before {
  content: "\F1A2";
}

.fa-redhat:before {
  content: "\F7BC";
}

.fa-redo:before {
  content: "\F01E";
}

.fa-redo-alt:before {
  content: "\F2F9";
}

.fa-registered:before {
  content: "\F25D";
}

.fa-remove-format:before {
  content: "\F87D";
}

.fa-renren:before {
  content: "\F18B";
}

.fa-reply:before {
  content: "\F3E5";
}

.fa-reply-all:before {
  content: "\F122";
}

.fa-replyd:before {
  content: "\F3E6";
}

.fa-republican:before {
  content: "\F75E";
}

.fa-researchgate:before {
  content: "\F4F8";
}

.fa-resolving:before {
  content: "\F3E7";
}

.fa-restroom:before {
  content: "\F7BD";
}

.fa-retweet:before {
  content: "\F079";
}

.fa-rev:before {
  content: "\F5B2";
}

.fa-ribbon:before {
  content: "\F4D6";
}

.fa-ring:before {
  content: "\F70B";
}

.fa-road:before {
  content: "\F018";
}

.fa-robot:before {
  content: "\F544";
}

.fa-rocket:before {
  content: "\F135";
}

.fa-rocketchat:before {
  content: "\F3E8";
}

.fa-rockrms:before {
  content: "\F3E9";
}

.fa-route:before {
  content: "\F4D7";
}

.fa-rss:before {
  content: "\F09E";
}

.fa-rss-square:before {
  content: "\F143";
}

.fa-ruble-sign:before {
  content: "\F158";
}

.fa-ruler:before {
  content: "\F545";
}

.fa-ruler-combined:before {
  content: "\F546";
}

.fa-ruler-horizontal:before {
  content: "\F547";
}

.fa-ruler-vertical:before {
  content: "\F548";
}

.fa-running:before {
  content: "\F70C";
}

.fa-rupee-sign:before {
  content: "\F156";
}

.fa-rust:before {
  content: "\E07A";
}

.fa-sad-cry:before {
  content: "\F5B3";
}

.fa-sad-tear:before {
  content: "\F5B4";
}

.fa-safari:before {
  content: "\F267";
}

.fa-salesforce:before {
  content: "\F83B";
}

.fa-sass:before {
  content: "\F41E";
}

.fa-satellite:before {
  content: "\F7BF";
}

.fa-satellite-dish:before {
  content: "\F7C0";
}

.fa-save:before {
  content: "\F0C7";
}

.fa-schlix:before {
  content: "\F3EA";
}

.fa-school:before {
  content: "\F549";
}

.fa-screwdriver:before {
  content: "\F54A";
}

.fa-scribd:before {
  content: "\F28A";
}

.fa-scroll:before {
  content: "\F70E";
}

.fa-sd-card:before {
  content: "\F7C2";
}

.fa-search:before {
  content: "\F002";
}

.fa-search-dollar:before {
  content: "\F688";
}

.fa-search-location:before {
  content: "\F689";
}

.fa-search-minus:before {
  content: "\F010";
}

.fa-search-plus:before {
  content: "\F00E";
}

.fa-searchengin:before {
  content: "\F3EB";
}

.fa-seedling:before {
  content: "\F4D8";
}

.fa-sellcast:before {
  content: "\F2DA";
}

.fa-sellsy:before {
  content: "\F213";
}

.fa-server:before {
  content: "\F233";
}

.fa-servicestack:before {
  content: "\F3EC";
}

.fa-shapes:before {
  content: "\F61F";
}

.fa-share:before {
  content: "\F064";
}

.fa-share-alt:before {
  content: "\F1E0";
}

.fa-share-alt-square:before {
  content: "\F1E1";
}

.fa-share-square:before {
  content: "\F14D";
}

.fa-shekel-sign:before {
  content: "\F20B";
}

.fa-shield-alt:before {
  content: "\F3ED";
}

.fa-shield-virus:before {
  content: "\E06C";
}

.fa-ship:before {
  content: "\F21A";
}

.fa-shipping-fast:before {
  content: "\F48B";
}

.fa-shirtsinbulk:before {
  content: "\F214";
}

.fa-shoe-prints:before {
  content: "\F54B";
}

.fa-shopify:before {
  content: "\E057";
}

.fa-shopping-bag:before {
  content: "\F290";
}

.fa-shopping-basket:before {
  content: "\F291";
}

.fa-shopping-cart:before {
  content: "\F07A";
}

.fa-shopware:before {
  content: "\F5B5";
}

.fa-shower:before {
  content: "\F2CC";
}

.fa-shuttle-van:before {
  content: "\F5B6";
}

.fa-sign:before {
  content: "\F4D9";
}

.fa-sign-in-alt:before {
  content: "\F2F6";
}

.fa-sign-language:before {
  content: "\F2A7";
}

.fa-sign-out-alt:before {
  content: "\F2F5";
}

.fa-signal:before {
  content: "\F012";
}

.fa-signature:before {
  content: "\F5B7";
}

.fa-sim-card:before {
  content: "\F7C4";
}

.fa-simplybuilt:before {
  content: "\F215";
}

.fa-sink:before {
  content: "\E06D";
}

.fa-sistrix:before {
  content: "\F3EE";
}

.fa-sitemap:before {
  content: "\F0E8";
}

.fa-sith:before {
  content: "\F512";
}

.fa-skating:before {
  content: "\F7C5";
}

.fa-sketch:before {
  content: "\F7C6";
}

.fa-skiing:before {
  content: "\F7C9";
}

.fa-skiing-nordic:before {
  content: "\F7CA";
}

.fa-skull:before {
  content: "\F54C";
}

.fa-skull-crossbones:before {
  content: "\F714";
}

.fa-skyatlas:before {
  content: "\F216";
}

.fa-skype:before {
  content: "\F17E";
}

.fa-slack:before {
  content: "\F198";
}

.fa-slack-hash:before {
  content: "\F3EF";
}

.fa-slash:before {
  content: "\F715";
}

.fa-sleigh:before {
  content: "\F7CC";
}

.fa-sliders-h:before {
  content: "\F1DE";
}

.fa-slideshare:before {
  content: "\F1E7";
}

.fa-smile:before {
  content: "\F118";
}

.fa-smile-beam:before {
  content: "\F5B8";
}

.fa-smile-wink:before {
  content: "\F4DA";
}

.fa-smog:before {
  content: "\F75F";
}

.fa-smoking:before {
  content: "\F48D";
}

.fa-smoking-ban:before {
  content: "\F54D";
}

.fa-sms:before {
  content: "\F7CD";
}

.fa-snapchat:before {
  content: "\F2AB";
}

.fa-snapchat-ghost:before {
  content: "\F2AC";
}

.fa-snapchat-square:before {
  content: "\F2AD";
}

.fa-snowboarding:before {
  content: "\F7CE";
}

.fa-snowflake:before {
  content: "\F2DC";
}

.fa-snowman:before {
  content: "\F7D0";
}

.fa-snowplow:before {
  content: "\F7D2";
}

.fa-soap:before {
  content: "\E06E";
}

.fa-socks:before {
  content: "\F696";
}

.fa-solar-panel:before {
  content: "\F5BA";
}

.fa-sort:before {
  content: "\F0DC";
}

.fa-sort-alpha-down:before {
  content: "\F15D";
}

.fa-sort-alpha-down-alt:before {
  content: "\F881";
}

.fa-sort-alpha-up:before {
  content: "\F15E";
}

.fa-sort-alpha-up-alt:before {
  content: "\F882";
}

.fa-sort-amount-down:before {
  content: "\F160";
}

.fa-sort-amount-down-alt:before {
  content: "\F884";
}

.fa-sort-amount-up:before {
  content: "\F161";
}

.fa-sort-amount-up-alt:before {
  content: "\F885";
}

.fa-sort-down:before {
  content: "\F0DD";
}

.fa-sort-numeric-down:before {
  content: "\F162";
}

.fa-sort-numeric-down-alt:before {
  content: "\F886";
}

.fa-sort-numeric-up:before {
  content: "\F163";
}

.fa-sort-numeric-up-alt:before {
  content: "\F887";
}

.fa-sort-up:before {
  content: "\F0DE";
}

.fa-soundcloud:before {
  content: "\F1BE";
}

.fa-sourcetree:before {
  content: "\F7D3";
}

.fa-spa:before {
  content: "\F5BB";
}

.fa-space-shuttle:before {
  content: "\F197";
}

.fa-speakap:before {
  content: "\F3F3";
}

.fa-speaker-deck:before {
  content: "\F83C";
}

.fa-spell-check:before {
  content: "\F891";
}

.fa-spider:before {
  content: "\F717";
}

.fa-spinner:before {
  content: "\F110";
}

.fa-splotch:before {
  content: "\F5BC";
}

.fa-spotify:before {
  content: "\F1BC";
}

.fa-spray-can:before {
  content: "\F5BD";
}

.fa-square:before {
  content: "\F0C8";
}

.fa-square-full:before {
  content: "\F45C";
}

.fa-square-root-alt:before {
  content: "\F698";
}

.fa-squarespace:before {
  content: "\F5BE";
}

.fa-stack-exchange:before {
  content: "\F18D";
}

.fa-stack-overflow:before {
  content: "\F16C";
}

.fa-stackpath:before {
  content: "\F842";
}

.fa-stamp:before {
  content: "\F5BF";
}

.fa-star:before {
  content: "\F005";
}

.fa-star-and-crescent:before {
  content: "\F699";
}

.fa-star-half:before {
  content: "\F089";
}

.fa-star-half-alt:before {
  content: "\F5C0";
}

.fa-star-of-david:before {
  content: "\F69A";
}

.fa-star-of-life:before {
  content: "\F621";
}

.fa-staylinked:before {
  content: "\F3F5";
}

.fa-steam:before {
  content: "\F1B6";
}

.fa-steam-square:before {
  content: "\F1B7";
}

.fa-steam-symbol:before {
  content: "\F3F6";
}

.fa-step-backward:before {
  content: "\F048";
}

.fa-step-forward:before {
  content: "\F051";
}

.fa-stethoscope:before {
  content: "\F0F1";
}

.fa-sticker-mule:before {
  content: "\F3F7";
}

.fa-sticky-note:before {
  content: "\F249";
}

.fa-stop:before {
  content: "\F04D";
}

.fa-stop-circle:before {
  content: "\F28D";
}

.fa-stopwatch:before {
  content: "\F2F2";
}

.fa-stopwatch-20:before {
  content: "\E06F";
}

.fa-store:before {
  content: "\F54E";
}

.fa-store-alt:before {
  content: "\F54F";
}

.fa-store-alt-slash:before {
  content: "\E070";
}

.fa-store-slash:before {
  content: "\E071";
}

.fa-strava:before {
  content: "\F428";
}

.fa-stream:before {
  content: "\F550";
}

.fa-street-view:before {
  content: "\F21D";
}

.fa-strikethrough:before {
  content: "\F0CC";
}

.fa-stripe:before {
  content: "\F429";
}

.fa-stripe-s:before {
  content: "\F42A";
}

.fa-stroopwafel:before {
  content: "\F551";
}

.fa-studiovinari:before {
  content: "\F3F8";
}

.fa-stumbleupon:before {
  content: "\F1A4";
}

.fa-stumbleupon-circle:before {
  content: "\F1A3";
}

.fa-subscript:before {
  content: "\F12C";
}

.fa-subway:before {
  content: "\F239";
}

.fa-suitcase:before {
  content: "\F0F2";
}

.fa-suitcase-rolling:before {
  content: "\F5C1";
}

.fa-sun:before {
  content: "\F185";
}

.fa-superpowers:before {
  content: "\F2DD";
}

.fa-superscript:before {
  content: "\F12B";
}

.fa-supple:before {
  content: "\F3F9";
}

.fa-surprise:before {
  content: "\F5C2";
}

.fa-suse:before {
  content: "\F7D6";
}

.fa-swatchbook:before {
  content: "\F5C3";
}

.fa-swift:before {
  content: "\F8E1";
}

.fa-swimmer:before {
  content: "\F5C4";
}

.fa-swimming-pool:before {
  content: "\F5C5";
}

.fa-symfony:before {
  content: "\F83D";
}

.fa-synagogue:before {
  content: "\F69B";
}

.fa-sync:before {
  content: "\F021";
}

.fa-sync-alt:before {
  content: "\F2F1";
}

.fa-syringe:before {
  content: "\F48E";
}

.fa-table:before {
  content: "\F0CE";
}

.fa-table-tennis:before {
  content: "\F45D";
}

.fa-tablet:before {
  content: "\F10A";
}

.fa-tablet-alt:before {
  content: "\F3FA";
}

.fa-tablets:before {
  content: "\F490";
}

.fa-tachometer-alt:before {
  content: "\F3FD";
}

.fa-tag:before {
  content: "\F02B";
}

.fa-tags:before {
  content: "\F02C";
}

.fa-tape:before {
  content: "\F4DB";
}

.fa-tasks:before {
  content: "\F0AE";
}

.fa-taxi:before {
  content: "\F1BA";
}

.fa-teamspeak:before {
  content: "\F4F9";
}

.fa-teeth:before {
  content: "\F62E";
}

.fa-teeth-open:before {
  content: "\F62F";
}

.fa-telegram:before {
  content: "\F2C6";
}

.fa-telegram-plane:before {
  content: "\F3FE";
}

.fa-temperature-high:before {
  content: "\F769";
}

.fa-temperature-low:before {
  content: "\F76B";
}

.fa-tencent-weibo:before {
  content: "\F1D5";
}

.fa-tenge:before {
  content: "\F7D7";
}

.fa-terminal:before {
  content: "\F120";
}

.fa-text-height:before {
  content: "\F034";
}

.fa-text-width:before {
  content: "\F035";
}

.fa-th:before {
  content: "\F00A";
}

.fa-th-large:before {
  content: "\F009";
}

.fa-th-list:before {
  content: "\F00B";
}

.fa-the-red-yeti:before {
  content: "\F69D";
}

.fa-theater-masks:before {
  content: "\F630";
}

.fa-themeco:before {
  content: "\F5C6";
}

.fa-themeisle:before {
  content: "\F2B2";
}

.fa-thermometer:before {
  content: "\F491";
}

.fa-thermometer-empty:before {
  content: "\F2CB";
}

.fa-thermometer-full:before {
  content: "\F2C7";
}

.fa-thermometer-half:before {
  content: "\F2C9";
}

.fa-thermometer-quarter:before {
  content: "\F2CA";
}

.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}

.fa-think-peaks:before {
  content: "\F731";
}

.fa-thumbs-down:before {
  content: "\F165";
}

.fa-thumbs-up:before {
  content: "\F164";
}

.fa-thumbtack:before {
  content: "\F08D";
}

.fa-ticket-alt:before {
  content: "\F3FF";
}

.fa-tiktok:before {
  content: "\E07B";
}

.fa-times:before {
  content: "\F00D";
}

.fa-times-circle:before {
  content: "\F057";
}

.fa-tint:before {
  content: "\F043";
}

.fa-tint-slash:before {
  content: "\F5C7";
}

.fa-tired:before {
  content: "\F5C8";
}

.fa-toggle-off:before {
  content: "\F204";
}

.fa-toggle-on:before {
  content: "\F205";
}

.fa-toilet:before {
  content: "\F7D8";
}

.fa-toilet-paper:before {
  content: "\F71E";
}

.fa-toilet-paper-slash:before {
  content: "\E072";
}

.fa-toolbox:before {
  content: "\F552";
}

.fa-tools:before {
  content: "\F7D9";
}

.fa-tooth:before {
  content: "\F5C9";
}

.fa-torah:before {
  content: "\F6A0";
}

.fa-torii-gate:before {
  content: "\F6A1";
}

.fa-tractor:before {
  content: "\F722";
}

.fa-trade-federation:before {
  content: "\F513";
}

.fa-trademark:before {
  content: "\F25C";
}

.fa-traffic-light:before {
  content: "\F637";
}

.fa-trailer:before {
  content: "\E041";
}

.fa-train:before {
  content: "\F238";
}

.fa-tram:before {
  content: "\F7DA";
}

.fa-transgender:before {
  content: "\F224";
}

.fa-transgender-alt:before {
  content: "\F225";
}

.fa-trash:before {
  content: "\F1F8";
}

.fa-trash-alt:before {
  content: "\F2ED";
}

.fa-trash-restore:before {
  content: "\F829";
}

.fa-trash-restore-alt:before {
  content: "\F82A";
}

.fa-tree:before {
  content: "\F1BB";
}

.fa-trello:before {
  content: "\F181";
}

.fa-trophy:before {
  content: "\F091";
}

.fa-truck:before {
  content: "\F0D1";
}

.fa-truck-loading:before {
  content: "\F4DE";
}

.fa-truck-monster:before {
  content: "\F63B";
}

.fa-truck-moving:before {
  content: "\F4DF";
}

.fa-truck-pickup:before {
  content: "\F63C";
}

.fa-tshirt:before {
  content: "\F553";
}

.fa-tty:before {
  content: "\F1E4";
}

.fa-tumblr:before {
  content: "\F173";
}

.fa-tumblr-square:before {
  content: "\F174";
}

.fa-tv:before {
  content: "\F26C";
}

.fa-twitch:before {
  content: "\F1E8";
}

.fa-twitter:before {
  content: "\F099";
}

.fa-twitter-square:before {
  content: "\F081";
}

.fa-typo3:before {
  content: "\F42B";
}

.fa-uber:before {
  content: "\F402";
}

.fa-ubuntu:before {
  content: "\F7DF";
}

.fa-uikit:before {
  content: "\F403";
}

.fa-umbraco:before {
  content: "\F8E8";
}

.fa-umbrella:before {
  content: "\F0E9";
}

.fa-umbrella-beach:before {
  content: "\F5CA";
}

.fa-uncharted:before {
  content: "\E084";
}

.fa-underline:before {
  content: "\F0CD";
}

.fa-undo:before {
  content: "\F0E2";
}

.fa-undo-alt:before {
  content: "\F2EA";
}

.fa-uniregistry:before {
  content: "\F404";
}

.fa-unity:before {
  content: "\E049";
}

.fa-universal-access:before {
  content: "\F29A";
}

.fa-university:before {
  content: "\F19C";
}

.fa-unlink:before {
  content: "\F127";
}

.fa-unlock:before {
  content: "\F09C";
}

.fa-unlock-alt:before {
  content: "\F13E";
}

.fa-unsplash:before {
  content: "\E07C";
}

.fa-untappd:before {
  content: "\F405";
}

.fa-upload:before {
  content: "\F093";
}

.fa-ups:before {
  content: "\F7E0";
}

.fa-usb:before {
  content: "\F287";
}

.fa-user:before {
  content: "\F007";
}

.fa-user-alt:before {
  content: "\F406";
}

.fa-user-alt-slash:before {
  content: "\F4FA";
}

.fa-user-astronaut:before {
  content: "\F4FB";
}

.fa-user-check:before {
  content: "\F4FC";
}

.fa-user-circle:before {
  content: "\F2BD";
}

.fa-user-clock:before {
  content: "\F4FD";
}

.fa-user-cog:before {
  content: "\F4FE";
}

.fa-user-edit:before {
  content: "\F4FF";
}

.fa-user-friends:before {
  content: "\F500";
}

.fa-user-graduate:before {
  content: "\F501";
}

.fa-user-injured:before {
  content: "\F728";
}

.fa-user-lock:before {
  content: "\F502";
}

.fa-user-md:before {
  content: "\F0F0";
}

.fa-user-minus:before {
  content: "\F503";
}

.fa-user-ninja:before {
  content: "\F504";
}

.fa-user-nurse:before {
  content: "\F82F";
}

.fa-user-plus:before {
  content: "\F234";
}

.fa-user-secret:before {
  content: "\F21B";
}

.fa-user-shield:before {
  content: "\F505";
}

.fa-user-slash:before {
  content: "\F506";
}

.fa-user-tag:before {
  content: "\F507";
}

.fa-user-tie:before {
  content: "\F508";
}

.fa-user-times:before {
  content: "\F235";
}

.fa-users:before {
  content: "\F0C0";
}

.fa-users-cog:before {
  content: "\F509";
}

.fa-users-slash:before {
  content: "\E073";
}

.fa-usps:before {
  content: "\F7E1";
}

.fa-ussunnah:before {
  content: "\F407";
}

.fa-utensil-spoon:before {
  content: "\F2E5";
}

.fa-utensils:before {
  content: "\F2E7";
}

.fa-vaadin:before {
  content: "\F408";
}

.fa-vector-square:before {
  content: "\F5CB";
}

.fa-venus:before {
  content: "\F221";
}

.fa-venus-double:before {
  content: "\F226";
}

.fa-venus-mars:before {
  content: "\F228";
}

.fa-vest:before {
  content: "\E085";
}

.fa-vest-patches:before {
  content: "\E086";
}

.fa-viacoin:before {
  content: "\F237";
}

.fa-viadeo:before {
  content: "\F2A9";
}

.fa-viadeo-square:before {
  content: "\F2AA";
}

.fa-vial:before {
  content: "\F492";
}

.fa-vials:before {
  content: "\F493";
}

.fa-viber:before {
  content: "\F409";
}

.fa-video:before {
  content: "\F03D";
}

.fa-video-slash:before {
  content: "\F4E2";
}

.fa-vihara:before {
  content: "\F6A7";
}

.fa-vimeo:before {
  content: "\F40A";
}

.fa-vimeo-square:before {
  content: "\F194";
}

.fa-vimeo-v:before {
  content: "\F27D";
}

.fa-vine:before {
  content: "\F1CA";
}

.fa-virus:before {
  content: "\E074";
}

.fa-virus-slash:before {
  content: "\E075";
}

.fa-viruses:before {
  content: "\E076";
}

.fa-vk:before {
  content: "\F189";
}

.fa-vnv:before {
  content: "\F40B";
}

.fa-voicemail:before {
  content: "\F897";
}

.fa-volleyball-ball:before {
  content: "\F45F";
}

.fa-volume-down:before {
  content: "\F027";
}

.fa-volume-mute:before {
  content: "\F6A9";
}

.fa-volume-off:before {
  content: "\F026";
}

.fa-volume-up:before {
  content: "\F028";
}

.fa-vote-yea:before {
  content: "\F772";
}

.fa-vr-cardboard:before {
  content: "\F729";
}

.fa-vuejs:before {
  content: "\F41F";
}

.fa-walking:before {
  content: "\F554";
}

.fa-wallet:before {
  content: "\F555";
}

.fa-warehouse:before {
  content: "\F494";
}

.fa-watchman-monitoring:before {
  content: "\E087";
}

.fa-water:before {
  content: "\F773";
}

.fa-wave-square:before {
  content: "\F83E";
}

.fa-waze:before {
  content: "\F83F";
}

.fa-weebly:before {
  content: "\F5CC";
}

.fa-weibo:before {
  content: "\F18A";
}

.fa-weight:before {
  content: "\F496";
}

.fa-weight-hanging:before {
  content: "\F5CD";
}

.fa-weixin:before {
  content: "\F1D7";
}

.fa-whatsapp:before {
  content: "\F232";
}

.fa-whatsapp-square:before {
  content: "\F40C";
}

.fa-wheelchair:before {
  content: "\F193";
}

.fa-whmcs:before {
  content: "\F40D";
}

.fa-wifi:before {
  content: "\F1EB";
}

.fa-wikipedia-w:before {
  content: "\F266";
}

.fa-wind:before {
  content: "\F72E";
}

.fa-window-close:before {
  content: "\F410";
}

.fa-window-maximize:before {
  content: "\F2D0";
}

.fa-window-minimize:before {
  content: "\F2D1";
}

.fa-window-restore:before {
  content: "\F2D2";
}

.fa-windows:before {
  content: "\F17A";
}

.fa-wine-bottle:before {
  content: "\F72F";
}

.fa-wine-glass:before {
  content: "\F4E3";
}

.fa-wine-glass-alt:before {
  content: "\F5CE";
}

.fa-wix:before {
  content: "\F5CF";
}

.fa-wizards-of-the-coast:before {
  content: "\F730";
}

.fa-wodu:before {
  content: "\E088";
}

.fa-wolf-pack-battalion:before {
  content: "\F514";
}

.fa-won-sign:before {
  content: "\F159";
}

.fa-wordpress:before {
  content: "\F19A";
}

.fa-wordpress-simple:before {
  content: "\F411";
}

.fa-wpbeginner:before {
  content: "\F297";
}

.fa-wpexplorer:before {
  content: "\F2DE";
}

.fa-wpforms:before {
  content: "\F298";
}

.fa-wpressr:before {
  content: "\F3E4";
}

.fa-wrench:before {
  content: "\F0AD";
}

.fa-x-ray:before {
  content: "\F497";
}

.fa-xbox:before {
  content: "\F412";
}

.fa-xing:before {
  content: "\F168";
}

.fa-xing-square:before {
  content: "\F169";
}

.fa-y-combinator:before {
  content: "\F23B";
}

.fa-yahoo:before {
  content: "\F19E";
}

.fa-yammer:before {
  content: "\F840";
}

.fa-yandex:before {
  content: "\F413";
}

.fa-yandex-international:before {
  content: "\F414";
}

.fa-yarn:before {
  content: "\F7E3";
}

.fa-yelp:before {
  content: "\F1E9";
}

.fa-yen-sign:before {
  content: "\F157";
}

.fa-yin-yang:before {
  content: "\F6AD";
}

.fa-yoast:before {
  content: "\F2B1";
}

.fa-youtube:before {
  content: "\F167";
}

.fa-youtube-square:before {
  content: "\F431";
}

.fa-zhihu:before {
  content: "\F63F";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?0c6bfc668a72935760178f91327aed3a);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?0c6bfc668a72935760178f91327aed3a?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?d824df7eb2e268626a2dd9a6a741ac4e) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?d745348d289b149026921f197929a893) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?b9625119ce4300f0ef890a8f3234c773) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?37bc7099f6f1ba80236164f22e905837#fontawesome) format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?592643a83b8541edc52063d84c468700);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?592643a83b8541edc52063d84c468700?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?ed311c7a0ade9a75bb3ebf5a7670f31d) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?1a575a4138e5f366474f0e7c5bd614a5) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?513aa607d398efaccc559916c3431403) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?1d5619cd804367cefe6da2d79289218a#fontawesome) format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?b0e2db3b634d1bc3928e127458d993d8);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?b0e2db3b634d1bc3928e127458d993d8?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?b91d376b8d7646d671cd820950d5f7f1) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?d1d7e3b4c219fde0f7376c6facfd7149) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?766913e6c0088ab8c9f73e18b4127bc4) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?c5d109be8edd3de0f60eb472bd9ef691#fontawesome) format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

/*################ margenes #######################*/

.mb-0.5 {
  margin-bottom: 0.5px !important;
}

@media (max-width: 575px) {
  .mb-xs-0.5 {
    margin-bottom: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-0.5 {
    margin-bottom: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-0.5 {
    margin-bottom: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-0.5 {
    margin-bottom: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-0.5 {
    margin-bottom: 0.5px !important;
  }
}

.mb-0.8 {
  margin-bottom: 0.8px !important;
}

@media (max-width: 575px) {
  .mb-xs-0.8 {
    margin-bottom: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-0.8 {
    margin-bottom: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-0.8 {
    margin-bottom: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-0.8 {
    margin-bottom: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-0.8 {
    margin-bottom: 0.8px !important;
  }
}

.mb-0 {
  margin-bottom: 0px !important;
}

@media (max-width: 575px) {
  .mb-xs-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
}

.mb-5 {
  margin-bottom: 5px !important;
}

@media (max-width: 575px) {
  .mb-xs-5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-5 {
    margin-bottom: 5px !important;
  }
}

.mb-6 {
  margin-bottom: 6px !important;
}

@media (max-width: 575px) {
  .mb-xs-6 {
    margin-bottom: 6px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-6 {
    margin-bottom: 6px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-6 {
    margin-bottom: 6px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-6 {
    margin-bottom: 6px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-6 {
    margin-bottom: 6px !important;
  }
}

.mb-7 {
  margin-bottom: 7px !important;
}

@media (max-width: 575px) {
  .mb-xs-7 {
    margin-bottom: 7px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-7 {
    margin-bottom: 7px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-7 {
    margin-bottom: 7px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-7 {
    margin-bottom: 7px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-7 {
    margin-bottom: 7px !important;
  }
}

.mb-8 {
  margin-bottom: 8px !important;
}

@media (max-width: 575px) {
  .mb-xs-8 {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-8 {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-8 {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-8 {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-8 {
    margin-bottom: 8px !important;
  }
}

.mb-9 {
  margin-bottom: 9px !important;
}

@media (max-width: 575px) {
  .mb-xs-9 {
    margin-bottom: 9px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-9 {
    margin-bottom: 9px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-9 {
    margin-bottom: 9px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-9 {
    margin-bottom: 9px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-9 {
    margin-bottom: 9px !important;
  }
}

.mb-10 {
  margin-bottom: 10px !important;
}

@media (max-width: 575px) {
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-10 {
    margin-bottom: 10px !important;
  }
}

.mb-15 {
  margin-bottom: 15px !important;
}

@media (max-width: 575px) {
  .mb-xs-15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-15 {
    margin-bottom: 15px !important;
  }
}

.mb-20 {
  margin-bottom: 20px !important;
}

@media (max-width: 575px) {
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
}

.mb-25 {
  margin-bottom: 25px !important;
}

@media (max-width: 575px) {
  .mb-xs-25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-25 {
    margin-bottom: 25px !important;
  }
}

.mb-26 {
  margin-bottom: 26px !important;
}

@media (max-width: 575px) {
  .mb-xs-26 {
    margin-bottom: 26px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-26 {
    margin-bottom: 26px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-26 {
    margin-bottom: 26px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-26 {
    margin-bottom: 26px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-26 {
    margin-bottom: 26px !important;
  }
}

.mb-27 {
  margin-bottom: 27px !important;
}

@media (max-width: 575px) {
  .mb-xs-27 {
    margin-bottom: 27px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-27 {
    margin-bottom: 27px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-27 {
    margin-bottom: 27px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-27 {
    margin-bottom: 27px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-27 {
    margin-bottom: 27px !important;
  }
}

.mb-28 {
  margin-bottom: 28px !important;
}

@media (max-width: 575px) {
  .mb-xs-28 {
    margin-bottom: 28px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-28 {
    margin-bottom: 28px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-28 {
    margin-bottom: 28px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-28 {
    margin-bottom: 28px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-28 {
    margin-bottom: 28px !important;
  }
}

.mb-29 {
  margin-bottom: 29px !important;
}

@media (max-width: 575px) {
  .mb-xs-29 {
    margin-bottom: 29px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-29 {
    margin-bottom: 29px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-29 {
    margin-bottom: 29px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-29 {
    margin-bottom: 29px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-29 {
    margin-bottom: 29px !important;
  }
}

.mb-30 {
  margin-bottom: 30px !important;
}

@media (max-width: 575px) {
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-30 {
    margin-bottom: 30px !important;
  }
}

.mb-40 {
  margin-bottom: 40px !important;
}

@media (max-width: 575px) {
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
}

.mb-50 {
  margin-bottom: 50px !important;
}

@media (max-width: 575px) {
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-50 {
    margin-bottom: 50px !important;
  }
}

.mb-60 {
  margin-bottom: 60px !important;
}

@media (max-width: 575px) {
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-60 {
    margin-bottom: 60px !important;
  }
}

.mb-70 {
  margin-bottom: 70px !important;
}

@media (max-width: 575px) {
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-70 {
    margin-bottom: 70px !important;
  }
}

.mb-80 {
  margin-bottom: 80px !important;
}

@media (max-width: 575px) {
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
}

.mb-90 {
  margin-bottom: 90px !important;
}

@media (max-width: 575px) {
  .mb-xs-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-90 {
    margin-bottom: 90px !important;
  }
}

.mb-100 {
  margin-bottom: 100px !important;
}

@media (max-width: 575px) {
  .mb-xs-100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-100 {
    margin-bottom: 100px !important;
  }
}

.mb-120 {
  margin-bottom: 120px !important;
}

@media (max-width: 575px) {
  .mb-xs-120 {
    margin-bottom: 120px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-120 {
    margin-bottom: 120px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-120 {
    margin-bottom: 120px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-120 {
    margin-bottom: 120px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-120 {
    margin-bottom: 120px !important;
  }
}

.mb-140 {
  margin-bottom: 140px !important;
}

@media (max-width: 575px) {
  .mb-xs-140 {
    margin-bottom: 140px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-140 {
    margin-bottom: 140px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-140 {
    margin-bottom: 140px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-140 {
    margin-bottom: 140px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-140 {
    margin-bottom: 140px !important;
  }
}

.mb-150 {
  margin-bottom: 150px !important;
}

@media (max-width: 575px) {
  .mb-xs-150 {
    margin-bottom: 150px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-150 {
    margin-bottom: 150px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-150 {
    margin-bottom: 150px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-150 {
    margin-bottom: 150px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-150 {
    margin-bottom: 150px !important;
  }
}

.mb-160 {
  margin-bottom: 160px !important;
}

@media (max-width: 575px) {
  .mb-xs-160 {
    margin-bottom: 160px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-160 {
    margin-bottom: 160px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-160 {
    margin-bottom: 160px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-160 {
    margin-bottom: 160px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-160 {
    margin-bottom: 160px !important;
  }
}

.mb-170 {
  margin-bottom: 170px !important;
}

@media (max-width: 575px) {
  .mb-xs-170 {
    margin-bottom: 170px !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-170 {
    margin-bottom: 170px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-170 {
    margin-bottom: 170px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-170 {
    margin-bottom: 170px !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-170 {
    margin-bottom: 170px !important;
  }
}

.mr-0.5 {
  margin-right: 0.5px !important;
}

@media (max-width: 575px) {
  .mr-xs-0.5 {
    margin-right: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-0.5 {
    margin-right: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-0.5 {
    margin-right: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-0.5 {
    margin-right: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-0.5 {
    margin-right: 0.5px !important;
  }
}

.mr-0.8 {
  margin-right: 0.8px !important;
}

@media (max-width: 575px) {
  .mr-xs-0.8 {
    margin-right: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-0.8 {
    margin-right: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-0.8 {
    margin-right: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-0.8 {
    margin-right: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-0.8 {
    margin-right: 0.8px !important;
  }
}

.mr-0 {
  margin-right: 0px !important;
}

@media (max-width: 575px) {
  .mr-xs-0 {
    margin-right: 0px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-0 {
    margin-right: 0px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0px !important;
  }
}

.mr-5 {
  margin-right: 5px !important;
}

@media (max-width: 575px) {
  .mr-xs-5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-5 {
    margin-right: 5px !important;
  }
}

.mr-6 {
  margin-right: 6px !important;
}

@media (max-width: 575px) {
  .mr-xs-6 {
    margin-right: 6px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-6 {
    margin-right: 6px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-6 {
    margin-right: 6px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-6 {
    margin-right: 6px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-6 {
    margin-right: 6px !important;
  }
}

.mr-7 {
  margin-right: 7px !important;
}

@media (max-width: 575px) {
  .mr-xs-7 {
    margin-right: 7px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-7 {
    margin-right: 7px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-7 {
    margin-right: 7px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-7 {
    margin-right: 7px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-7 {
    margin-right: 7px !important;
  }
}

.mr-8 {
  margin-right: 8px !important;
}

@media (max-width: 575px) {
  .mr-xs-8 {
    margin-right: 8px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-8 {
    margin-right: 8px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-8 {
    margin-right: 8px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-8 {
    margin-right: 8px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-8 {
    margin-right: 8px !important;
  }
}

.mr-9 {
  margin-right: 9px !important;
}

@media (max-width: 575px) {
  .mr-xs-9 {
    margin-right: 9px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-9 {
    margin-right: 9px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-9 {
    margin-right: 9px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-9 {
    margin-right: 9px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-9 {
    margin-right: 9px !important;
  }
}

.mr-10 {
  margin-right: 10px !important;
}

@media (max-width: 575px) {
  .mr-xs-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-10 {
    margin-right: 10px !important;
  }
}

.mr-15 {
  margin-right: 15px !important;
}

@media (max-width: 575px) {
  .mr-xs-15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-15 {
    margin-right: 15px !important;
  }
}

.mr-20 {
  margin-right: 20px !important;
}

@media (max-width: 575px) {
  .mr-xs-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-20 {
    margin-right: 20px !important;
  }
}

.mr-25 {
  margin-right: 25px !important;
}

@media (max-width: 575px) {
  .mr-xs-25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-25 {
    margin-right: 25px !important;
  }
}

.mr-26 {
  margin-right: 26px !important;
}

@media (max-width: 575px) {
  .mr-xs-26 {
    margin-right: 26px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-26 {
    margin-right: 26px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-26 {
    margin-right: 26px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-26 {
    margin-right: 26px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-26 {
    margin-right: 26px !important;
  }
}

.mr-27 {
  margin-right: 27px !important;
}

@media (max-width: 575px) {
  .mr-xs-27 {
    margin-right: 27px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-27 {
    margin-right: 27px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-27 {
    margin-right: 27px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-27 {
    margin-right: 27px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-27 {
    margin-right: 27px !important;
  }
}

.mr-28 {
  margin-right: 28px !important;
}

@media (max-width: 575px) {
  .mr-xs-28 {
    margin-right: 28px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-28 {
    margin-right: 28px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-28 {
    margin-right: 28px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-28 {
    margin-right: 28px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-28 {
    margin-right: 28px !important;
  }
}

.mr-29 {
  margin-right: 29px !important;
}

@media (max-width: 575px) {
  .mr-xs-29 {
    margin-right: 29px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-29 {
    margin-right: 29px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-29 {
    margin-right: 29px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-29 {
    margin-right: 29px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-29 {
    margin-right: 29px !important;
  }
}

.mr-30 {
  margin-right: 30px !important;
}

@media (max-width: 575px) {
  .mr-xs-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-30 {
    margin-right: 30px !important;
  }
}

.mr-40 {
  margin-right: 40px !important;
}

@media (max-width: 575px) {
  .mr-xs-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-40 {
    margin-right: 40px !important;
  }
}

.mr-50 {
  margin-right: 50px !important;
}

@media (max-width: 575px) {
  .mr-xs-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-50 {
    margin-right: 50px !important;
  }
}

.mr-60 {
  margin-right: 60px !important;
}

@media (max-width: 575px) {
  .mr-xs-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-60 {
    margin-right: 60px !important;
  }
}

.mr-70 {
  margin-right: 70px !important;
}

@media (max-width: 575px) {
  .mr-xs-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-70 {
    margin-right: 70px !important;
  }
}

.mr-80 {
  margin-right: 80px !important;
}

@media (max-width: 575px) {
  .mr-xs-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-80 {
    margin-right: 80px !important;
  }
}

.mr-90 {
  margin-right: 90px !important;
}

@media (max-width: 575px) {
  .mr-xs-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-90 {
    margin-right: 90px !important;
  }
}

.mr-100 {
  margin-right: 100px !important;
}

@media (max-width: 575px) {
  .mr-xs-100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-100 {
    margin-right: 100px !important;
  }
}

.mr-120 {
  margin-right: 120px !important;
}

@media (max-width: 575px) {
  .mr-xs-120 {
    margin-right: 120px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-120 {
    margin-right: 120px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-120 {
    margin-right: 120px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-120 {
    margin-right: 120px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-120 {
    margin-right: 120px !important;
  }
}

.mr-140 {
  margin-right: 140px !important;
}

@media (max-width: 575px) {
  .mr-xs-140 {
    margin-right: 140px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-140 {
    margin-right: 140px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-140 {
    margin-right: 140px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-140 {
    margin-right: 140px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-140 {
    margin-right: 140px !important;
  }
}

.mr-150 {
  margin-right: 150px !important;
}

@media (max-width: 575px) {
  .mr-xs-150 {
    margin-right: 150px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-150 {
    margin-right: 150px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-150 {
    margin-right: 150px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-150 {
    margin-right: 150px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-150 {
    margin-right: 150px !important;
  }
}

.mr-160 {
  margin-right: 160px !important;
}

@media (max-width: 575px) {
  .mr-xs-160 {
    margin-right: 160px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-160 {
    margin-right: 160px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-160 {
    margin-right: 160px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-160 {
    margin-right: 160px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-160 {
    margin-right: 160px !important;
  }
}

.mr-170 {
  margin-right: 170px !important;
}

@media (max-width: 575px) {
  .mr-xs-170 {
    margin-right: 170px !important;
  }
}

@media (min-width: 576px) {
  .mr-sm-170 {
    margin-right: 170px !important;
  }
}

@media (min-width: 768px) {
  .mr-md-170 {
    margin-right: 170px !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-170 {
    margin-right: 170px !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-170 {
    margin-right: 170px !important;
  }
}

.ml-0.5 {
  margin-left: 0.5px !important;
}

@media (max-width: 575px) {
  .ml-xs-0.5 {
    margin-left: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-0.5 {
    margin-left: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-0.5 {
    margin-left: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-0.5 {
    margin-left: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-0.5 {
    margin-left: 0.5px !important;
  }
}

.ml-0.8 {
  margin-left: 0.8px !important;
}

@media (max-width: 575px) {
  .ml-xs-0.8 {
    margin-left: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-0.8 {
    margin-left: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-0.8 {
    margin-left: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-0.8 {
    margin-left: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-0.8 {
    margin-left: 0.8px !important;
  }
}

.ml-0 {
  margin-left: 0px !important;
}

@media (max-width: 575px) {
  .ml-xs-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0px !important;
  }
}

.ml-5 {
  margin-left: 5px !important;
}

@media (max-width: 575px) {
  .ml-xs-5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-5 {
    margin-left: 5px !important;
  }
}

.ml-6 {
  margin-left: 6px !important;
}

@media (max-width: 575px) {
  .ml-xs-6 {
    margin-left: 6px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-6 {
    margin-left: 6px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-6 {
    margin-left: 6px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-6 {
    margin-left: 6px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-6 {
    margin-left: 6px !important;
  }
}

.ml-7 {
  margin-left: 7px !important;
}

@media (max-width: 575px) {
  .ml-xs-7 {
    margin-left: 7px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-7 {
    margin-left: 7px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-7 {
    margin-left: 7px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-7 {
    margin-left: 7px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-7 {
    margin-left: 7px !important;
  }
}

.ml-8 {
  margin-left: 8px !important;
}

@media (max-width: 575px) {
  .ml-xs-8 {
    margin-left: 8px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-8 {
    margin-left: 8px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-8 {
    margin-left: 8px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-8 {
    margin-left: 8px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-8 {
    margin-left: 8px !important;
  }
}

.ml-9 {
  margin-left: 9px !important;
}

@media (max-width: 575px) {
  .ml-xs-9 {
    margin-left: 9px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-9 {
    margin-left: 9px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-9 {
    margin-left: 9px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-9 {
    margin-left: 9px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-9 {
    margin-left: 9px !important;
  }
}

.ml-10 {
  margin-left: 10px !important;
}

@media (max-width: 575px) {
  .ml-xs-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-10 {
    margin-left: 10px !important;
  }
}

.ml-15 {
  margin-left: 15px !important;
}

@media (max-width: 575px) {
  .ml-xs-15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-15 {
    margin-left: 15px !important;
  }
}

.ml-20 {
  margin-left: 20px !important;
}

@media (max-width: 575px) {
  .ml-xs-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-20 {
    margin-left: 20px !important;
  }
}

.ml-25 {
  margin-left: 25px !important;
}

@media (max-width: 575px) {
  .ml-xs-25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-25 {
    margin-left: 25px !important;
  }
}

.ml-26 {
  margin-left: 26px !important;
}

@media (max-width: 575px) {
  .ml-xs-26 {
    margin-left: 26px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-26 {
    margin-left: 26px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-26 {
    margin-left: 26px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-26 {
    margin-left: 26px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-26 {
    margin-left: 26px !important;
  }
}

.ml-27 {
  margin-left: 27px !important;
}

@media (max-width: 575px) {
  .ml-xs-27 {
    margin-left: 27px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-27 {
    margin-left: 27px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-27 {
    margin-left: 27px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-27 {
    margin-left: 27px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-27 {
    margin-left: 27px !important;
  }
}

.ml-28 {
  margin-left: 28px !important;
}

@media (max-width: 575px) {
  .ml-xs-28 {
    margin-left: 28px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-28 {
    margin-left: 28px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-28 {
    margin-left: 28px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-28 {
    margin-left: 28px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-28 {
    margin-left: 28px !important;
  }
}

.ml-29 {
  margin-left: 29px !important;
}

@media (max-width: 575px) {
  .ml-xs-29 {
    margin-left: 29px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-29 {
    margin-left: 29px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-29 {
    margin-left: 29px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-29 {
    margin-left: 29px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-29 {
    margin-left: 29px !important;
  }
}

.ml-30 {
  margin-left: 30px !important;
}

@media (max-width: 575px) {
  .ml-xs-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-30 {
    margin-left: 30px !important;
  }
}

.ml-40 {
  margin-left: 40px !important;
}

@media (max-width: 575px) {
  .ml-xs-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-40 {
    margin-left: 40px !important;
  }
}

.ml-50 {
  margin-left: 50px !important;
}

@media (max-width: 575px) {
  .ml-xs-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-50 {
    margin-left: 50px !important;
  }
}

.ml-60 {
  margin-left: 60px !important;
}

@media (max-width: 575px) {
  .ml-xs-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-60 {
    margin-left: 60px !important;
  }
}

.ml-70 {
  margin-left: 70px !important;
}

@media (max-width: 575px) {
  .ml-xs-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-70 {
    margin-left: 70px !important;
  }
}

.ml-80 {
  margin-left: 80px !important;
}

@media (max-width: 575px) {
  .ml-xs-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-80 {
    margin-left: 80px !important;
  }
}

.ml-90 {
  margin-left: 90px !important;
}

@media (max-width: 575px) {
  .ml-xs-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-90 {
    margin-left: 90px !important;
  }
}

.ml-100 {
  margin-left: 100px !important;
}

@media (max-width: 575px) {
  .ml-xs-100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-100 {
    margin-left: 100px !important;
  }
}

.ml-120 {
  margin-left: 120px !important;
}

@media (max-width: 575px) {
  .ml-xs-120 {
    margin-left: 120px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-120 {
    margin-left: 120px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-120 {
    margin-left: 120px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-120 {
    margin-left: 120px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-120 {
    margin-left: 120px !important;
  }
}

.ml-140 {
  margin-left: 140px !important;
}

@media (max-width: 575px) {
  .ml-xs-140 {
    margin-left: 140px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-140 {
    margin-left: 140px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-140 {
    margin-left: 140px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-140 {
    margin-left: 140px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-140 {
    margin-left: 140px !important;
  }
}

.ml-150 {
  margin-left: 150px !important;
}

@media (max-width: 575px) {
  .ml-xs-150 {
    margin-left: 150px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-150 {
    margin-left: 150px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-150 {
    margin-left: 150px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-150 {
    margin-left: 150px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-150 {
    margin-left: 150px !important;
  }
}

.ml-160 {
  margin-left: 160px !important;
}

@media (max-width: 575px) {
  .ml-xs-160 {
    margin-left: 160px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-160 {
    margin-left: 160px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-160 {
    margin-left: 160px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-160 {
    margin-left: 160px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-160 {
    margin-left: 160px !important;
  }
}

.ml-170 {
  margin-left: 170px !important;
}

@media (max-width: 575px) {
  .ml-xs-170 {
    margin-left: 170px !important;
  }
}

@media (min-width: 576px) {
  .ml-sm-170 {
    margin-left: 170px !important;
  }
}

@media (min-width: 768px) {
  .ml-md-170 {
    margin-left: 170px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-170 {
    margin-left: 170px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl-170 {
    margin-left: 170px !important;
  }
}

.mt-0.5 {
  margin-top: 0.5px !important;
}

@media (max-width: 575px) {
  .mt-xs-0.5 {
    margin-top: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-0.5 {
    margin-top: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-0.5 {
    margin-top: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-0.5 {
    margin-top: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-0.5 {
    margin-top: 0.5px !important;
  }
}

.mt-0.8 {
  margin-top: 0.8px !important;
}

@media (max-width: 575px) {
  .mt-xs-0.8 {
    margin-top: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-0.8 {
    margin-top: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-0.8 {
    margin-top: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-0.8 {
    margin-top: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-0.8 {
    margin-top: 0.8px !important;
  }
}

.mt-0 {
  margin-top: 0px !important;
}

@media (max-width: 575px) {
  .mt-xs-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0px !important;
  }
}

.mt-5 {
  margin-top: 5px !important;
}

@media (max-width: 575px) {
  .mt-xs-5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-5 {
    margin-top: 5px !important;
  }
}

.mt-6 {
  margin-top: 6px !important;
}

@media (max-width: 575px) {
  .mt-xs-6 {
    margin-top: 6px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-6 {
    margin-top: 6px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-6 {
    margin-top: 6px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 6px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-6 {
    margin-top: 6px !important;
  }
}

.mt-7 {
  margin-top: 7px !important;
}

@media (max-width: 575px) {
  .mt-xs-7 {
    margin-top: 7px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-7 {
    margin-top: 7px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-7 {
    margin-top: 7px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-7 {
    margin-top: 7px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-7 {
    margin-top: 7px !important;
  }
}

.mt-8 {
  margin-top: 8px !important;
}

@media (max-width: 575px) {
  .mt-xs-8 {
    margin-top: 8px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-8 {
    margin-top: 8px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-8 {
    margin-top: 8px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-8 {
    margin-top: 8px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-8 {
    margin-top: 8px !important;
  }
}

.mt-9 {
  margin-top: 9px !important;
}

@media (max-width: 575px) {
  .mt-xs-9 {
    margin-top: 9px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-9 {
    margin-top: 9px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-9 {
    margin-top: 9px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-9 {
    margin-top: 9px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-9 {
    margin-top: 9px !important;
  }
}

.mt-10 {
  margin-top: 10px !important;
}

@media (max-width: 575px) {
  .mt-xs-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-10 {
    margin-top: 10px !important;
  }
}

.mt-15 {
  margin-top: 15px !important;
}

@media (max-width: 575px) {
  .mt-xs-15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-15 {
    margin-top: 15px !important;
  }
}

.mt-20 {
  margin-top: 20px !important;
}

@media (max-width: 575px) {
  .mt-xs-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-20 {
    margin-top: 20px !important;
  }
}

.mt-25 {
  margin-top: 25px !important;
}

@media (max-width: 575px) {
  .mt-xs-25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-25 {
    margin-top: 25px !important;
  }
}

.mt-26 {
  margin-top: 26px !important;
}

@media (max-width: 575px) {
  .mt-xs-26 {
    margin-top: 26px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-26 {
    margin-top: 26px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-26 {
    margin-top: 26px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-26 {
    margin-top: 26px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-26 {
    margin-top: 26px !important;
  }
}

.mt-27 {
  margin-top: 27px !important;
}

@media (max-width: 575px) {
  .mt-xs-27 {
    margin-top: 27px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-27 {
    margin-top: 27px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-27 {
    margin-top: 27px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-27 {
    margin-top: 27px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-27 {
    margin-top: 27px !important;
  }
}

.mt-28 {
  margin-top: 28px !important;
}

@media (max-width: 575px) {
  .mt-xs-28 {
    margin-top: 28px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-28 {
    margin-top: 28px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-28 {
    margin-top: 28px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-28 {
    margin-top: 28px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-28 {
    margin-top: 28px !important;
  }
}

.mt-29 {
  margin-top: 29px !important;
}

@media (max-width: 575px) {
  .mt-xs-29 {
    margin-top: 29px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-29 {
    margin-top: 29px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-29 {
    margin-top: 29px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-29 {
    margin-top: 29px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-29 {
    margin-top: 29px !important;
  }
}

.mt-30 {
  margin-top: 30px !important;
}

@media (max-width: 575px) {
  .mt-xs-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-30 {
    margin-top: 30px !important;
  }
}

.mt-40 {
  margin-top: 40px !important;
}

@media (max-width: 575px) {
  .mt-xs-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-40 {
    margin-top: 40px !important;
  }
}

.mt-50 {
  margin-top: 50px !important;
}

@media (max-width: 575px) {
  .mt-xs-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-50 {
    margin-top: 50px !important;
  }
}

.mt-60 {
  margin-top: 60px !important;
}

@media (max-width: 575px) {
  .mt-xs-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-60 {
    margin-top: 60px !important;
  }
}

.mt-70 {
  margin-top: 70px !important;
}

@media (max-width: 575px) {
  .mt-xs-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-70 {
    margin-top: 70px !important;
  }
}

.mt-80 {
  margin-top: 80px !important;
}

@media (max-width: 575px) {
  .mt-xs-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-80 {
    margin-top: 80px !important;
  }
}

.mt-90 {
  margin-top: 90px !important;
}

@media (max-width: 575px) {
  .mt-xs-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-90 {
    margin-top: 90px !important;
  }
}

.mt-100 {
  margin-top: 100px !important;
}

@media (max-width: 575px) {
  .mt-xs-100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-100 {
    margin-top: 100px !important;
  }
}

.mt-120 {
  margin-top: 120px !important;
}

@media (max-width: 575px) {
  .mt-xs-120 {
    margin-top: 120px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-120 {
    margin-top: 120px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-120 {
    margin-top: 120px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-120 {
    margin-top: 120px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-120 {
    margin-top: 120px !important;
  }
}

.mt-140 {
  margin-top: 140px !important;
}

@media (max-width: 575px) {
  .mt-xs-140 {
    margin-top: 140px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-140 {
    margin-top: 140px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-140 {
    margin-top: 140px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-140 {
    margin-top: 140px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-140 {
    margin-top: 140px !important;
  }
}

.mt-150 {
  margin-top: 150px !important;
}

@media (max-width: 575px) {
  .mt-xs-150 {
    margin-top: 150px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-150 {
    margin-top: 150px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-150 {
    margin-top: 150px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-150 {
    margin-top: 150px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-150 {
    margin-top: 150px !important;
  }
}

.mt-160 {
  margin-top: 160px !important;
}

@media (max-width: 575px) {
  .mt-xs-160 {
    margin-top: 160px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-160 {
    margin-top: 160px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-160 {
    margin-top: 160px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-160 {
    margin-top: 160px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-160 {
    margin-top: 160px !important;
  }
}

.mt-170 {
  margin-top: 170px !important;
}

@media (max-width: 575px) {
  .mt-xs-170 {
    margin-top: 170px !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-170 {
    margin-top: 170px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-170 {
    margin-top: 170px !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-170 {
    margin-top: 170px !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-170 {
    margin-top: 170px !important;
  }
}

.pb-0.5 {
  padding-bottom: 0.5px !important;
}

@media (max-width: 575px) {
  .pb-xs-0.5 {
    padding-bottom: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-0.5 {
    padding-bottom: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-0.5 {
    padding-bottom: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-0.5 {
    padding-bottom: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-0.5 {
    padding-bottom: 0.5px !important;
  }
}

.pb-0.8 {
  padding-bottom: 0.8px !important;
}

@media (max-width: 575px) {
  .pb-xs-0.8 {
    padding-bottom: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-0.8 {
    padding-bottom: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-0.8 {
    padding-bottom: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-0.8 {
    padding-bottom: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-0.8 {
    padding-bottom: 0.8px !important;
  }
}

.pb-0 {
  padding-bottom: 0px !important;
}

@media (max-width: 575px) {
  .pb-xs-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
}

.pb-5 {
  padding-bottom: 5px !important;
}

@media (max-width: 575px) {
  .pb-xs-5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-5 {
    padding-bottom: 5px !important;
  }
}

.pb-6 {
  padding-bottom: 6px !important;
}

@media (max-width: 575px) {
  .pb-xs-6 {
    padding-bottom: 6px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-6 {
    padding-bottom: 6px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-6 {
    padding-bottom: 6px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-6 {
    padding-bottom: 6px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-6 {
    padding-bottom: 6px !important;
  }
}

.pb-7 {
  padding-bottom: 7px !important;
}

@media (max-width: 575px) {
  .pb-xs-7 {
    padding-bottom: 7px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-7 {
    padding-bottom: 7px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-7 {
    padding-bottom: 7px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-7 {
    padding-bottom: 7px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-7 {
    padding-bottom: 7px !important;
  }
}

.pb-8 {
  padding-bottom: 8px !important;
}

@media (max-width: 575px) {
  .pb-xs-8 {
    padding-bottom: 8px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-8 {
    padding-bottom: 8px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-8 {
    padding-bottom: 8px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-8 {
    padding-bottom: 8px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-8 {
    padding-bottom: 8px !important;
  }
}

.pb-9 {
  padding-bottom: 9px !important;
}

@media (max-width: 575px) {
  .pb-xs-9 {
    padding-bottom: 9px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-9 {
    padding-bottom: 9px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-9 {
    padding-bottom: 9px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-9 {
    padding-bottom: 9px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-9 {
    padding-bottom: 9px !important;
  }
}

.pb-10 {
  padding-bottom: 10px !important;
}

@media (max-width: 575px) {
  .pb-xs-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-10 {
    padding-bottom: 10px !important;
  }
}

.pb-15 {
  padding-bottom: 15px !important;
}

@media (max-width: 575px) {
  .pb-xs-15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-15 {
    padding-bottom: 15px !important;
  }
}

.pb-20 {
  padding-bottom: 20px !important;
}

@media (max-width: 575px) {
  .pb-xs-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
}

.pb-25 {
  padding-bottom: 25px !important;
}

@media (max-width: 575px) {
  .pb-xs-25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-25 {
    padding-bottom: 25px !important;
  }
}

.pb-26 {
  padding-bottom: 26px !important;
}

@media (max-width: 575px) {
  .pb-xs-26 {
    padding-bottom: 26px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-26 {
    padding-bottom: 26px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-26 {
    padding-bottom: 26px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-26 {
    padding-bottom: 26px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-26 {
    padding-bottom: 26px !important;
  }
}

.pb-27 {
  padding-bottom: 27px !important;
}

@media (max-width: 575px) {
  .pb-xs-27 {
    padding-bottom: 27px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-27 {
    padding-bottom: 27px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-27 {
    padding-bottom: 27px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-27 {
    padding-bottom: 27px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-27 {
    padding-bottom: 27px !important;
  }
}

.pb-28 {
  padding-bottom: 28px !important;
}

@media (max-width: 575px) {
  .pb-xs-28 {
    padding-bottom: 28px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-28 {
    padding-bottom: 28px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-28 {
    padding-bottom: 28px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-28 {
    padding-bottom: 28px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-28 {
    padding-bottom: 28px !important;
  }
}

.pb-29 {
  padding-bottom: 29px !important;
}

@media (max-width: 575px) {
  .pb-xs-29 {
    padding-bottom: 29px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-29 {
    padding-bottom: 29px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-29 {
    padding-bottom: 29px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-29 {
    padding-bottom: 29px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-29 {
    padding-bottom: 29px !important;
  }
}

.pb-30 {
  padding-bottom: 30px !important;
}

@media (max-width: 575px) {
  .pb-xs-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-30 {
    padding-bottom: 30px !important;
  }
}

.pb-40 {
  padding-bottom: 40px !important;
}

@media (max-width: 575px) {
  .pb-xs-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-40 {
    padding-bottom: 40px !important;
  }
}

.pb-50 {
  padding-bottom: 50px !important;
}

@media (max-width: 575px) {
  .pb-xs-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-50 {
    padding-bottom: 50px !important;
  }
}

.pb-60 {
  padding-bottom: 60px !important;
}

@media (max-width: 575px) {
  .pb-xs-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-60 {
    padding-bottom: 60px !important;
  }
}

.pb-70 {
  padding-bottom: 70px !important;
}

@media (max-width: 575px) {
  .pb-xs-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-70 {
    padding-bottom: 70px !important;
  }
}

.pb-80 {
  padding-bottom: 80px !important;
}

@media (max-width: 575px) {
  .pb-xs-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-80 {
    padding-bottom: 80px !important;
  }
}

.pb-90 {
  padding-bottom: 90px !important;
}

@media (max-width: 575px) {
  .pb-xs-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-90 {
    padding-bottom: 90px !important;
  }
}

.pb-100 {
  padding-bottom: 100px !important;
}

@media (max-width: 575px) {
  .pb-xs-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
}

.pb-120 {
  padding-bottom: 120px !important;
}

@media (max-width: 575px) {
  .pb-xs-120 {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-120 {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-120 {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-120 {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-120 {
    padding-bottom: 120px !important;
  }
}

.pb-140 {
  padding-bottom: 140px !important;
}

@media (max-width: 575px) {
  .pb-xs-140 {
    padding-bottom: 140px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-140 {
    padding-bottom: 140px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-140 {
    padding-bottom: 140px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-140 {
    padding-bottom: 140px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-140 {
    padding-bottom: 140px !important;
  }
}

.pb-150 {
  padding-bottom: 150px !important;
}

@media (max-width: 575px) {
  .pb-xs-150 {
    padding-bottom: 150px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-150 {
    padding-bottom: 150px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-150 {
    padding-bottom: 150px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-150 {
    padding-bottom: 150px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-150 {
    padding-bottom: 150px !important;
  }
}

.pb-160 {
  padding-bottom: 160px !important;
}

@media (max-width: 575px) {
  .pb-xs-160 {
    padding-bottom: 160px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-160 {
    padding-bottom: 160px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-160 {
    padding-bottom: 160px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-160 {
    padding-bottom: 160px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-160 {
    padding-bottom: 160px !important;
  }
}

.pb-170 {
  padding-bottom: 170px !important;
}

@media (max-width: 575px) {
  .pb-xs-170 {
    padding-bottom: 170px !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-170 {
    padding-bottom: 170px !important;
  }
}

@media (min-width: 768px) {
  .pb-md-170 {
    padding-bottom: 170px !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-170 {
    padding-bottom: 170px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-170 {
    padding-bottom: 170px !important;
  }
}

.pt-0.5 {
  padding-top: 0.5px !important;
}

@media (max-width: 575px) {
  .pt-xs-0.5 {
    padding-top: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-0.5 {
    padding-top: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-0.5 {
    padding-top: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-0.5 {
    padding-top: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-0.5 {
    padding-top: 0.5px !important;
  }
}

.pt-0.8 {
  padding-top: 0.8px !important;
}

@media (max-width: 575px) {
  .pt-xs-0.8 {
    padding-top: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-0.8 {
    padding-top: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-0.8 {
    padding-top: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-0.8 {
    padding-top: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-0.8 {
    padding-top: 0.8px !important;
  }
}

.pt-0 {
  padding-top: 0px !important;
}

@media (max-width: 575px) {
  .pt-xs-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0px !important;
  }
}

.pt-5 {
  padding-top: 5px !important;
}

@media (max-width: 575px) {
  .pt-xs-5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-5 {
    padding-top: 5px !important;
  }
}

.pt-6 {
  padding-top: 6px !important;
}

@media (max-width: 575px) {
  .pt-xs-6 {
    padding-top: 6px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-6 {
    padding-top: 6px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 6px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 6px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 6px !important;
  }
}

.pt-7 {
  padding-top: 7px !important;
}

@media (max-width: 575px) {
  .pt-xs-7 {
    padding-top: 7px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-7 {
    padding-top: 7px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-7 {
    padding-top: 7px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-7 {
    padding-top: 7px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-7 {
    padding-top: 7px !important;
  }
}

.pt-8 {
  padding-top: 8px !important;
}

@media (max-width: 575px) {
  .pt-xs-8 {
    padding-top: 8px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-8 {
    padding-top: 8px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-8 {
    padding-top: 8px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-8 {
    padding-top: 8px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-8 {
    padding-top: 8px !important;
  }
}

.pt-9 {
  padding-top: 9px !important;
}

@media (max-width: 575px) {
  .pt-xs-9 {
    padding-top: 9px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-9 {
    padding-top: 9px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-9 {
    padding-top: 9px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-9 {
    padding-top: 9px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-9 {
    padding-top: 9px !important;
  }
}

.pt-10 {
  padding-top: 10px !important;
}

@media (max-width: 575px) {
  .pt-xs-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-10 {
    padding-top: 10px !important;
  }
}

.pt-15 {
  padding-top: 15px !important;
}

@media (max-width: 575px) {
  .pt-xs-15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-15 {
    padding-top: 15px !important;
  }
}

.pt-20 {
  padding-top: 20px !important;
}

@media (max-width: 575px) {
  .pt-xs-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-20 {
    padding-top: 20px !important;
  }
}

.pt-25 {
  padding-top: 25px !important;
}

@media (max-width: 575px) {
  .pt-xs-25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-25 {
    padding-top: 25px !important;
  }
}

.pt-26 {
  padding-top: 26px !important;
}

@media (max-width: 575px) {
  .pt-xs-26 {
    padding-top: 26px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-26 {
    padding-top: 26px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-26 {
    padding-top: 26px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-26 {
    padding-top: 26px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-26 {
    padding-top: 26px !important;
  }
}

.pt-27 {
  padding-top: 27px !important;
}

@media (max-width: 575px) {
  .pt-xs-27 {
    padding-top: 27px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-27 {
    padding-top: 27px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-27 {
    padding-top: 27px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-27 {
    padding-top: 27px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-27 {
    padding-top: 27px !important;
  }
}

.pt-28 {
  padding-top: 28px !important;
}

@media (max-width: 575px) {
  .pt-xs-28 {
    padding-top: 28px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-28 {
    padding-top: 28px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-28 {
    padding-top: 28px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-28 {
    padding-top: 28px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-28 {
    padding-top: 28px !important;
  }
}

.pt-29 {
  padding-top: 29px !important;
}

@media (max-width: 575px) {
  .pt-xs-29 {
    padding-top: 29px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-29 {
    padding-top: 29px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-29 {
    padding-top: 29px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-29 {
    padding-top: 29px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-29 {
    padding-top: 29px !important;
  }
}

.pt-30 {
  padding-top: 30px !important;
}

@media (max-width: 575px) {
  .pt-xs-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-30 {
    padding-top: 30px !important;
  }
}

.pt-40 {
  padding-top: 40px !important;
}

@media (max-width: 575px) {
  .pt-xs-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-40 {
    padding-top: 40px !important;
  }
}

.pt-50 {
  padding-top: 50px !important;
}

@media (max-width: 575px) {
  .pt-xs-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-50 {
    padding-top: 50px !important;
  }
}

.pt-60 {
  padding-top: 60px !important;
}

@media (max-width: 575px) {
  .pt-xs-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-60 {
    padding-top: 60px !important;
  }
}

.pt-70 {
  padding-top: 70px !important;
}

@media (max-width: 575px) {
  .pt-xs-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-70 {
    padding-top: 70px !important;
  }
}

.pt-80 {
  padding-top: 80px !important;
}

@media (max-width: 575px) {
  .pt-xs-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-80 {
    padding-top: 80px !important;
  }
}

.pt-90 {
  padding-top: 90px !important;
}

@media (max-width: 575px) {
  .pt-xs-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-90 {
    padding-top: 90px !important;
  }
}

.pt-100 {
  padding-top: 100px !important;
}

@media (max-width: 575px) {
  .pt-xs-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-100 {
    padding-top: 100px !important;
  }
}

.pt-120 {
  padding-top: 120px !important;
}

@media (max-width: 575px) {
  .pt-xs-120 {
    padding-top: 120px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-120 {
    padding-top: 120px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-120 {
    padding-top: 120px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-120 {
    padding-top: 120px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-120 {
    padding-top: 120px !important;
  }
}

.pt-140 {
  padding-top: 140px !important;
}

@media (max-width: 575px) {
  .pt-xs-140 {
    padding-top: 140px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-140 {
    padding-top: 140px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-140 {
    padding-top: 140px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-140 {
    padding-top: 140px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-140 {
    padding-top: 140px !important;
  }
}

.pt-150 {
  padding-top: 150px !important;
}

@media (max-width: 575px) {
  .pt-xs-150 {
    padding-top: 150px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-150 {
    padding-top: 150px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-150 {
    padding-top: 150px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-150 {
    padding-top: 150px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-150 {
    padding-top: 150px !important;
  }
}

.pt-160 {
  padding-top: 160px !important;
}

@media (max-width: 575px) {
  .pt-xs-160 {
    padding-top: 160px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-160 {
    padding-top: 160px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-160 {
    padding-top: 160px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-160 {
    padding-top: 160px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-160 {
    padding-top: 160px !important;
  }
}

.pt-170 {
  padding-top: 170px !important;
}

@media (max-width: 575px) {
  .pt-xs-170 {
    padding-top: 170px !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-170 {
    padding-top: 170px !important;
  }
}

@media (min-width: 768px) {
  .pt-md-170 {
    padding-top: 170px !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-170 {
    padding-top: 170px !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-170 {
    padding-top: 170px !important;
  }
}

.pl-0.5 {
  padding-left: 0.5px !important;
}

@media (max-width: 575px) {
  .pl-xs-0.5 {
    padding-left: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-0.5 {
    padding-left: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-0.5 {
    padding-left: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-0.5 {
    padding-left: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-0.5 {
    padding-left: 0.5px !important;
  }
}

.pl-0.8 {
  padding-left: 0.8px !important;
}

@media (max-width: 575px) {
  .pl-xs-0.8 {
    padding-left: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-0.8 {
    padding-left: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-0.8 {
    padding-left: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-0.8 {
    padding-left: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-0.8 {
    padding-left: 0.8px !important;
  }
}

.pl-0 {
  padding-left: 0px !important;
}

@media (max-width: 575px) {
  .pl-xs-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0px !important;
  }
}

.pl-5 {
  padding-left: 5px !important;
}

@media (max-width: 575px) {
  .pl-xs-5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-5 {
    padding-left: 5px !important;
  }
}

.pl-6 {
  padding-left: 6px !important;
}

@media (max-width: 575px) {
  .pl-xs-6 {
    padding-left: 6px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-6 {
    padding-left: 6px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-6 {
    padding-left: 6px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-6 {
    padding-left: 6px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-6 {
    padding-left: 6px !important;
  }
}

.pl-7 {
  padding-left: 7px !important;
}

@media (max-width: 575px) {
  .pl-xs-7 {
    padding-left: 7px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-7 {
    padding-left: 7px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-7 {
    padding-left: 7px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-7 {
    padding-left: 7px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-7 {
    padding-left: 7px !important;
  }
}

.pl-8 {
  padding-left: 8px !important;
}

@media (max-width: 575px) {
  .pl-xs-8 {
    padding-left: 8px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-8 {
    padding-left: 8px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-8 {
    padding-left: 8px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-8 {
    padding-left: 8px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-8 {
    padding-left: 8px !important;
  }
}

.pl-9 {
  padding-left: 9px !important;
}

@media (max-width: 575px) {
  .pl-xs-9 {
    padding-left: 9px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-9 {
    padding-left: 9px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-9 {
    padding-left: 9px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-9 {
    padding-left: 9px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-9 {
    padding-left: 9px !important;
  }
}

.pl-10 {
  padding-left: 10px !important;
}

@media (max-width: 575px) {
  .pl-xs-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-10 {
    padding-left: 10px !important;
  }
}

.pl-15 {
  padding-left: 15px !important;
}

@media (max-width: 575px) {
  .pl-xs-15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-15 {
    padding-left: 15px !important;
  }
}

.pl-20 {
  padding-left: 20px !important;
}

@media (max-width: 575px) {
  .pl-xs-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-20 {
    padding-left: 20px !important;
  }
}

.pl-25 {
  padding-left: 25px !important;
}

@media (max-width: 575px) {
  .pl-xs-25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-25 {
    padding-left: 25px !important;
  }
}

.pl-26 {
  padding-left: 26px !important;
}

@media (max-width: 575px) {
  .pl-xs-26 {
    padding-left: 26px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-26 {
    padding-left: 26px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-26 {
    padding-left: 26px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-26 {
    padding-left: 26px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-26 {
    padding-left: 26px !important;
  }
}

.pl-27 {
  padding-left: 27px !important;
}

@media (max-width: 575px) {
  .pl-xs-27 {
    padding-left: 27px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-27 {
    padding-left: 27px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-27 {
    padding-left: 27px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-27 {
    padding-left: 27px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-27 {
    padding-left: 27px !important;
  }
}

.pl-28 {
  padding-left: 28px !important;
}

@media (max-width: 575px) {
  .pl-xs-28 {
    padding-left: 28px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-28 {
    padding-left: 28px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-28 {
    padding-left: 28px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-28 {
    padding-left: 28px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-28 {
    padding-left: 28px !important;
  }
}

.pl-29 {
  padding-left: 29px !important;
}

@media (max-width: 575px) {
  .pl-xs-29 {
    padding-left: 29px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-29 {
    padding-left: 29px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-29 {
    padding-left: 29px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-29 {
    padding-left: 29px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-29 {
    padding-left: 29px !important;
  }
}

.pl-30 {
  padding-left: 30px !important;
}

@media (max-width: 575px) {
  .pl-xs-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-30 {
    padding-left: 30px !important;
  }
}

.pl-40 {
  padding-left: 40px !important;
}

@media (max-width: 575px) {
  .pl-xs-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-40 {
    padding-left: 40px !important;
  }
}

.pl-50 {
  padding-left: 50px !important;
}

@media (max-width: 575px) {
  .pl-xs-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-50 {
    padding-left: 50px !important;
  }
}

.pl-60 {
  padding-left: 60px !important;
}

@media (max-width: 575px) {
  .pl-xs-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-60 {
    padding-left: 60px !important;
  }
}

.pl-70 {
  padding-left: 70px !important;
}

@media (max-width: 575px) {
  .pl-xs-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-70 {
    padding-left: 70px !important;
  }
}

.pl-80 {
  padding-left: 80px !important;
}

@media (max-width: 575px) {
  .pl-xs-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-80 {
    padding-left: 80px !important;
  }
}

.pl-90 {
  padding-left: 90px !important;
}

@media (max-width: 575px) {
  .pl-xs-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-90 {
    padding-left: 90px !important;
  }
}

.pl-100 {
  padding-left: 100px !important;
}

@media (max-width: 575px) {
  .pl-xs-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-100 {
    padding-left: 100px !important;
  }
}

.pl-120 {
  padding-left: 120px !important;
}

@media (max-width: 575px) {
  .pl-xs-120 {
    padding-left: 120px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-120 {
    padding-left: 120px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-120 {
    padding-left: 120px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-120 {
    padding-left: 120px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-120 {
    padding-left: 120px !important;
  }
}

.pl-140 {
  padding-left: 140px !important;
}

@media (max-width: 575px) {
  .pl-xs-140 {
    padding-left: 140px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-140 {
    padding-left: 140px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-140 {
    padding-left: 140px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-140 {
    padding-left: 140px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-140 {
    padding-left: 140px !important;
  }
}

.pl-150 {
  padding-left: 150px !important;
}

@media (max-width: 575px) {
  .pl-xs-150 {
    padding-left: 150px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-150 {
    padding-left: 150px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-150 {
    padding-left: 150px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-150 {
    padding-left: 150px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-150 {
    padding-left: 150px !important;
  }
}

.pl-160 {
  padding-left: 160px !important;
}

@media (max-width: 575px) {
  .pl-xs-160 {
    padding-left: 160px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-160 {
    padding-left: 160px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-160 {
    padding-left: 160px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-160 {
    padding-left: 160px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-160 {
    padding-left: 160px !important;
  }
}

.pl-170 {
  padding-left: 170px !important;
}

@media (max-width: 575px) {
  .pl-xs-170 {
    padding-left: 170px !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-170 {
    padding-left: 170px !important;
  }
}

@media (min-width: 768px) {
  .pl-md-170 {
    padding-left: 170px !important;
  }
}

@media (min-width: 992px) {
  .pl-lg-170 {
    padding-left: 170px !important;
  }
}

@media (min-width: 1200px) {
  .pl-xl-170 {
    padding-left: 170px !important;
  }
}

.pr-0.5 {
  padding-right: 0.5px !important;
}

@media (max-width: 575px) {
  .pr-xs-0.5 {
    padding-right: 0.5px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-0.5 {
    padding-right: 0.5px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-0.5 {
    padding-right: 0.5px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-0.5 {
    padding-right: 0.5px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-0.5 {
    padding-right: 0.5px !important;
  }
}

.pr-0.8 {
  padding-right: 0.8px !important;
}

@media (max-width: 575px) {
  .pr-xs-0.8 {
    padding-right: 0.8px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-0.8 {
    padding-right: 0.8px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-0.8 {
    padding-right: 0.8px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-0.8 {
    padding-right: 0.8px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-0.8 {
    padding-right: 0.8px !important;
  }
}

.pr-0 {
  padding-right: 0px !important;
}

@media (max-width: 575px) {
  .pr-xs-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0px !important;
  }
}

.pr-5 {
  padding-right: 5px !important;
}

@media (max-width: 575px) {
  .pr-xs-5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-5 {
    padding-right: 5px !important;
  }
}

.pr-6 {
  padding-right: 6px !important;
}

@media (max-width: 575px) {
  .pr-xs-6 {
    padding-right: 6px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-6 {
    padding-right: 6px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-6 {
    padding-right: 6px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-6 {
    padding-right: 6px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-6 {
    padding-right: 6px !important;
  }
}

.pr-7 {
  padding-right: 7px !important;
}

@media (max-width: 575px) {
  .pr-xs-7 {
    padding-right: 7px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-7 {
    padding-right: 7px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-7 {
    padding-right: 7px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-7 {
    padding-right: 7px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-7 {
    padding-right: 7px !important;
  }
}

.pr-8 {
  padding-right: 8px !important;
}

@media (max-width: 575px) {
  .pr-xs-8 {
    padding-right: 8px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-8 {
    padding-right: 8px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-8 {
    padding-right: 8px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-8 {
    padding-right: 8px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-8 {
    padding-right: 8px !important;
  }
}

.pr-9 {
  padding-right: 9px !important;
}

@media (max-width: 575px) {
  .pr-xs-9 {
    padding-right: 9px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-9 {
    padding-right: 9px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-9 {
    padding-right: 9px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-9 {
    padding-right: 9px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-9 {
    padding-right: 9px !important;
  }
}

.pr-10 {
  padding-right: 10px !important;
}

@media (max-width: 575px) {
  .pr-xs-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-10 {
    padding-right: 10px !important;
  }
}

.pr-15 {
  padding-right: 15px !important;
}

@media (max-width: 575px) {
  .pr-xs-15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-15 {
    padding-right: 15px !important;
  }
}

.pr-20 {
  padding-right: 20px !important;
}

@media (max-width: 575px) {
  .pr-xs-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-20 {
    padding-right: 20px !important;
  }
}

.pr-25 {
  padding-right: 25px !important;
}

@media (max-width: 575px) {
  .pr-xs-25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-25 {
    padding-right: 25px !important;
  }
}

.pr-26 {
  padding-right: 26px !important;
}

@media (max-width: 575px) {
  .pr-xs-26 {
    padding-right: 26px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-26 {
    padding-right: 26px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-26 {
    padding-right: 26px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-26 {
    padding-right: 26px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-26 {
    padding-right: 26px !important;
  }
}

.pr-27 {
  padding-right: 27px !important;
}

@media (max-width: 575px) {
  .pr-xs-27 {
    padding-right: 27px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-27 {
    padding-right: 27px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-27 {
    padding-right: 27px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-27 {
    padding-right: 27px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-27 {
    padding-right: 27px !important;
  }
}

.pr-28 {
  padding-right: 28px !important;
}

@media (max-width: 575px) {
  .pr-xs-28 {
    padding-right: 28px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-28 {
    padding-right: 28px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-28 {
    padding-right: 28px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-28 {
    padding-right: 28px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-28 {
    padding-right: 28px !important;
  }
}

.pr-29 {
  padding-right: 29px !important;
}

@media (max-width: 575px) {
  .pr-xs-29 {
    padding-right: 29px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-29 {
    padding-right: 29px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-29 {
    padding-right: 29px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-29 {
    padding-right: 29px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-29 {
    padding-right: 29px !important;
  }
}

.pr-30 {
  padding-right: 30px !important;
}

@media (max-width: 575px) {
  .pr-xs-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-30 {
    padding-right: 30px !important;
  }
}

.pr-40 {
  padding-right: 40px !important;
}

@media (max-width: 575px) {
  .pr-xs-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-40 {
    padding-right: 40px !important;
  }
}

.pr-50 {
  padding-right: 50px !important;
}

@media (max-width: 575px) {
  .pr-xs-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-50 {
    padding-right: 50px !important;
  }
}

.pr-60 {
  padding-right: 60px !important;
}

@media (max-width: 575px) {
  .pr-xs-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-60 {
    padding-right: 60px !important;
  }
}

.pr-70 {
  padding-right: 70px !important;
}

@media (max-width: 575px) {
  .pr-xs-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-70 {
    padding-right: 70px !important;
  }
}

.pr-80 {
  padding-right: 80px !important;
}

@media (max-width: 575px) {
  .pr-xs-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-80 {
    padding-right: 80px !important;
  }
}

.pr-90 {
  padding-right: 90px !important;
}

@media (max-width: 575px) {
  .pr-xs-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-90 {
    padding-right: 90px !important;
  }
}

.pr-100 {
  padding-right: 100px !important;
}

@media (max-width: 575px) {
  .pr-xs-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-100 {
    padding-right: 100px !important;
  }
}

.pr-120 {
  padding-right: 120px !important;
}

@media (max-width: 575px) {
  .pr-xs-120 {
    padding-right: 120px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-120 {
    padding-right: 120px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-120 {
    padding-right: 120px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-120 {
    padding-right: 120px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-120 {
    padding-right: 120px !important;
  }
}

.pr-140 {
  padding-right: 140px !important;
}

@media (max-width: 575px) {
  .pr-xs-140 {
    padding-right: 140px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-140 {
    padding-right: 140px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-140 {
    padding-right: 140px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-140 {
    padding-right: 140px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-140 {
    padding-right: 140px !important;
  }
}

.pr-150 {
  padding-right: 150px !important;
}

@media (max-width: 575px) {
  .pr-xs-150 {
    padding-right: 150px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-150 {
    padding-right: 150px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-150 {
    padding-right: 150px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-150 {
    padding-right: 150px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-150 {
    padding-right: 150px !important;
  }
}

.pr-160 {
  padding-right: 160px !important;
}

@media (max-width: 575px) {
  .pr-xs-160 {
    padding-right: 160px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-160 {
    padding-right: 160px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-160 {
    padding-right: 160px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-160 {
    padding-right: 160px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-160 {
    padding-right: 160px !important;
  }
}

.pr-170 {
  padding-right: 170px !important;
}

@media (max-width: 575px) {
  .pr-xs-170 {
    padding-right: 170px !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-170 {
    padding-right: 170px !important;
  }
}

@media (min-width: 768px) {
  .pr-md-170 {
    padding-right: 170px !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-170 {
    padding-right: 170px !important;
  }
}

@media (min-width: 1200px) {
  .pr-xl-170 {
    padding-right: 170px !important;
  }
}

@media (min-width: 768px) {
  .header_slider {
    position: relative;
  }

  .booking-form {
    position: absolute;
    bottom: 4vh;
    left: 50vw;
    min-width: 70vw;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }

  #ads_message {
    margin-top: -26px;
    position: absolute;
    padding: 3px;
    padding-right: 3px;
    background: rgba(250, 250, 250, 0.7);
    padding-right: 15px;
    -webkit-border-top-right-radius: 50% 100%;
    -moz-border-top-right-radius: 50% 100%;
    color: #555454;
  }
}

.btn-secondary {
  z-index: initial !important;
}