20";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.tie-container,#tie-wrapper{height:100%;min-height:650px}.tie-container{position:relative;overflow:hidden}#tie-wrapper{background:#fff;position:relative;z-index:108;height:100%;margin:0 auto}.container-wrapper{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:30px}#content{margin-top:30px}@media (max-width:991px){#content{margin-top:15px}}.site-content{-ms-word-wrap:break-word;word-wrap:break-word}.theme-header{background:#fff;position:relative;z-index:999}.theme-header:after{content:"";display:table;clear:both}.theme-header.has-shadow{box-shadow:0 0 10px 5px rgba(0,0,0,.1)}.logo-row{position:relative}#logo{margin-top:40px;margin-bottom:40px;display:block;float:left}#logo img{vertical-align:middle}#logo a{display:inline-block}@media (max-width:991px){#theme-header.has-normal-width-logo #logo{margin:14px 0!important;text-align:left;line-height:1}#theme-header.has-normal-width-logo #logo img{width:auto;height:auto;max-width:190px}}@media (max-width:479px){#theme-header.has-normal-width-logo #logo img{max-width:160px;max-height:60px!important}}@media (max-width:991px){#theme-header.mobile-header-default:not(.header-layout-1) #logo{-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10}}.components{float:right}.components>li{position:relative;float:right;list-style:none}.components>li.social-icons-item{margin:0}.components>li>a{display:block;position:relative;width:30px;text-align:center;line-height:inherit;font-size:16px}.components .search-bar{width:auto;border:solid rgba(0,0,0,.1);border-width:0 1px;margin-left:10px}@media (max-width:991px){.logo-container{border-width:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}.mobile-header-components{display:none;z-index:10;height:30px;line-height:30px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.mobile-header-components .components{float:none;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.mobile-header-components .components li.custom-menu-link{display:inline-block;float:none}.mobile-header-components .components li.custom-menu-link>a{width:20px;padding-bottom:15px}.mobile-header-components [class^=tie-icon-]{font-size:18px;width:20px;height:20px;vertical-align:middle}.mobile-header-components .tie-mobile-menu-icon{font-size:20px}.mobile-header-components .nav-icon{display:inline-block;width:20px;height:2px;background-color:var(--base-color);position:relative;top:-4px}.mobile-header-components .nav-icon:before,.mobile-header-components .nav-icon:after{position:absolute;right:0;background-color:var(--base-color);content:'';display:block;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-header-components .nav-icon:before{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}.mobile-header-components .nav-icon:after{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}#mobile-header-components-area_1 .components li.custom-menu-link>a{margin-right:15px}#mobile-header-components-area_2 .components{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}#mobile-header-components-area_2 .components li.custom-menu-link>a{margin-left:15px}@media (max-width:991px){.logo-container:before,.logo-container:after{height:1px}#tie-body #mobile-container,.mobile-header-components{display:block}#slide-sidebar-widgets{display:none}}.top-nav{background-color:#fff;position:relative;z-index:10;line-height:35px;border:1px solid rgba(0,0,0,.1);border-width:1px 0;color:var(--base-color)}.main-nav-below.top-nav-above .top-nav{border-top-width:0}.top-nav a:not(.button):not(:hover){color:var(--base-color)}.topbar-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:35px}.top-nav .tie-alignleft,.top-nav .tie-alignright{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}.top-nav.has-breaking-news .tie-alignleft{-webkit-flex:1 0 100px;-ms-flex:1 0 100px;flex:1 0 100px}.top-nav.has-breaking-news .tie-alignright{-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;z-index:1}.topbar-today-date{float:left;padding-right:15px;font-size:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.topbar-today-date:before{font-size:13px;content:"\f017"}@media (max-width:991px){.topbar-today-date,.theme-header .components{display:none}}.breaking{display:none}.main-nav-wrapper{position:relative;z-index:4}.main-nav{background-color:var(--main-nav-background);color:var(--main-nav-primary-color);position:relative;border:1px solid var(--main-nav-main-border-color);border-width:1px 0}.main-menu-wrapper{border:0 solid var(--main-nav-main-border-color);position:relative}@media (min-width:992px){.header-menu{float:left}.header-menu .menu li{display:block;float:left}.header-menu .menu a{display:block;position:relative}.header-menu .menu .sub-menu a{padding:8px 10px}.header-menu .menu ul{box-shadow:0 2px 5px rgba(0,0,0,.1)}.header-menu .menu ul li{position:relative}.header-menu .menu ul a{border-width:0 0 1px}#main-nav{z-index:9;line-height:60px}#main-nav .search-bar{border-color:var(--main-nav-main-border-color)}.main-menu .menu>li>a{padding:0 14px;font-size:13px;font-weight:600}.main-menu .menu>li>.menu-sub-content{border-top:2px solid var(--main-nav-primary-color)}.main-menu .menu ul{line-height:20px;z-index:1}.main-menu .menu-sub-content{background:var(--main-nav-background);display:none;padding:15px;width:230px;position:absolute;box-shadow:0 2px 2px rgba(0,0,0,.15)}.main-menu .menu-sub-content a{width:200px}.main-nav .menu a,.main-nav .components li a{color:var(--main-nav-text-color)}.main-nav-dark{--main-nav-background:#1f2024;--main-nav-secondry-background:rgba(0,0,0,.2);--main-nav-primary-color:var(--brand-color);--main-nav-contrast-primary-color:var(--bright-color);--main-nav-text-color:#fff;--main-nav-secondry-text-color:rgba(225,255,255,.5);--main-nav-main-border-color:rgba(255,255,255,.07);--main-nav-secondry-border-color:rgba(255,255,255,.04)}.main-nav-dark .main-nav{border-width:0}}@media (min-width:992px){.menu-item-has-children>a:before,.mega-menu>a:before{content:'';position:absolute;right:12px;margin-top:2px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border:4px solid transparent;border-top:4px solid #fff}.menu>.menu-item-has-children:not(.is-icon-only)>a,.menu .mega-menu:not(.is-icon-only)>a{padding-right:25px}}@media (min-width:992px){.main-nav-boxed .main-nav{border-width:0}.main-nav-boxed .main-menu-wrapper{float:left;width:100%;background-color:var(--main-nav-background)}.main-nav-boxed .main-menu-wrapper .search-bar{border-right-width:0}}.main-nav-boxed .main-nav:not(.fixed-nav){background:0 0!important}@media only screen and (min-width:992px) and (max-width:1100px){.main-nav .menu>li:not(.is-icon-only)>a{padding-left:7px;padding-right:7px}.main-nav .menu>li:not(.is-icon-only)>a:before{display:none}}@media (max-width:991px){#tie-wrapper header#theme-header{box-shadow:none;background:0 0!important}.logo-container{border-width:0;box-shadow:0 3px 7px 0 rgba(0,0,0,.1)}.logo-container{background-color:#fff}.header-layout-3 .main-nav-wrapper{display:none}.main-menu-wrapper .tie-alignleft{width:100%}}@media (max-width:767px){.magazine1:not(.has-builder):not(.error404) .main-content,.magazine1:not(.has-builder):not(.error404) .sidebar{padding-left:0;padding-right:0}}input{border:1px solid rgba(0,0,0,.1);color:var(--base-color);font-size:13px;outline:none;padding:5px;line-height:23px;border-radius:2px;max-width:100%;background-color:transparent}input:not([type=checkbox]):not([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}@media (max-width:767px){input:not([type=submit]){font-size:16px!important}}.button,[type=submit]{width:auto;position:relative;background-color:var(--brand-color);color:var(--bright-color);padding:7px 15px;margin:0;font-weight:400;font-size:13px;display:inline-block;text-align:center;line-height:21px;border:none;text-decoration:none;vertical-align:middle;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width:992px){.sidebar-right .main-content{float:left}.sidebar-right .sidebar{float:right}.sidebar-right.magazine1 .main-content{padding-right:3px}}.post-thumb{position:relative;height:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.post-thumb img{width:100%;display:block}.post-thumb .post-cat-wrap{position:absolute;bottom:10px;margin:0;right:10px}.post-meta{margin:10px 0 8px;font-size:12px;overflow:hidden}.post-meta,.post-meta a:not(:hover){color:#666}.post-meta .meta-item{margin-right:8px;display:inline-block}.post-meta .meta-item.tie-icon:before{padding-right:3px}.post-meta .meta-item.date:before{content:"\f017"}.post-meta .tie-alignright .meta-item:last-child{margin:0!important}@media (max-width:767px){.entry-header .post-meta>span,.entry-header .post-meta>div,.main-content .post-meta>span,.main-content .post-meta>div{float:left}}.post-cat-wrap{position:relative;z-index:3;margin-bottom:5px;font-weight:400;font-family:inherit!important;line-height:0;display:block}.post-cat{display:inline-block;background:var(--brand-color);color:var(--bright-color);padding:0 10px;font-size:12px;line-height:1.85em;margin-right:4px;position:relative;white-space:nowrap;word-wrap:normal;letter-spacing:0;border-radius:4px}.post-cat:first-child:last-child{margin:0}#breadcrumb{margin:50px 0 0}#breadcrumb,#breadcrumb a:not(:hover){color:#666}#breadcrumb .delimiter{margin:0 3px;font-style:normal}.entry-header-outer #breadcrumb{margin:0 0 20px;padding:0}@media (max-width:767px){.single-post #breadcrumb .current,.single-post #breadcrumb em:last-of-type{display:none}}.author-avatar{display:block}.author-avatar img{border-radius:50%;max-width:111px;object-fit:cover;aspect-ratio:1}.social-icons-item{float:right;margin-left:6px;position:relative}.social-icons-item .social-link span{color:var(--base-color);line-height:unset}.social-icons-widget .social-icons-item .social-link{width:24px;height:24px;line-height:24px;padding:0;display:block;text-align:center;border-radius:2px}.top-nav .components>li.social-icons-item .social-link:not(:hover) span{color:var(--base-color)}.social-icons-item .facebook-social-icon{background-color:#4080ff!important}.social-icons-item .facebook-social-icon span{color:#4080ff}.social-icons-item .twitter-social-icon{background-color:#40bff5!important}.social-icons-item .twitter-social-icon span{color:#40bff5}.social-icons-item .instagram-social-icon{background-color:#c13584!important}.social-icons-item .instagram-social-icon span{color:#c13584}.social-icons-item .youtube-social-icon{background-color:#ef4e41!important}.social-icons-item .youtube-social-icon span{color:#ef4e41}.social-icons-item .rss-social-icon{background-color:#faa33d!important}.social-icons-item .rss-social-icon span{color:#faa33d}ul:not(.solid-social-icons) .social-icons-item a:not(:hover){background-color:transparent!important}.solid-social-icons .social-link{background-color:var(--base-color)}.dark-skin .solid-social-icons .social-link{background-color:#27292d;border-color:#27292d}.solid-social-icons .social-link span{color:#fff!important}.theme-notice{background:#fff6ac;padding:10px;color:#000!important;display:block;clear:both}.entry-header{padding:30px 30px 0;margin-bottom:20px}@media (max-width:991px){.entry-header{padding:20px 20px 0}}@media (max-width:767px){.container-wrapper{padding:20px 15px}}.subscribe-widget .widget-title-icon:before{content:"\f0e0"}.tab-content{padding:30px;display:none}.tab-content{position:relative}@media (max-width:767px){.tab-content{padding:20px}}.tab-content-elements li{opacity:0}.block-head-1 .the-global-title{position:relative;font-size:17px;padding:0 0 15px;border-bottom:2px solid rgba(0,0,0,.1);margin-bottom:20px}.block-head-1 .the-global-title:after{content:"";background:#2c2f34;width:40px;height:2px;position:absolute;bottom:-2px;left:0}.block-head-1 .the-global-title:before{content:"";width:0;height:0;position:absolute;bottom:-5px;left:0;border-left:0;border-right:5px solid transparent;border-top:5px solid #2c2f34}.block-head-1 .dark-skin .widget-title:after{background:#fff}.block-head-1 .dark-skin .widget-title:before{border-top-color:#fff}.block-head-1 .dark-skin .the-global-title{color:#fff;border-bottom-color:rgba(255,255,255,.1)}.side-aside{position:fixed;top:0;z-index:111;visibility:hidden;width:350px;max-width:100%;height:100%;background:#131416;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow-y:auto}@media (min-width:992px){.side-aside{right:0;-webkit-transform:translate(350px,0);-ms-transform:translate(350px,0);transform:translate(350px,0)}}.site-footer .widget-title-icon{display:none}.dark-skin{--lazyload-loading-color:#161717}.dark-skin{background-color:#1f2024;color:#fff}.dark-skin a:not(:hover){color:#fff}.dark-skin .post-meta{color:#ccc!important}.dark-skin .container-wrapper{background-color:#1f2024;border-color:rgba(255,255,255,.1)}.dark-skin .widget a:not(:hover),.dark-skin .widget-title{color:#fff}.dark-skin .widget-title-icon{color:#ccc}.sidebar .container-wrapper,.sidebar .tie-weather-widget{margin-bottom:30px}@media (max-width:991px){.sidebar .container-wrapper,.sidebar .tie-weather-widget{margin-bottom:15px}}@media (max-width:991px){.has-sidebar .sidebar{margin-top:15px}}.widget-title{position:relative}.widget-title .the-subtitle{font-size:15px;min-height:15px}.widget-title-icon{position:absolute;right:0;top:1px;color:#b9bec3;font-size:15px}.widget-title-icon:before{content:"\f08d"}.post-widget-body{padding-left:125px}.post-widget-body .post-title{font-size:14px;line-height:1.4;margin-bottom:5px}.post-widget-thumbnail{float:left;margin-right:15px;position:relative}.post-widget-thumbnail img.tie-small-image{width:110px}.widget li{padding:6px 0}.widget li:first-child{padding-top:0}.widget li:last-child{padding-bottom:0;border-bottom:0}.widget li:after{clear:both;display:table;content:""}.widget .post-meta{margin:2px 0 0;font-size:11px;line-height:17px}.posts-list .widget-title-icon:before{content:"\f0f6"}.posts-list-big-first .posts-list-items li:first-child{padding-bottom:20px}.posts-list-big-first li:first-child .post-widget-thumbnail{width:100%;margin-right:0;margin-bottom:10px}.posts-list-big-first li:first-child .post-widget-thumbnail a{min-height:40px}.posts-list-big-first li:first-child .post-widget-body{padding-left:0}.posts-list-big-first li:first-child .post-title{font-size:18px}@media (max-width:991px){.posts-list-big-first .posts-list-items{overflow:hidden}.posts-list-big-first li{width:48%;float:left}.posts-list-big-first li:nth-child(2){padding-top:0}.posts-list-big-first li:nth-child(2n){float:right}.posts-list-big-first li:nth-child(2n+1){clear:both}.posts-list-big-first li:nth-child(2),.posts-list-big-first li:nth-child(3){float:right;clear:none}}@media (max-width:670px){.posts-list-big-first li{width:100%}.posts-list-big-first li:nth-child(2){padding-top:12px}}.login-widget .widget-title-icon:before{content:"\f023"}.login-widget form input[type=text],.login-widget form input[type=password]{width:100%;float:none;margin-bottom:15px}.login-widget .pass-container{position:relative}.login-widget .pass-container input[type=password]{padding-right:70px}.login-widget .forget-text{position:absolute;right:10px;line-height:37px;top:0;font-size:12px}.login-widget .forget-text:not(:hover){color:#666}.login-widget .rememberme{display:block;margin-bottom:15px}.tab-content-comments .post-widget-body{padding-left:80px}.widget_tag_cloud .widget-title-icon:before{content:"\f02c"}li.widget-post-list{padding:7px 0;position:relative}.weather-wrap{clear:both;overflow:hidden;text-align:center;padding:15px 0 20px;line-height:1}.weather-icon{position:relative;margin:0 auto .1em;font-size:75px;width:1em;height:.9em}.weather-icon-and-city{display:inline-block;padding:0 10px}.weather-icon-and-city .icon-cloud:after,.weather-icon-and-city .icon-cloud:before{top:0}.weather-current-temp{font-size:70px;font-weight:700}.weather-current-temp sup{font-size:17px;vertical-align:super;font-weight:400}.small-weather-icons .animi-icons-wrap{font-size:.2em;width:2em}.small-weather-icons .icon-sun-animi:after{right:-.35em}.small-weather-icons .icon-cloud-behind:after{left:-.4em}.basecloud:before{font-size:.86em;font-family:'tiefonticon';content:'\f105';position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.icon-rainy-animi,.icon-rainy-animi-2,.icon-rainy-animi-4,.icon-rainy-animi-5{position:absolute;width:100%;height:100%}.icon-rainy-animi:before,.icon-rainy-animi:after,.icon-rainy-animi-2:before,.icon-rainy-animi-2:after,.icon-rainy-animi-4:before,.icon-rainy-animi-4:after,.icon-rainy-animi-5:before,.icon-rainy-animi-5:after{content:"\f107";position:absolute;z-index:2;opacity:.6}.icon-rainy-animi:after,.icon-rainy-animi-2:after,.icon-rainy-animi-4:after,.icon-rainy-animi-5:after{opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.animi-icons-wrap{font-size:.14em;position:absolute;z-index:2;left:48%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2.5em;height:2.5em}.icon-rainy-animi:before,.icon-rainy-animi:after,.icon-rainy-animi-2:before,.icon-rainy-animi-2:after,.icon-rainy-animi-4:before,.icon-rainy-animi-4:after,.icon-rainy-animi-5:before,.icon-rainy-animi-5:after{content:"\f078";top:calc(50% - .43em);left:0;right:auto;width:.96em;height:.96em}.icon-rainy-animi-2:before,.icon-rainy-animi-2:after{right:0;left:auto;top:calc(50% - .43em)}.icon-rainy-animi-4:before,.icon-rainy-animi-4:after{left:calc(50% - .43em);top:calc(100% - .96em)}.icon-rainy-animi-5:before,.icon-rainy-animi-5:after{left:calc(50% - .43em);top:0}.icon-sun:after{content:"\f113";position:absolute;color:orange;font-size:.9em;left:0;right:0}.icon-sun-animi:after{content:"\f113";position:absolute;color:orange;right:-.3em;top:.07em;font-size:.4em}.icon-basecloud-bg:after,.icon-cloud:after{content:"\e904";font-size:.86em;position:absolute;left:0;right:0;z-index:2}.icon-basecloud-bg:after{content:'\e905';z-index:1}.icon-cloud-behind:after{font-size:.48em;content:"\e904";position:absolute;left:-.2em;top:.4em;z-index:1;opacity:.6}.social-statistics-widget .widget-title-icon:before{content:"\f164"}.social-statistics-widget ul{overflow:hidden}.two-cols{margin-left:-5px;margin-right:-5px}@media only screen and (min-width:768px) and (max-width:991px){.two-cols.transparent-icons{margin-left:-5px;margin-right:-5px}}.latest-tweets-widget .widget-title-icon:before{content:"\f099"}.social-icons-widget ul{margin:0 -3px}.social-icons-widget .social-icons-item{float:left;margin:3px;border-bottom:0;padding:0}.social-icons-widget .social-icons-item .social-link{width:40px;height:40px;line-height:40px;font-size:18px}@media (max-width:479px){.social-icons-widget .social-icons-item{float:none;display:inline-block}}.tie-weather-widget.widget{background:var(--brand-color);color:var(--bright-color);border-width:0;padding:0;position:relative;overflow:hidden}.tie-weather-widget.widget .icon-basecloud-bg:after{color:var(--brand-color)}.tie-weather-widget .widget-title{border-bottom:0!important;background-color:transparent;margin-bottom:0;padding:20px 20px 0}.tie-weather-widget .widget-title:after,.tie-weather-widget .widget-title:before{display:none}.tie-weather-widget .widget-title .the-subtitle{font-size:18px;color:var(--bright-color);margin:0;padding:0}.tie-weather-widget .widget-title .the-subtitle:after,.tie-weather-widget .widget-title .the-subtitle:before,.tie-weather-widget .widget-title .the-subtitle .widget-title-icon{display:none}.tie-weather-widget .widget-title span{font-weight:400;font-size:14px}.tie-weather-widget [class^=icon-]:before,.tie-weather-widget [class^=icon-]:after{font-family:"tiefonticon"}.tie-weather-user-location{position:absolute;font-size:22px;display:block;top:10px;right:10px}.tie-weather-user-location.has-title{top:20px;right:20px}.tie-weather-user-location .tie-icon-gps:not(:hover){opacity:.5}.weather-name{font-size:32px;padding-top:5px;font-weight:700;white-space:nowrap}.weather-todays-stats{display:inline-block;padding:0 10px;vertical-align:top}.weather-more-todays-stats{text-align:left;line-height:1.6;font-size:90%;padding-top:12px;padding-left:10px}.weather-more-todays-stats [class^=tie-icon-]:before{width:15px;display:inline-block;text-align:center}.weather-desc{margin-top:5px}.weather-forecast{clear:both;padding:20px 10px;overflow:hidden;margin:20px 0 -20px}.weather-forecast-day{position:relative;width:1%;display:table-cell;text-align:center}.weather-forecast-day .weather-icon{font-size:35px}.weather-forecast-day .weather-icon .icon-cloud:after,.weather-forecast-day .weather-icon .icon-basecloud-bg:after,.weather-forecast-day .weather-icon .basecloud:before{font-size:inherit;line-height:1.05}.weather-forecast-day .weather-icon .icon-rainy-animi-5{display:none}.weather-forecast-day-abbr{font-weight:700;font-size:.8em;margin-top:3px;line-height:1.4}.weather-forecast-day-temp{font-size:14px}.weather-forecast-day-temp sup{font-size:8px;padding-left:2px}.widget-posts-list-container{position:relative}@media (min-width:992px){.mega-menu .mega-menu-block{left:0;width:100%;padding:30px}.mega-menu .mega-menu-block a{width:auto}.main-menu .mega-cat-wrapper{overflow:hidden;height:auto;clear:both}.main-menu .mega-ajax-content{min-height:200px;position:relative}.main-menu .mega-recent-featured .mega-ajax-content{min-height:325px}.main-menu .mega-cat .mega-menu-content{clear:both}.main-menu .mega-cat .mega-menu-block{padding:0}.main-menu .mega-cat-content{padding:30px}.main-menu .mega-cat-sub-exists{width:80%;float:left}.main-menu ul.mega-cat-sub-categories{overflow:hidden;box-shadow:none}.main-menu .cats-vertical{background:var(--main-nav-secondry-background);width:20%;float:left;padding:30px 0 0 20px;padding-bottom:1500px;margin-bottom:-1500px}.main-menu .cats-vertical li{width:100%}.main-menu .cats-vertical li:last-child{margin-bottom:50px}.main-menu .cats-vertical li a{display:block;border-top:0;width:100%;padding:8px 10px}.main-menu .cats-vertical li a.is-active{background:var(--main-nav-background)}.main-menu .mega-recent-featured>.menu-sub-content{overflow:hidden}.main-menu .mega-recent-featured .mega-menu-content{float:right;position:relative;min-height:30px;width:100%}}@media (min-width:992px){.theme-header .logo-row>div{height:auto!important}.header-layout-3 .stream-item-top-wrapper{float:right}}.breaking{float:left;width:100%;height:35px;line-height:35px;display:block!important}.breaking-title{padding:0 10px;display:block;float:left;color:#fff;font-size:12px;position:relative}.breaking-title span{position:relative;z-index:1}.breaking-title span.breaking-icon{display:none}@media (max-width:600px){.breaking-title span.breaking-icon{display:inline-block}.breaking-title .breaking-title-text{display:none}}.breaking-title:before{content:"";background:#f05555;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.breaking-news{display:none}#mobile-container{display:none;padding:10px 30px 30px}#mobile-menu{margin-bottom:20px;position:relative;padding-top:15px}#mobile-social-icons{margin-bottom:15px}#mobile-social-icons ul{text-align:center;overflow:hidden}#mobile-social-icons ul .social-icons-item{float:none;display:inline-block}#mobile-social-icons .social-icons-item{margin:0}#mobile-social-icons .social-icons-item .social-link{background:0 0;border:none}#tie-wrapper:after{position:absolute;z-index:1000;top:-10%;left:-50%;width:0;height:0;background:rgba(0,0,0,.2);content:'';opacity:0}@media (max-width:991px){.side-aside.appear-from-left{left:0;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}}.is-desktop .side-aside .has-custom-scroll{padding:50px 0 0}.side-aside.dark-skin .container-wrapper{border-radius:0;border:0;background:0 0;box-shadow:none}.side-aside:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:'';opacity:1}.side-aside .container-wrapper{padding:30px!important}a.remove{position:absolute;top:0;right:0;display:block;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;display:block;line-height:20px;text-align:center;font-size:15px}a.remove:before{content:"\e117";font-family:'tiefonticon';color:#e74c3c}a.remove.big-btn{width:25px;height:25px;line-height:25px;font-size:22px}a.remove.light-btn:not(:hover):before{color:#fff}.side-aside a.remove{z-index:1;top:15px;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tie-popup a.remove{-webkit-transform:scale(.2);-ms-transform:scale(.2);transform:scale(.2);opacity:0;top:15px;right:15px;z-index:1}.theiaStickySidebar:after{content:"";display:table;clear:both}.side-aside,.has-custom-scroll{overflow-x:hidden;scrollbar-width:thin}.side-aside::-webkit-scrollbar,.has-custom-scroll::-webkit-scrollbar{width:5px}.side-aside::-webkit-scrollbar-track,.has-custom-scroll::-webkit-scrollbar-track{background:0 0}.side-aside::-webkit-scrollbar-thumb,.has-custom-scroll::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(0,0,0,.2)}.dark-skin .has-custom-scroll::-webkit-scrollbar-thumb{background:#000}.tie-popup{position:fixed;z-index:99999;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.9);display:none;-webkit-perspective:600px;perspective:600px}.tie-popup-container{position:relative;z-index:100;width:90%;max-width:420px;margin:10em auto 0;border-radius:2px;box-shadow:0 0 20px rgba(0,0,0,.2);will-change:transform,opacity;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);opacity:0}.tie-popup-container .login-submit{padding-top:15px;padding-bottom:15px}.tie-popup-container .container-wrapper{padding:60px;background-color:#fff!important;border-radius:5px}@media (max-width:479px){.tie-popup-container .container-wrapper{padding:30px}}.pop-up-live-search{will-change:transform,opacity;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:0}.tie-popup-search-wrap::-webkit-input-placeholder{color:#fff}.tie-popup-search-wrap::-moz-placeholder{color:#fff}.tie-popup-search-wrap:-moz-placeholder{color:#fff}.tie-popup-search-wrap:-ms-input-placeholder{color:#fff}.popup-search-wrap-inner{position:relative;padding:80px 15px 0;margin:0 auto;max-width:800px}#tie-popup-search-mobile .popup-search-wrap-inner{padding-top:50px}.tie-icon-facebook:before{content:"\f09a"}.tie-icon-gps:before{content:"\e90a"}.tie-icon-search:before{content:"\f002"}.tie-icon-author:before{content:"\f007"}.tie-icon-search:before{content:"\f002"}.tie-icon-home:before{content:"\f015"}.tie-icon-tags:before{content:"\f02c"}.tie-icon-bookmark:before{content:"\f02e"}.tie-icon-random:before{content:"\f074"}.tie-icon-twitter:before{content:"\f099"}.tie-icon-feed:before{content:"\f09e"}.tie-icon-navicon:before{content:"\f0c9"}.tie-icon-pinterest:before{content:"\f0d2"}.tie-icon-envelope:before{content:"\f0e0"}.tie-icon-linkedin:before{content:"\f0e1"}.tie-icon-bolt:before{content:"\f0e7"}.tie-icon-angle-down:before{content:"\f109"}.tie-icon-youtube:before{content:"\f16a"}.tie-icon-instagram:before{content:"\f16d"}.tie-icon-tumblr:before{content:"\f173"}.tie-icon-reddit:before{content:"\f1a1"}.tie-icon-paper-plane:before{content:"\f1d8"}.tie-icon-whatsapp:before{content:"\f232"}.tie-icon-get-pocket:before{content:"\f265"}.tie-icon-wind:before{content:"\e902"}.tie-icon-thermometer-half:before{content:"\e901"}.tie-icon-facebook:before{content:"\f09a"}.tie-icon-fire:before{content:"\e900"}.tie-icon-raindrop:before{content:"\f078"}.is-animated .icon-rainy-animi:after{-webkit-animation:rain-animi-effect .2s ease-out infinite;animation:rain-animi-effect .2s ease-out infinite}.is-animated .icon-rainy-animi-2:after{-webkit-animation:rain-animi-effect .25s ease-out infinite;animation:rain-animi-effect .25s ease-out infinite}.is-animated .icon-rainy-animi-4:after{-webkit-animation:rain-animi-effect .35s ease-out infinite;animation:rain-animi-effect .35s ease-out infinite}.is-animated .icon-rainy-animi-5:after{-webkit-animation:rain-animi-effect .4s ease-out infinite;animation:rain-animi-effect .4s ease-out infinite}.is-animated .icon-sun:after{-webkit-animation:tie-spin 8s infinite linear;animation:tie-spin 8s infinite linear}.is-animated .icon-sun-animi:after{-webkit-animation:tie-spin 8s infinite linear;animation:tie-spin 8s infinite linear}.is-animated .icon-cloud-behind:after{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}@-webkit-keyframes rain-animi-effect{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}}@keyframes rain-animi-effect{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}}@-webkit-keyframes tie-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes tie-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes passing{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.post-content.container-wrapper{padding:0}.entry-header{font-size:45px;line-height:1.2}@media (max-width:767px){.entry-header{font-size:28px}}.entry-header .entry-title{margin-bottom:15px}@media (max-width:767px){.entry-header .entry-title{font-size:28px}}.entry-header .entry-sub-title{font-size:22px;line-height:27px;font-weight:400;margin-top:-5px;margin-bottom:15px;color:#666;font-family:inherit;letter-spacing:0}@media (max-width:991px){.entry-header .entry-sub-title{font-size:18px;line-height:23px}}.entry-header .post-cat{margin-bottom:6px}.entry-header .post-meta{overflow:inherit;font-size:12px;margin-top:5px;margin-bottom:0;line-height:24px}.entry-header .post-meta .meta-item{margin-right:12px}.entry-header .post-meta,.entry-header .post-meta a:not(:hover){color:#333}.entry-header .post-meta .meta-author{margin:0}.entry-header .post-meta .meta-author a{font-weight:600}.entry-header .post-meta .date:before{content:"22";color:#ccc;margin:0 3px 0 5px;display:inline-block}.entry-header .post-meta .tie-alignright{display:inline}@media (max-width:767px){.entry-header .post-meta{margin-bottom:-8px}.entry-header .post-meta .tie-alignright{float:none}.entry-header .post-meta .meta-item,.entry-header .post-meta .tie-alignright .meta-item:last-child{margin-bottom:8px!important}.entry-header .post-meta>span,.entry-header .post-meta>div{float:initial!important}.entry-header .post-meta .meta-author a{font-weight:400}.entry-header .meta-author-avatar img{width:20px;height:20px}}.meta-author-avatar img{width:30px;height:30px;margin-right:3px;margin-top:-5px;vertical-align:middle;border-radius:50%}.post-layout-1 .entry-header-outer{padding:30px 30px 20px}@media (max-width:767px){.post-layout-1 .entry-header-outer{padding:20px}}.post-layout-1 .entry-header{padding:0;margin:0}.featured-area{position:relative;margin-bottom:30px;line-height:1}@media (max-width:767px){.featured-area{margin-bottom:20px}}.featured-area img{width:100%}.single-featured-image{position:relative;margin:0;line-height:0}.post-bottom-meta-title{float:left;padding:0 6px;margin:5px 5px 0 0;background:#2c2f34;border:1px solid rgba(0,0,0,.1);border-radius:2px}.post-bottom-meta-title{color:#fff}.post-tags-modern .post-bottom-meta-title{display:none}.share-buttons{padding:18px 28px;line-height:0}@media (max-width:767px){.share-buttons{padding:15px}}@media (min-width:768px){.share-buttons-top{padding-bottom:0}}.entry-header-outer+.share-buttons-top{padding-top:0}.post-layout-1 .share-buttons-top{padding-bottom:18px}.share-buttons-mobile{position:fixed;bottom:0;z-index:999999;width:100%;background:0 0;border:0 none;padding:0}.share-buttons-mobile .share-links a{margin:0;border-radius:0;width:1%;display:table-cell;opacity:1!important}.share-buttons-mobile .share-links a .share-btn-icon{margin:0 auto;float:none}@media (min-width:768px){.share-buttons-mobile{display:none}}.mobile-share-buttons-spacer{height:40px}@media (min-width:768px){.mobile-share-buttons-spacer{display:none}}.share-links a{color:#fff}.share-links{overflow:hidden;position:relative}.share-links .share-btn-icon{font-size:15px}.share-links a{display:inline-block;margin:2px;height:40px;overflow:hidden;position:relative;border-radius:2px;width:40px}.share-links a,.share-links a:before{background-color:#444}.share-links a .share-btn-icon{width:40px;height:40px;float:left;display:block;text-align:center;line-height:40px}.share-links a.facebook-share-btn,.share-links a.facebook-share-btn:before{background:#4080ff}.share-links a.twitter-share-btn,.share-links a.twitter-share-btn:before{background:#40bff5}.share-links a.linkedin-share-btn,.share-links a.linkedin-share-btn:before{background:#238cc8}.share-links a.pinterest-share-btn,.share-links a.pinterest-share-btn:before{background:#e13138}.share-links a.reddit-share-btn,.share-links a.reddit-share-btn:before{background:#ff4500}.share-links a.tumblr-share-btn,.share-links a.tumblr-share-btn:before{background:#35465c}.share-links a.pocket-share-btn,.share-links a.pocket-share-btn:before{background:#ef4056}.share-links a.whatsapp-share-btn,.share-links a.whatsapp-share-btn:before{background:#43d854}.share-links a.telegram-share-btn,.share-links a.telegram-share-btn:before{background:#08c}.share-links a.email-share-btn,.share-links a.email-share-btn:before{background:#333}@media (min-width:768px){a.whatsapp-share-btn,a.telegram-share-btn{display:none!important}}#related-posts .related-item{position:relative;float:left;width:33.333%;padding:0 15px;margin-bottom:20px}@media (max-width:767px){#related-posts .related-item{padding:0 8px}}#related-posts .related-item .post-thumb{margin-bottom:10px}#related-posts .related-item .post-title{font-size:14px;line-height:19px}#related-posts .related-item .post-meta{margin:4px 0 0}.has-sidebar .site-content #related-posts .related-item:nth-child(3n+1){clear:both}@media (max-width:767px){#related-posts .related-item{width:50%!important;clear:none!important}}#related-posts.has-extra-post .related-item:last-child{clear:none!important;display:none}@media only screen and (min-width:320px) and (max-width:767px){#related-posts.has-extra-post .related-item:last-child{display:block}}#reading-position-indicator{display:block;height:5px;position:fixed;bottom:0;left:0;background:var(--brand-color);box-shadow:0 0 10px rgba(0,136,255,.7);width:0;z-index:9999;max-width:100%}#check-also-box{position:fixed;background-color:#fff;z-index:999;bottom:15px;right:-1px;-webkit-transform:translatex(100%);-ms-transform:translatex(100%);transform:translatex(100%);width:340px;padding:30px;border:1px solid rgba(0,0,0,.1);border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}#check-also-box .has-first-big-post .post-widget-body{clear:both}#check-also-box .posts-list-big-first li{padding-bottom:0}#check-also-box .posts-list-big-first li .post-title{font-size:18px;line-height:1.3em}@media (max-width:991px){#check-also-box{display:none}}.toggle-post-content{display:none}@media (max-width:991px){.toggle-post-content{display:block}.toggle-post-content #toggle-post-button{display:block;padding:5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-weight:600;text-align:center;padding:10px 0;margin:0 30px 30px}}@media (max-width:767px){.toggle-post-content #toggle-post-button{margin:0 20px 30px}}#post-extra-info{display:none}#main-nav .main-menu>ul>li>a{text-transform:uppercase}.tie-cat-12{background-color:#2ecc71!important;color:#fff!important}.tie-cat-12:after{border-top-color:#2ecc71!important}@media (min-width:1200px){.container{width:auto}}@media (min-width:992px){.container{max-width:100%}}.meta-views.meta-item .tie-icon-fire:before{content:"\f06e"!important}@media (max-width:991px){.side-aside.dark-skin{background:#2f88d6;background:-webkit-linear-gradient(135deg,#5933a2,#2f88d6);background:-moz-linear-gradient(135deg,#5933a2,#2f88d6);background:-o-linear-gradient(135deg,#5933a2,#2f88d6);background:linear-gradient(135deg,#2f88d6,#5933a2)}}body .button,body [type=submit],body input:not([type=checkbox]):not([type=radio]),body .social-icons-widget .social-icons-item .social-link,body .post-bottom-meta-title,body .post-cat{border-radius:35px}body .post-bottom-meta-title{padding-right:15px;padding-left:15px}body input{border-radius:5px}body .post-thumb img,body .container-wrapper,body .tie-popup-container .container-wrapper,body .widget,body.single-post .featured-area{border-radius:15px}body .main-menu .menu-sub-content{border-bottom-left-radius:10px;border-bottom-right-radius:10px}body.single-post .featured-area{overflow:hidden}body #check-also-box.check-also-right{border-top-left-radius:15px;border-bottom-left-radius:15px}.lazyload{opacity:0}:root{--wpforms-field-border-radius:3px;--wpforms-field-border-style:solid;--wpforms-field-border-size:1px;--wpforms-field-background-color:#fff;--wpforms-field-border-color:rgba(0,0,0,.25);--wpforms-field-border-color-spare:rgba(0,0,0,.25);--wpforms-field-text-color:rgba(0,0,0,.7);--wpforms-field-menu-color:#fff;--wpforms-label-color:rgba(0,0,0,.85);--wpforms-label-sublabel-color:rgba(0,0,0,.55);--wpforms-label-error-color:#d63637;--wpforms-button-border-radius:3px;--wpforms-button-border-style:none;--wpforms-button-border-size:1px;--wpforms-button-background-color:#066aab;--wpforms-button-border-color:#066aab;--wpforms-button-text-color:#fff;--wpforms-page-break-color:#066aab;--wpforms-background-image:none;--wpforms-background-position:center center;--wpforms-background-repeat:no-repeat;--wpforms-background-size:cover;--wpforms-background-width:100px;--wpforms-background-height:100px;--wpforms-background-color:rgba(0,0,0,0);--wpforms-background-url:none;--wpforms-container-padding:0px;--wpforms-container-border-style:none;--wpforms-container-border-width:1px;--wpforms-container-border-color:#000;--wpforms-container-border-radius:3px;--wpforms-field-size-input-height:43px;--wpforms-field-size-input-spacing:15px;--wpforms-field-size-font-size:16px;--wpforms-field-size-line-height:19px;--wpforms-field-size-padding-h:14px;--wpforms-field-size-checkbox-size:16px;--wpforms-field-size-sublabel-spacing:5px;--wpforms-field-size-icon-size:1;--wpforms-label-size-font-size:16px;--wpforms-label-size-line-height:19px;--wpforms-label-size-sublabel-font-size:14px;--wpforms-label-size-sublabel-line-height:17px;--wpforms-button-size-font-size:17px;--wpforms-button-size-height:41px;--wpforms-button-size-padding-h:15px;--wpforms-button-size-margin-top:10px;--wpforms-container-shadow-size-box-shadow:none}
What Is The Difference Between Frontend And Backend Development? | WowBuzz
Introduction to Frontend and Backend Development
In the digital world, website functionality is everything. To have a functioning, fully responsive, and engaging website, you need both frontend and backend development. In very simple terms, frontend can be viewed as everything you can see and interact with on a website, while backend is all about what goes on behind the scenes that makes all these interactions possible. This blog will provide an introduction to both frontend and backend development, helping you understand their role, functionalities, and how they mesh together to create a seamless user experience.
Overview: Understanding the Role of a Frontend Developer
Frontend refers to the client side of website development. It involves everything that users observe directly – from texts and colors to buttons, images, and navigation menu. A frontend developer is tasked with creating an intuitive design and ultimately influencing the user experience. They use tools such as HTML, CSS, and JavaScript to create responsive web design. Their goal is to ensure that the website is visually appealing, intuitive, and runs consistently across all browsers and platforms.
In-Depth: Diving into Backend Development
In contrast to frontend, backend development refers to the server-side of website development . It’s about what goes on behind the scenes and is invisible to users. Backend development ensures that everything on the frontend works flawlessly. Restaurants provide an excellent metaphor: while frontend is like the dining area where everything is designed for a pleasing aesthetic and customer experience, backend is like the kitchen where all the hard work goes on to make that experience possible. Backend developers use programming languages like Python, Java, and Ruby, and work with databases and server settings.
Key Differences between Frontend and Backend Development
While frontend and backend development work together to create a smooth user experience, they’re characterized by distinct aspects. Frontend developers handle everything that users interact with in a browser. Their role is focused on design, structure, and the look and feel of a website. Conversely, backend developers are responsible for the functionality and logic that drive the frontend, dealing with servers, databases, and application logic. Therefore, the key difference lies in the interface (frontend) versus behind-the-scenes operations (backend).
Conclusion: Deciding Between Frontend and Backend – Which Suits You Best?
The decision between frontend and backend development depends greatly on your interests and skills. If you enjoy being creative, working on visuals, and dealing directly with user experience, frontend development could be a good fit. On the other hand, if you love solving puzzles, working with complex systems, and managing data, then backend development is your alley. Remember, these aren’t mutually exclusive fields; full-stack developers handle both frontend and backend tasks. As you explore and grow in your coding journey, you may find the area that suits you best. Happy coding!ntroduction to Frontend and Backend Development In the digital world, website functionality is everything. To have a functioning, fully responsive, and engaging website, you need both frontend and backend development. In very simple terms, frontend can be viewed as everything you can see and interact with on a website, while backend is all about what goes on behind the scenes that makes all these interactions possible. This blog will provide an introduction to both frontend and backend development, helping you understand their role, functionalities, and how they mesh together to create a seamless user experience. Overview: Understanding the Role of a Frontend Developer Frontend refers to the client side of website development. It involves everything that users observe directly – from texts and colors to buttons, images, and navigation menu. A frontend developer is tasked with creating an intuitive design and ultimately influencing the user experience. They use tools such as HTML, CSS, and JavaScript to create responsive web design. Their goal is to ensure that the website is visually appealing, intuitive, and runs consistently across all browsers and platforms. In-Depth: Diving into Backend Development In contrast to frontend, backend development refers to the server-side of website development. It’s about what goes on behind the scenes and is invisible to users. Backend development ensures that everything on the frontend works flawlessly. Restaurants provide an excellent metaphor: while frontend is like the dining area where everything is designed for a pleasing aesthetic and customer experience, backend is like the kitchen where all the hard work goes on to make that experience possible. Backend developers use programming languages like Python, Java, and Ruby, and work with databases and server settings. Key Differences between Frontend and Backend Development While frontend and backend development work together to create a smooth user experience, they’re characterized by distinct aspects. Frontend developers handle everything that users interact with in a browser. Their role is focused on design, structure, and the look and feel of a website. Conversely, backend developers are responsible for the functionality and logic that drive the frontend, dealing with servers, databases, and application logic. Therefore, the key difference lies in the interface (frontend) versus behind-the-scenes operations (backend). Conclusion: Deciding Between Frontend and Backend – Which Suits You Best? The decision between frontend and backend development depends greatly on your interests and skills. If you enjoy being creative, working on visuals, and dealing directly with user experience, frontend development could be a good fit. On the other hand, if you love solving puzzles, working with complex systems, and managing data, then backend development is your alley. Remember, these aren’t mutually exclusive fields; full-stack developers handle both frontend and backend tasks. As you explore and grow in your coding journey, you may find the area that suits you best. Happy coding!
Back to top button