CINXE.COM
Understanding Big and Little Endian Byte Order – BetterExplained
<!DOCTYPE html> <html class="" lang="en-US"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/","20190524124000","https://web.archive.org/","web","/_static/", "1558701600"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!--[if lte IE 8]> <script type="text/javascript" src="https://betterexplained.com/wp-content/themes/Avada/assets/js/html5shiv.js"></script> <![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Understanding Big and Little Endian Byte Order – BetterExplained</title> <!-- Google Tag Manager for WordPress by gtm4wp.com --> <script data-cfasync="false" type="text/javascript">//<![CDATA[ var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; //]]> </script> <!-- End Google Tag Manager for WordPress by gtm4wp.com --> <script type="text/javascript"> var ajaxurl = 'https://web.archive.org/web/20190524124000/https://betterexplained.com/wp-admin/admin-ajax.php'; </script> <link rel="dns-prefetch" href="//web.archive.org/web/20190524124000/https://www.google.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20190524124000/https://fonts.googleapis.com/"/> <link rel="alternate" type="application/rss+xml" title="BetterExplained » Feed" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="BetterExplained » Comments Feed" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/comments/feed/"/> <!-- For iPad Retina display --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/web/20190524124000im_/https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/"> <link rel="alternate" type="application/rss+xml" title="BetterExplained » Understanding Big and Little Endian Byte Order Comments Feed" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/feed/"/> <link rel="stylesheet" id="css-0-css" href="https://web.archive.org/web/20190524124000cs_/https://betterexplained.com/wp-content/mmr/851e244c-1554153295.min.css" type="text/css" media="all"/> <!--[if lte IE 9]> <link rel='stylesheet' id='avada-shortcodes-css' href='https://betterexplained.com/wp-content/themes/Avada/shortcodes.css' type='text/css' media='all' /> <![endif]--> <link rel="stylesheet" id="css-1-css" href="https://web.archive.org/web/20190524124000cs_/https://betterexplained.com/wp-content/mmr/f4e60ddc-1465368154.min.css" type="text/css" media="all"/> <link rel="stylesheet" id="avadaredux-google-fonts-avada_theme_options-css" href="https://web.archive.org/web/20190524124000cs_/https://fonts.googleapis.com/css?family=Lato%3A300%2C400%2C700italic%2C700%7CPT+Serif%3A400&subset=latin" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20190524124000js_/https://betterexplained.com/wp-content/mmr/20720eef-1554153295.min.js"></script> <link rel="https://api.w.org/" href="https://betterexplained.com/wp-json/"/> <style type="text/css">div#toc_container ul li {font-size: 90%;}</style><style id="ubermenu-custom-generated-css"> /** UberMenu Custom Menu Styles (Customizer) **/ /* main */ .ubermenu.ubermenu-main { background:none; border:none; box-shadow:none; } .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; } .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width { left:0; } .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop { margin-top:0; } .ubermenu-main.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop { margin-top:0; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; color:#333333; } .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { font-weight:normal; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#dfbc60; } .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#333333; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:14px; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { color:#dfbc60; } .ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { font-weight:normal; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target { color:#333333; font-size:14px; font-weight:normal; } .ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover, .ubermenu.ubermenu-main .ubermenu-item-normal:hover > .ubermenu-target, .ubermenu.ubermenu-main .ubermenu-item-normal.ubermenu-active > .ubermenu-target { color:#dfbc60; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover > .ubermenu-target-text { text-decoration:underline; } .ubermenu-main .ubermenu-target > .ubermenu-target-description { font-size:14px; } .ubermenu-responsive-toggle-main, .ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target { font-family:Lato; } /** UberMenu Custom Tweaks (General Settings) **/ .fusion-header-v4 .fusion-header { padding-top: 0px; padding-bottom: 0px; border-bottom: 0px; } .fusion-secondary-main-menu { background: #f1ead6 !important; } /* Status: Loaded from Transient */ </style> <!-- Google Tag Manager for WordPress by gtm4wp.com --> <script data-cfasync="false" type="text/javascript">//<![CDATA[ dataLayer.push([]);//]]> </script> <script data-cfasync="false">//<![CDATA[ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//web.archive.org/web/20190524124000/https://www.googletagmanager.com/gtm.'+'js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-82FL');//]]> </script> <!-- End Google Tag Manager --> <!-- End Google Tag Manager for WordPress by gtm4wp.com --><link rel="canonical" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/"/> <!--[if IE 9]> <script>var _fusionParallaxIE9 = true;</script> <![endif]--><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/plugins/disqus-conditional-load/vendor/disqus-comment-system/public/js/comment_embed.js" as="script"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/plugins/disqus-conditional-load/assets/js/public/embed.min.js" as="script"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/plugins/table-of-contents-plus/front.min.js" as="script"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/mmr/20720eef-1554153295.min.js" as="script"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/plugins/table-of-contents-plus/screen.min.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/themes/Avada/style.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/themes/Avada-Child-Theme/style.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/themes/Avada/shortcodes.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/mmr/851e244c-1554153295.min.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/themes/Avada/shortcodes.css" as="style"><link rel="preload" href="/web/20190524124000/https://betterexplained.com/wp-content/mmr/f4e60ddc-1465368154.min.css" as="style"><style id="avada-stylesheet-inline-css" type="text/css">@font-face{font-family:;src:;font-weight: normal;font-style: normal;}.Avada_403{color:green;}body,html,html body.custom-background{background-color:#ffffff;}#main,#slidingbar,.fusion-footer-copyright-area,.fusion-footer-widget-area,.fusion-page-title-bar,.fusion-secondary-header,.header-v4 #small-nav,.header-v5 #small-nav,.sticky-header .sticky-shadow,.tfs-slider .slide-content-container{padding-left:30px;padding-right:30px;}.width-100 .fusion-section-separator,.width-100 .nonhundred-percent-fullwidth{padding-left:15px;padding-right:15px;margin-left:-15px;margin-right:-15px;}.width-100 .fullwidth-box,.width-100 .fusion-section-separator{margin-left:-15px!important;margin-right:-15px!important;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder li a{padding-left:30px;padding-right:30px;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item .fusion-open-submenu{padding-right:35px;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item a{padding-left:30px;padding-right:30px;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item li a{padding-left:39px;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item li li a{padding-left:48px;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item li li li a{padding-left:57px;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item li li li li a{padding-left:66px;}.event-is-recurring:hover,.tooltip-shortcode,a:hover{color:#dfbc60;}#main .about-author .title a:hover,#main .post h2 a:hover,#slidingbar-area .fusion-accordian .panel-title a:hover,#slidingbar-area .widget li.recentcomments:hover:before,#slidingbar-area ul li a:hover,#wrapper .fusion-widget-area .current-menu-item > a,#wrapper .fusion-widget-area .current-menu-item > a:before,#wrapper .fusion-widget-area .current_page_item > a,#wrapper .fusion-widget-area .current_page_item > a:before,#wrapper .jtwt .jtwt_tweet a:hover,.content-box-percentage,.fusion-accordian .panel-title a:hover,.fusion-content-widget-area .widget .recentcomments:hover:before,.fusion-content-widget-area .widget li a:hover,.fusion-content-widget-area .widget li a:hover:before,.fusion-content-widget-area .widget_archive li a:hover:before,.fusion-content-widget-area .widget_categories li a:hover,.fusion-content-widget-area .widget_categories li a:hover:before,.fusion-content-widget-area .widget_links li a:hover:before,.fusion-content-widget-area .widget_nav_menu li a:hover:before,.fusion-content-widget-area .widget_pages li a:hover:before,.fusion-content-widget-area .widget_recent_entries li a:hover:before,.fusion-copyright-notice a:hover,.fusion-date-and-formats .fusion-format-box i,.fusion-filters .fusion-filter.fusion-active a,.fusion-footer-widget-area .fusion-accordian .panel-title a:hover,.fusion-footer-widget-area .fusion-tabs-widget .tab-holder .news-list li .post-holder a:hover,.fusion-footer-widget-area .widget li a:hover:before,.fusion-footer-widget-area .widget li.recentcomments:hover:before,.fusion-footer-widget-area a:hover,.fusion-footer-widget-area ul li a:hover,.fusion-login-box a:hover,.fusion-popover,.fusion-read-more:hover:after,.more a:hover:after,.pagination-next:hover:after,.pagination-prev:hover:before,.price > .amount,.price ins .amount,.project-content .project-info .project-info-box a:hover,.side-nav .arrow:hover:after,.side-nav li.current_page_ancestor > a,.side-nav ul > li.current_page_item > a,.single-navigation a[rel=next]:hover:after,.single-navigation a[rel=prev]:hover:before,.slidingbar-area .widget li a:hover:before,.slidingbar-area a:hover,.star-rating span:before,.star-rating:before,.tooltip-shortcode,h5.toggle:hover a,span.dropcap{color:#dfbc60;}.fusion-accordian .panel-title a:hover .fa-fusion-box{background-color:#dfbc60 !important;border-color:#dfbc60 !important;}.fusion-content-widget-area .fusion-image-wrapper .fusion-rollover .fusion-rollover-content a:hover{color:#333333;}.star-rating span:before,.star-rating:before{color:#dfbc60;}#slidingbar-area .tagcloud a:hover,.fusion-footer-widget-area .tagcloud a:hover,.tagcloud a:hover{color:#FFFFFF;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}#nav ul li > a:hover,#sticky-nav ul li > a:hover,#wrapper .fusion-tabs-widget .tab-holder .tabs li.active a,#wrapper .fusion-tabs.classic .nav-tabs > li.active .tab-link,#wrapper .fusion-tabs.classic .nav-tabs > li.active .tab-link:focus,#wrapper .fusion-tabs.classic .nav-tabs > li.active .tab-link:hover,#wrapper .fusion-tabs.vertical-tabs.classic .nav-tabs > li.active .tab-link,#wrapper .post-content blockquote,.fusion-filters .fusion-filter.fusion-active a,.fusion-hide-pagination-text .pagination-next:hover,.fusion-hide-pagination-text .pagination-prev:hover,.pagination .current,.pagination a.inactive:hover,.progress-bar-content,.reading-box,.tagcloud a:hover{border-color:#dfbc60;}#wrapper .side-nav li.current_page_item a{border-right-color:#dfbc60;border-left-color:#dfbc60;}#toTop:hover,#wrapper .search-table .search-button input[type="submit"]:hover,.circle-yes ul li:before,.fusion-accordian .panel-title .active .fa-fusion-box,.fusion-date-and-formats .fusion-date-box,.pagination .current,.progress-bar-content,.table-2 table thead,.tagcloud a:hover,ul.arrow li:before,ul.circle-yes li:before{background-color:#dfbc60;}#fusion-gmap-container,#main,#sliders-container,#wrapper,.fusion-separator .icon-wrapper,body,html{background-color:#ffffff;}.fusion-footer-widget-area{background-color:#5a0b1b;border-color:#fafafa;border-top-width:12px;padding-top:43px;padding-bottom:40px;}#wrapper .fusion-footer-widget-area .fusion-tabs-widget .tab-holder .tabs li{border-color:#5a0b1b;}.fusion-footer-copyright-area{background-color:#5a0b1b;border-color:#fafafa;border-top-width:1px;padding-top:18px;padding-bottom:16px;}.sep-boxed-pricing .panel-heading{background-color:#a0ce4e;border-color:#a0ce4e;}.full-boxed-pricing.fusion-pricing-table .standout .panel-heading h3,.fusion-pricing-table .panel-body .price .decimal-part,.fusion-pricing-table .panel-body .price .integer-part{color:#a0ce4e;}.fusion-image-wrapper .fusion-rollover{background-image:linear-gradient(top, rgba(223,188,96,0.8) 0%, #dfbc60 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(223,188,96,0.8)), color-stop(1, #dfbc60));background-image:filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfbc60, endColorstr=#dfbc60), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);background-image:-webkit-linear-gradient(top, rgba(223,188,96,0.8) 0%, #dfbc60 100%);background-image:-moz-linear-gradient(top, rgba(223,188,96,0.8) 0%, #dfbc60 100%);background-image:-ms-linear-gradient(top, rgba(223,188,96,0.8) 0%, #dfbc60 100%);background-image:-o-linear-gradient(top, rgba(223,188,96,0.8) 0%, #dfbc60 100%);}.no-cssgradients .fusion-image-wrapper .fusion-rollover{background:#dfbc60;}.fusion-image-wrapper:hover .fusion-rollover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfbc60, endColorstr=#dfbc60), progid: DXImageTransform.Microsoft.Alpha(Opacity=100);}#main .comment-submit,#reviews input#submit,.button-default,.button.default,.comment-form input[type="submit"],.fusion-button-default,.fusion-portfolio-one .fusion-button,.post-password-form input[type="submit"],.ticket-selector-submit-btn[type=submit],.wpcf7-form input[type="submit"],.wpcf7-submit{background:#a0ce4e;color:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0ce4e, endColorstr=#a0ce4e);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;}.link-type-button-bar .fusion-read-more,.no-cssgradients #main .comment-submit,.no-cssgradients #reviews input#submit,.no-cssgradients .button-default,.no-cssgradients .button.default,.no-cssgradients .comment-form input[type="submit"],.no-cssgradients .fusion-button-default,.no-cssgradients .fusion-portfolio-one .fusion-button,.no-cssgradients .post-password-form input[type="submit"],.no-cssgradients .ticket-selector-submit-btn[type="submit"],.no-cssgradients .wpcf7-form input[type="submit"],.no-cssgradients .wpcf7-submit{background:#a0ce4e;}#main .comment-submit:hover,#reviews input#submit:hover,.button-default:hover,.button.default:hover,.comment-form input[type="submit"]:hover,.fusion-button-default:hover,.fusion-portfolio-one .fusion-button:hover,.post-password-form input[type="submit"]:hover,.ticket-selector-submit-btn[type="submit"]:hover,.wpcf7-form input[type="submit"]:hover,.wpcf7-submit:hover{background:#96c346;color:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#96c346, endColorstr=#96c346);}.no-cssgradients #main .comment-submit:hover,.no-cssgradients #reviews input#submit:hover,.no-cssgradients .button-default:hover,.no-cssgradients .comment-form input[type="submit"]:hover,.no-cssgradients .fusion-button-default:hover,.no-cssgradients .fusion-portfolio-one .fusion-button:hover,.no-cssgradients .ticket-selector-submit-btn[type="submit"]:hover,.no-cssgradients .wpcf7-form input[type="submit"]:hover,.no-cssgradients .wpcf7-submit:hover,.no-cssgradinets .button.default:hover,.no-cssgradinets .post-password-form input[type="submit"]:hover{background:#96c346 !important;}.link-type-button-bar .fusion-read-more,.link-type-button-bar .fusion-read-more:after,.link-type-button-bar .fusion-read-more:before{color:#ffffff;}.link-type-button-bar .fusion-read-more:hover,.link-type-button-bar .fusion-read-more:hover:after,.link-type-button-bar .fusion-read-more:hover:before,.link-type-button-bar.link-area-box:hover .fusion-read-more,.link-type-button-bar.link-area-box:hover .fusion-read-more:after,.link-type-button-bar.link-area-box:hover .fusion-read-more:before{color:#ffffff !important;}.fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery,.fusion-image-wrapper .fusion-rollover .fusion-rollover-link{background-color:#333333;width:calc(15px * 2.41);height:calc(15px * 2.41);}.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:before,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories a,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price *,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content a,.fusion-rollover .fusion-rollover-content .fusion-rollover-title{color:#333333;}.fusion-page-title-bar{border-color:#d2d3d4;background-color:#F6F6F6;height:87px;background:none;border:none;}#slidingbar-area .widget-title,#slidingbar-area h3,.fusion-footer-widget-area .widget-title,.fusion-footer-widget-area h3{font-family:'Lato';font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0px;}.fusion-footer-copyright-area > .fusion-row,.fusion-footer-widget-area > .fusion-row{padding-left:0px;padding-right:0px;}.fontawesome-icon.circle-yes{background-color:#333333;}.content-box-shortcode-timeline,.fontawesome-icon.circle-yes{border-color:#333333;}.fontawesome-icon,.fontawesome-icon.circle-yes,.post-content .error-menu li:after,.post-content .error-menu li:before{color:#ffffff;}.fusion-title .title-sep,.fusion-title.sep-underline,.product .product-border{border-color:#e0dede;}.checkout .payment_methods .payment_box,.post-content blockquote,.review blockquote q{background-color:#f6f6f6;}.fusion-testimonials .author:after{border-top-color:#f6f6f6;}.post-content blockquote,.review blockquote q{color:#747474;}#nav ul li ul li a,#reviews #comments > h2,#sticky-nav ul li ul li a,#wrapper #nav ul li ul li > a,#wrapper #sticky-nav ul li ul li > a,.avada-container h3,.comment-form input[type="submit"],.ei-title h3,.fusion-blog-shortcode .fusion-timeline-date,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content a,.fusion-load-more-button,.fusion-main-menu .sub-menu,.fusion-main-menu .sub-menu li a,.fusion-megamenu-widgets-container,.fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover,.fusion-page-title-bar h3,.gform_page_footer input[type=button],.meta .fusion-date,.more,.post-content blockquote,.review blockquote div strong,.review blockquote q,.ticket-selector-submit-btn[type=submit],.wpcf7-form input[type="submit"],body{font-family:'PT Serif';font-weight:400;letter-spacing:0px;}#nav ul li ul li a,#reviews #comments > h2,#side-header .fusion-contact-info,#side-header .header-social .top-menu,#sticky-nav ul li ul li a,#wrapper #nav ul li ul li > a,#wrapper #sticky-nav ul li ul li > a,.avada-container h3,.comment-form input[type="submit"],.ei-title h3,.fusion-accordian .panel-body,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content a,.fusion-main-menu .sub-menu,.fusion-main-menu .sub-menu li a,.fusion-megamenu-widgets-container,.fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover,.fusion-page-title-bar h3,.gform_page_footer input[type=button],.meta .fusion-date,.more,.post-content blockquote,.review blockquote div strong,.review blockquote q,.ticket-selector-submit-btn[type=submit],body{line-height:1.6;}#slidingbar-area .slide-excerpt h2,#slidingbar-area ul,.counter-box-content,.fusion-alert,.fusion-blog-layout-timeline .fusion-timeline-date,.fusion-footer-widget-area .slide-excerpt h2,.fusion-footer-widget-area ul,.fusion-progressbar .progress-title,.fusion-tabs-widget .tab-holder .news-list li .post-holder .meta,.fusion-tabs-widget .tab-holder .news-list li .post-holder a,.gform_wrapper .gfield_description,.gform_wrapper label,.jtwt .jtwt_tweet,.post-content blockquote,.project-content .project-info h4,.review blockquote q,.sidebar .jtwt .jtwt_tweet,.sidebar .slide-excerpt h2,body{font-size:18px;}#reviews #comments > h2,#wrapper .fusion-tabs-widget .tab-holder .news-list li .post-holder .meta,#wrapper .meta,.fusion-blog-timeline-layout .fusion-timeline-date,.fusion-main-menu .fusion-custom-menu-item-contents,.fusion-rollover .price .amount,.post .post-content,.post-content blockquote,.project-content .project-info h4,.review blockquote div,.search input,.sidebar .fusion-tabs-widget .tab-holder .tabs li a,.sidebar .jtwt,.sidebar .widget .recentcomments,.sidebar .widget_archive li,.sidebar .widget_categories li,.sidebar .widget_layered_nav li,.sidebar .widget_links li,.sidebar .widget_meta li,.sidebar .widget_nav_menu li,.sidebar .widget_pages li,.sidebar .widget_product_categories li,.sidebar .widget_recent_entries li,.title-row,body,body .sidebar .fusion-tabs-widget .tab-holder .tabs li a{color:#383838;}#slidingbar-area h3,.avada-container h3,.comment-form input[type="submit"],.fusion-footer-widget-area h3,.fusion-load-more-button,.project-content .project-info h4,.review blockquote div strong,.ticket-selector-submit-btn[type="submit"],.wpcf7-form input[type="submit"]{font-weight:bold;}.meta .fusion-date,.post-content blockquote,.review blockquote q{font-style:italic;}.fusion-page-title-bar .fusion-breadcrumbs,.fusion-page-title-bar .fusion-breadcrumbs li,.fusion-page-title-bar .fusion-breadcrumbs li a{font-size:14px;}#wrapper .side-nav li a{font-size:14px;}.sidebar .widget h4{font-size:13px;}.fusion-main-menu > ul > li > a,.side-nav li a{font-family:'Lato';font-size:16px;font-weight:300;letter-spacing:0px;}.fusion-main-menu-cart .fusion-widget-cart-number{font-family:'Lato';}#slidingbar-area .widget-title,#slidingbar-area h3{font-size:13px;line-height:13px;}.fusion-copyright-notice{font-size:12px;}#main .fusion-row,#slidingbar-area .fusion-row,.fusion-footer-copyright-area .fusion-row,.fusion-footer-widget-area .fusion-row,.fusion-page-title-row,.tfs-slider .slide-content-container .slide-content{max-width:1060px;}#wrapper #main .fusion-portfolio-content > h2.entry-title,#wrapper #main .fusion-post-content > .blog-shortcode-post-title,#wrapper #main .fusion-post-content > h2.entry-title,#wrapper #main .post > h2.entry-title,#wrapper .fusion-events-shortcode .fusion-events-meta h2{font-size:18px;line-height:27px;}#wrapper #main #comments .fusion-title h3,#wrapper #main #respond .fusion-title h3,#wrapper #main .about-author .fusion-title h3,#wrapper #main .related-posts .fusion-title h3,#wrapper #main .related.products .fusion-title h3{font-size:18px;line-height:1.5;}.ei-title h2{font-size:42px;line-height:1.5;color:#333333;}.ei-title h3{font-size:20px;line-height:1.5;color:#747474;}#wrapper .fusion-events-shortcode .fusion-events-meta h4,.fusion-carousel-meta,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories a,.fusion-recent-posts .columns .column .meta,.fusion-single-line-meta{font-size:12px;line-height:1.5;}.fusion-carousel-meta,.fusion-meta,.fusion-meta-info,.fusion-recent-posts .columns .column .meta,.post .single-line-meta{font-size:12px;}.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a,.product-buttons a{font-size:;line-height:1.5;padding-left:;}.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:before,.product-buttons a:before{margin-left:-;}.page-links,.pagination,.pagination .pagination-next,.pagination .pagination-prev{font-size:12px;}.fusion-page-title-bar h1,.fusion-page-title-bar h3{color:#333333;}.sep-boxed-pricing .panel-heading h3{color:#333333;}.full-boxed-pricing.fusion-pricing-table .panel-heading h3{color:#333333;}#main .post h2 a,.about-author .title a,.fusion-content-widget-area .widget .recentcomments,.fusion-content-widget-area .widget li a,.fusion-content-widget-area .widget_categories li,.fusion-load-more-button,.fusion-rollover a,.project-content .project-info .project-info-box a,.shop_attributes tr th,.single-navigation a[rel="next"]:after,.single-navigation a[rel="prev"]:before,body a,body a:after,body a:before{color:#0069d6;}body #toTop:before{color:#fff;}.fusion-page-title-bar .fusion-breadcrumbs,.fusion-page-title-bar .fusion-breadcrumbs a{color:#0069d6;}#slidingbar-area .fusion-title > *,#slidingbar-area .widget-title,#slidingbar-area h3{color:#DDDDDD;}#slidingbar-area,#slidingbar-area .fusion-column,#slidingbar-area .jtwt,#slidingbar-area .jtwt .jtwt_tweet,#slidingbar-area .widget li.recentcomments,#slidingbar-area .widget_archive li,#slidingbar-area .widget_categories li,#slidingbar-area .widget_layered_nav li,#slidingbar-area .widget_links li,#slidingbar-area .widget_meta li,#slidingbar-area .widget_nav_menu li,#slidingbar-area .widget_pages li,#slidingbar-area .widget_product_categories li,#slidingbar-area .widget_recent_entries li{color:#8C8989;} #slidingbar-area .jtwt .jtwt_tweet a,#slidingbar-area .fusion-accordian .panel-title a,#wrapper #slidingbar-area .fusion-tabs-widget .tab-holder .tabs li a,.slidingbar-area .widget li a:before,.slidingbar-area a{color:#BFBFBF;}.sidebar .widget .heading h4,.sidebar .widget h4{color:#333333;}.sidebar .widget .heading .widget-title,.sidebar .widget .widget-title{background-color:rgba(255,255,255,0);}.fusion-footer-widget-area .widget-title,.fusion-footer-widget-area h3,.fusion-footer-widget-column .product-title{color:#DDDDDD;}.fusion-copyright-notice,.fusion-footer-widget-area,.fusion-footer-widget-area .jtwt,.fusion-footer-widget-area .jtwt .jtwt_tweet,.fusion-footer-widget-area .widget li.recentcomments,.fusion-footer-widget-area .widget_archive li,.fusion-footer-widget-area .widget_categories li,.fusion-footer-widget-area .widget_layered_nav li,.fusion-footer-widget-area .widget_links li,.fusion-footer-widget-area .widget_meta li,.fusion-footer-widget-area .widget_nav_menu li,.fusion-footer-widget-area .widget_pages li,.fusion-footer-widget-area .widget_product_categories li,.fusion-footer-widget-area .widget_recent_entries li,.fusion-footer-widget-area article.col{color:#fafafa;}#wrapper .fusion-footer-widget-area .fusion-tabs-widget .tab-holder .tabs li a,.fusion-copyright-notice a,.fusion-footer-widget-area .fusion-accordian .panel-title a,.fusion-footer-widget-area .fusion-tabs-widget .tab-holder .news-list li .post-holder a,.fusion-footer-widget-area .jtwt .jtwt_tweet a,.fusion-footer-widget-area .widget li a:before,.fusion-footer-widget-area a{color:#fafafa;}#customer_login .col-1,#customer_login .col-2,#customer_login h2,#customer_login_box,#reviews li .comment-text,#small-nav,#wrapper .fusion-tabs-widget .tab-holder,#wrapper .side-nav li a,#wrapper .side-nav li.current_page_item li a,.avada-skin-rev,.chzn-container-single .chzn-single,.chzn-container-single .chzn-single div,.chzn-drop,.commentlist .the-comment,.es-carousel-wrapper.fusion-carousel-small .es-carousel ul li img,.fusion-accordian .fusion-panel,.fusion-author .fusion-author-social,.fusion-blog-layout-grid .post .flexslider,.fusion-blog-layout-grid .post .fusion-content-sep,.fusion-blog-layout-grid .post .post-wrapper,.fusion-content-widget-area .widget .recentcomments,.fusion-content-widget-area .widget li a,.fusion-content-widget-area .widget li a:before,.fusion-content-widget-area .widget_archive li,.fusion-content-widget-area .widget_categories li,.fusion-content-widget-area .widget_links li,.fusion-content-widget-area .widget_meta li,.fusion-content-widget-area .widget_nav_menu li,.fusion-content-widget-area .widget_pages li,.fusion-content-widget-area .widget_recent_entries li,.fusion-counters-box .fusion-counter-box .counter-box-border,.fusion-filters,.fusion-hide-pagination-text .pagination-next,.fusion-hide-pagination-text .pagination-prev,.fusion-layout-timeline .post,.fusion-layout-timeline .post .flexslider,.fusion-layout-timeline .post .fusion-content-sep,.fusion-portfolio .fusion-portfolio-boxed .fusion-content-sep,.fusion-portfolio .fusion-portfolio-boxed .fusion-portfolio-post-wrapper,.fusion-portfolio-one .fusion-portfolio-boxed .fusion-portfolio-post-wrapper,.fusion-tabs.vertical-tabs.clean .nav-tabs li .tab-link,.fusion-timeline-arrow,.fusion-timeline-date,.input-radio,.ls-avada,.page-links a,.pagination a.inactive,.panel.entry-content,.post .fusion-meta-info,.price_slider_wrapper,.progress-bar,.project-content .project-info .project-info-box,.search-page-search-form,.sep-dashed,.sep-dotted,.sep-double,.sep-single,.side-nav,.side-nav li a,.single-navigation,.table,.table > tbody > tr > td,.table > tbody > tr > th,.table > tfoot > tr > td,.table > tfoot > tr > th,.table > thead > tr > td,.table > thead > tr > th,.table-1 table,.table-1 table th,.table-1 tr td,.table-2 table thead,.table-2 tr td,.tabs-vertical .tabs-container .tab_content,.tabs-vertical .tabset,.tagcloud a,.tkt-slctr-tbl-wrap-dv table,.tkt-slctr-tbl-wrap-dv tr td,h5.toggle.active + .toggle-content,tr td{border-color:#e0dede;}.price_slider_wrapper .ui-widget-content{background-color:#e0dede;}.fusion-load-more-button.fusion-blog-button{background-color:#ebeaea;}.fusion-load-more-button.fusion-blog-button:hover{background-color:rgba(235,234,234,0.8);}.fusion-load-more-button.fusion-blog-button,.fusion-load-more-button.fusion-blog-button:hover{color:#333;}.fusion-load-more-button.fusion-portfolio-button{background-color:#ebeaea;}.fusion-load-more-button.fusion-portfolio-button:hover{background-color:rgba(235,234,234,0.8);}.fusion-load-more-button.fusion-portfolio-button,.fusion-load-more-button.fusion-portfolio-button:hover{color:#333;}.sb-toggle-wrapper .sb-toggle:after{color:#ffffff;}#slidingbar-area .product_list_widget li,#slidingbar-area .widget li.recentcomments,#slidingbar-area .widget_archive li,#slidingbar-area .widget_categories li,#slidingbar-area .widget_layered_nav li,#slidingbar-area .widget_links li,#slidingbar-area .widget_meta li,#slidingbar-area .widget_nav_menu li,#slidingbar-area .widget_pages li,#slidingbar-area .widget_product_categories li,#slidingbar-area .widget_recent_entries ul li{border-bottom-color:#282A2B;}#slidingbar-area .fusion-accordian .fusion-panel,#slidingbar-area .tagcloud a,#wrapper #slidingbar-area .fusion-tabs-widget .tab-holder,#wrapper #slidingbar-area .fusion-tabs-widget .tab-holder .news-list li{border-color:#282A2B;}#wrapper .fusion-footer-widget-area .fusion-tabs-widget .tab-holder,#wrapper .fusion-footer-widget-area .fusion-tabs-widget .tab-holder .news-list li,.fusion-footer-widget-area .fusion-accordian .fusion-panel,.fusion-footer-widget-area .product_list_widget li,.fusion-footer-widget-area .tagcloud a,.fusion-footer-widget-area .widget li.recentcomments,.fusion-footer-widget-area .widget_archive li,.fusion-footer-widget-area .widget_categories li,.fusion-footer-widget-area .widget_layered_nav li,.fusion-footer-widget-area .widget_links li,.fusion-footer-widget-area .widget_meta li,.fusion-footer-widget-area .widget_nav_menu li,.fusion-footer-widget-area .widget_pages li,.fusion-footer-widget-area .widget_product_categories li,.fusion-footer-widget-area .widget_recent_entries li,.fusion-footer-widget-area ul li{border-color:#505152;}#comment-input input,#comment-textarea textarea,#wrapper .search-table .search-field input,.avada-select .select2-container .select2-choice,.avada-select .select2-container .select2-choice2,.avada-select-parent select,.chzn-container .chzn-drop,.chzn-container-single .chzn-single,.comment-form-comment textarea,.input-text,.main-nav-search-form input,.post-password-form label input[type="password"],.search-page-search-form input,.wpcf7-captchar,.wpcf7-form .wpcf7-date,.wpcf7-form .wpcf7-number,.wpcf7-form .wpcf7-quiz,.wpcf7-form .wpcf7-select,.wpcf7-form .wpcf7-text,.wpcf7-form textarea,input.s,input[type="email"],input[type="text"],select,textarea{background-color:#ffffff;}#wrapper .select-arrow,.avada-select-parent .select-arrow{background-color:#ffffff;}#comment-input .placeholder,#comment-input input,#comment-textarea .placeholder,#comment-textarea textarea,#wrapper .search-table .search-field input,.avada-select .select2-container .select2-choice,.avada-select .select2-container .select2-choice2,.avada-select-parent select,.chzn-container .chzn-drop,.chzn-container-single .chzn-single,.comment-form-comment textarea,.input-text,.main-nav-search-form input,.post-password-form label input[type="password"],.search-page-search-form input,.wpcf7-captchar,.wpcf7-form .wpcf7-date,.wpcf7-form .wpcf7-number,.wpcf7-form .wpcf7-quiz,.wpcf7-form .wpcf7-select,.wpcf7-form .wpcf7-text,.wpcf7-form textarea,.wpcf7-select-parent .select-arrow,input.s,input.s .placeholder,input[type="email"],input[type="text"],select,textarea{color:#333333;}#comment-input input::-webkit-input-placeholder,#comment-textarea textarea::-webkit-input-placeholder,.comment-form-comment textarea::-webkit-input-placeholder,.input-text::-webkit-input-placeholder,.post-password-form label input[type="password"]::-webkit-input-placeholder,.searchform .s::-webkit-input-placeholder,input#s::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#333333;}#comment-input input:-moz-placeholder,#comment-textarea textarea:-moz-placeholder,.comment-form-comment textarea:-moz-placeholder,.input-text:-moz-placeholder,.post-password-form label input[type="password"]:-moz-placeholder,.searchform .s:-moz-placeholder,input#s:-moz-placeholder,input:-moz-placeholder{color:#333333;}#comment-input input::-moz-placeholder,#comment-textarea textarea::-moz-placeholder,.comment-form-comment textarea::-moz-placeholder,.input-text::-moz-placeholder,.post-password-form label input[type="password"]::-moz-placeholder,.searchform .s::-moz-placeholder,input#s::-moz-placeholder,input::-moz-placeholder{color:#333333;}#comment-input input:-ms-input-placeholder,#comment-textarea textarea:-ms-input-placeholder,.comment-form-comment textarea:-ms-input-placeholder,.input-text:-ms-input-placeholder,.post-password-form label input[type="password"]::-ms-input-placeholder,.searchform .s:-ms-input-placeholder,input#s:-ms-input-placeholder,input:-ms-input-placeholder{color:#333333;}#comment-input input,#comment-textarea textarea,#wrapper .search-table .search-field input,.avada-select .select2-container .select2-choice,.avada-select .select2-container .select2-choice .select2-arrow,.avada-select .select2-container .select2-choice2 .select2-arrow,.avada-select-parent .select-arrow,.avada-select-parent select,.chzn-container .chzn-drop,.chzn-container-single .chzn-single,.comment-form-comment textarea,.gravity-select-parent .select-arrow,.input-text,.main-nav-search-form input,.post-password-form label input[type="password"],.search-page-search-form input,.select-arrow,.wpcf7-captchar,.wpcf7-form .wpcf7-date,.wpcf7-form .wpcf7-number,.wpcf7-form .wpcf7-quiz,.wpcf7-form .wpcf7-select,.wpcf7-form .wpcf7-text,.wpcf7-form textarea,.wpcf7-select-parent .select-arrow,input.s,input[type="email"],input[type="text"],select,textarea{border-color:#d2d2d2;}#comment-input input,.avada-select .select2-container .select2-choice,.avada-select-parent select,.chzn-container .chzn-drop,.chzn-container-single .chzn-single,.input-text:not(textarea),.main-nav-search-form input,.post-password-form label input[type="password"],.search-page-search-form input,.searchform .search-table .search-field input,.wpcf7-captchar,.wpcf7-form .wpcf7-date,.wpcf7-form .wpcf7-number,.wpcf7-form .wpcf7-quiz,.wpcf7-form .wpcf7-select,.wpcf7-form .wpcf7-text,input.s,input[type="email"],input[type="text"],select{height:29px;padding-top:0;padding-bottom:0;}.avada-select .select2-container .select2-choice .select2-arrow,.avada-select .select2-container .select2-choice2 .select2-arrow,.searchform .search-table .search-button input[type="submit"]{height:29px;width:29px;line-height:29px;}.select2-container .select2-choice > .select2-chosen{line-height:29px;}.select-arrow,.select2-arrow{color:#d2d2d2;}select{background-color:#d2d2d2;color:#333333;border:1px solid #d2d2d2;font-size:13px;height:35px;text-indent:5px;width:100%;}select::-webkit-input-placeholder{color:#333333;}select:-moz-placeholder{color:#333333;}.fusion-page-title-bar h1{font-size:32px;line-height:normal;}.fusion-page-title-bar h3{font-size:14px;line-height:calc(14px + 12px);}body.has-sidebar #content{width:calc(100% - 310px - 80px);}body.has-sidebar #main .sidebar{width:310px;}body.has-sidebar.double-sidebars #content{width:calc(100% - 21% - 21% - 80px);margin-left:calc(21% + 40px);}body.has-sidebar.double-sidebars #main #sidebar{width:21%;margin-left:calc(40px - (100% - 21%));}body.has-sidebar.double-sidebars #main #sidebar-2{width:21%;margin-left:40px;}#main .sidebar{background-color:rgba(255,255,255,0);padding:0px;}.fusion-accordian .panel-title a .fa-fusion-box{background-color:#333333;}.progress-bar-content{background-color:#a0ce4e;border-color:#a0ce4e;}.content-box-percentage{color:#a0ce4e;}.progress-bar{background-color:#f6f6f6;border-color:#f6f6f6;}#wrapper .fusion-date-and-formats .fusion-format-box, .tribe-mini-calendar-event .list-date .list-dayname{background-color:#eef0f2;}.fusion-carousel .fusion-carousel-nav .fusion-nav-next,.fusion-carousel .fusion-carousel-nav .fusion-nav-prev{background-color:rgba(0,0,0,0.6);width:30px;height:30px;margin-top:-15px;}.fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover,.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover{background-color:rgba(0,0,0,0.7);}.fusion-flexslider .flex-direction-nav .flex-next,.fusion-flexslider .flex-direction-nav .flex-prev{background-color:rgba(0,0,0,0.6);}.fusion-flexslider .flex-direction-nav .flex-next:hover,.fusion-flexslider .flex-direction-nav .flex-prev:hover{background-color:rgba(0,0,0,0.7);}.content-boxes .col{background-color:rgba(255,255,255,0);}#wrapper .fusion-content-widget-area .fusion-tabs-widget .tabs-container{background-color:#ffffff;}body .fusion-content-widget-area .fusion-tabs-widget .tab-hold .tabs li{border-right:1px solid #ffffff;}.fusion-content-widget-area .fusion-tabs-widget .tab-holder .tabs li a,body .fusion-content-widget-area .fusion-tabs-widget .tab-holder .tabs li a{background:#ebeaea;border-bottom:0;}body .fusion-content-widget-area .fusion-tabs-widget .tab-hold .tabs li a:hover{background:#ffffff;border-bottom:0;}body .fusion-content-widget-area .fusion-tabs-widget .tab-hold .tabs li.active a,body .fusion-content-widget-area .fusion-tabs-widget .tab-holder .tabs li.active a{background:#ffffff;border-bottom:0;border-top-color:#dfbc60;}#wrapper .fusion-content-widget-area .fusion-tabs-widget .tab-holder,.fusion-content-widget-area .fusion-tabs-widget .tab-holder .news-list li{border-color:#ebeaea;}.fusion-single-sharing-box{background-color:#f6f6f6;}.fusion-blog-layout-grid .post .fusion-post-wrapper,.fusion-blog-layout-timeline .post,.fusion-events-shortcode .fusion-layout-column,.fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper,.products li.product{background-color:rgba(255,255,255,0);}.fusion-blog-layout-grid .post .flexslider,.fusion-blog-layout-grid .post .fusion-content-sep,.fusion-blog-layout-grid .post .fusion-post-wrapper,.fusion-blog-layout-timeline .fusion-timeline-date,.fusion-blog-layout-timeline .fusion-timeline-line,.fusion-blog-layout-timeline .post,.fusion-blog-layout-timeline .post .flexslider,.fusion-blog-layout-timeline .post .fusion-content-sep,.fusion-blog-timeline-layout .post,.fusion-blog-timeline-layout .post .flexslider,.fusion-blog-timeline-layout .post .fusion-content-sep,.fusion-events-shortcode .fusion-events-thumbnail,.fusion-events-shortcode .fusion-layout-column,.fusion-portfolio.fusion-portfolio-boxed .fusion-content-sep,.fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper,.product .product-buttons,.product-buttons,.product-buttons-container,.product-details-container,.products li{border-color:#ebeaea;}.fusion-blog-layout-timeline .fusion-timeline-circle,.fusion-blog-layout-timeline .fusion-timeline-date,.fusion-blog-timeline-layout .fusion-timeline-circle,.fusion-blog-timeline-layout .fusion-timeline-date{background-color:#ebeaea;}.fusion-blog-timeline-layout .fusion-timeline-arrow:before,.fusion-blog-timeline-layout .fusion-timeline-icon,.fusion-timeline-arrow:before,.fusion-timeline-icon{color:#ebeaea;}div.indicator-hint{background:#FFFFFF;border-color:#FFFFFF;}#posts-container.fusion-blog-layout-grid{margin:-30px -30px 0 -30px;}#posts-container.fusion-blog-layout-grid .fusion-post-grid{padding:30px;}.quicktags-toolbar input{background:linear-gradient(to top, #ffffff, #ffffff ) #3E3E3E;background:-webkit-linear-gradient(to top, #ffffff, #ffffff ) #3E3E3E;background:-moz-linear-gradient(to top, #ffffff, #ffffff ) #3E3E3E;background:-ms-linear-gradient(to top, #ffffff, #ffffff ) #3E3E3E;background:-o-linear-gradient(to top, #ffffff, #ffffff ) #3E3E3E;background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffffff));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);border:1px solid #d2d2d2;color:#333333;}.quicktags-toolbar input:hover{background:#ffffff;}.fusion-rollover{display:none;}.ei-slider{width:100%;height:400px;}#comment-submit,#reviews input#submit,.button.default,.fusion-button.fusion-button-default,.post-password-form input[type="submit"],.ticket-selector-submit-btn[type="submit"],.wpcf7-form input[type="submit"],.wpcf7-submit{border-color:#ffffff;}#comment-submit:hover,#reviews input#submit:hover,.button.default:hover,.fusion-button.fusion-button-default:hover,.post-password-form input[type="submit"]:hover,.ticket-selector-submit-btn[type="submit"]:hover,.wpcf7-form input[type="submit"]:hover,.wpcf7-submit:hover{border-color:#ffffff;}.button.default,.fusion-button-default,.post-password-form input[type="submit"],.wpcf7-form input[type="submit"],.wpcf7-submit{padding:13px 29px;line-height:17px;font-size:14px;}.quantity .minus, .quantity .plus, .quantity .qty{line-height:17px;font-size:14px;height:40px;width:40px;}.button.default.button-3d.button-small,.fusion-button.button-small.button-3d,.fusion-button.fusion-button-3d.fusion-button-small,.ticket-selector-submit-btn[type="submit"]{box-shadow:inset 0px 1px 0px #ffffff, 0px 2px 0px #54770F, 1px 4px 4px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 2px 0px #54770F, 1px 4px 4px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 2px 0px #54770F, 1px 4px 4px 2px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-small:active,.fusion-button.button-small.button-3d:active,.fusion-button.fusion-button-3d.fusion-button-small:active,.ticket-selector-submit-btn[type="submit"]:active{box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 4px 4px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 4px 4px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 4px 4px 2px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-medium,.fusion-button.button-medium.button-3d,.fusion-button.fusion-button-3d.fusion-button-medium{box-shadow:inset 0px 1px 0px #ffffff, 0px 3px 0px #54770F, 1px 5px 5px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 3px 0px #54770F, 1px 5px 5px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 3px 0px #54770F, 1px 5px 5px 3px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-medium:active,.fusion-button.button-medium.button-3d:active,.fusion-button.fusion-button-3d.fusion-button-medium:active{box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 5px 5px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 5px 5px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 5px 5px 3px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-large,.fusion-button.button-large.button-3d,.fusion-button.fusion-button-3d.fusion-button-large{box-shadow:inset 0px 1px 0px #ffffff, 0px 4px 0px #54770F, 1px 5px 6px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 4px 0px #54770F, 1px 5px 6px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 4px 0px #54770F, 1px 5px 6px 3px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-large:active,.fusion-button.button-large.button-3d:active,.fusion-button.fusion-button-3d.fusion-button-large:active{box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 6px 6px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 6px 6px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770F, 1px 6px 6px 3px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-xlarge,.fusion-button.button-xlarge.button-3d,.fusion-button.fusion-button-3d.fusion-button-xlarge{box-shadow:inset 0px 1px 0px #ffffff, 0px 5px 0px #54770F, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 5px 0px #54770F, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 5px 0px #54770F, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);}.button.default.button-3d.button-xlarge:active,.fusion-button.button-xlarge.button-3d:active,.fusion-button.fusion-button-3d.fusion-button-xlarge:active{box-shadow:inset 0px 1px 0px #ffffff, 0px 2px 0px #54770F, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 1px 0px #ffffff, 0px 2px 0px #54770F, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0px 1px 0px #ffffff, 0px 2px 0px #54770F, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);}#comment-submit,#reviews input#submit,.button-default,.button.default,.fusion-button,.fusion-button-default,.post-password-form input[type="submit"],.wpcf7-form input[type="submit"],.wpcf7-submit{border-width:0px;border-style:solid;}.button.default:hover,.fusion-button.button-default:hover,.ticket-selector-submit-btn[type="submit"]{border-width:0px;border-style:solid;}.fusion-menu-item-button .menu-text{border-color:#ffffff;}.fusion-menu-item-button:hover .menu-text{border-color:#ffffff;}#comment-submit,#reviews input#submit,.button-default,.button.default,.fusion-button-default,.post-password-form input[type="submit"],.ticket-selector-submit-btn[type="submit"],.wpcf7-form input[type="submit"],.wpcf7-submit{border-radius:2px;-webkit-border-radius:2px;}.reading-box{background-color:#f6f6f6;}.isotope .isotope-item{transition-property:top, left, opacity;-webkit-transition-property:top, left, opacity;-moz-transition-property:top, left, opacity;-ms-transition-property:top, left, opacity;-o-transition-property:top, left, opacity;}.comment-form input[type="submit"],.fusion-button,.fusion-load-more-button,.ticket-selector-submit-btn[type="submit"],.woocommerce .cart-collaterals .checkout-button,.woocommerce-MyAccount-content form .button,.wpcf7-form input[type="submit"]{font-family:'Lato';font-weight:700;letter-spacing:0px;}.fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery:before,.fusion-image-wrapper .fusion-rollover .fusion-rollover-link:before{font-size:15px;line-height:2.41;color:#ffffff;}.fusion-modal h1,.fusion-page-title-bar h1,.fusion-widget-area h1,.post-content h1{font-family:'Lato';font-weight:700;line-height:1.41;letter-spacing:0px;font-style:italic;}.fusion-modal h1,.fusion-widget-area h1,.post-content h1{font-size:34px;}.fusion-modal h1,.fusion-post-content h1,.fusion-widget-area h1,.post-content h1,.title h1{color:#333333;}#main .post h2,#main .reading-box h2,#main h2,.ei-title h2,.fusion-modal h2,.fusion-title h2,.fusion-widget-area h2,.main-flex .slide-content h2,.post-content h2,.title h2{font-family:'Lato';font-weight:700;line-height:1.5;letter-spacing:0px;font-style:italic;}#main .fusion-portfolio h2,#main .post h2,#wrapper #main .post h2,#wrapper #main .post-content .fusion-title h2,#wrapper #main .post-content .title h2,#wrapper .fusion-title h2,#wrapper .post-content h2,#wrapper .title h2,.fusion-modal h2,.fusion-widget-area h2,h2.entry-title{font-size:18px;}#main .post h2,.fusion-modal h2,.fusion-post-content h2,.fusion-title h2,.fusion-widget-area h2,.post-content h2,.search-page-search-form h2,.title h2{color:#961131;}.fusion-author .fusion-author-title,.fusion-header-tagline,.fusion-modal .modal-title,.fusion-modal h3,.fusion-pricing-table .pricing-row,.fusion-pricing-table .title-row,.fusion-title h3,.fusion-widget-area h3,.main-flex .slide-content h3,.post-content h3,.project-content h3,.sidebar .widget h3{font-family:'Lato';font-weight:700;line-height:1.5;letter-spacing:0px;font-style:italic;}.fusion-modal .modal-title,.fusion-modal h3,.fusion-widget-area h3,.post-content h3,.project-content h3{font-size:18px;}.fusion-modal h3,.fusion-post-content h3,.fusion-title h3,.fusion-widget-area h3,.person-author-wrapper span,.post-content h3,.project-content h3,.sidebar .widget h3,.title h3{color:#333333;}#wrapper .fusion-tabs-widget .tab-holder .tabs li a,.fusion-accordian .panel-heading a,.fusion-accordian .panel-title,.fusion-carousel-title,.fusion-content-widget-area h4,.fusion-flip-box .flip-box-heading-back,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a,.fusion-megamenu-title,.fusion-modal h4,.fusion-person .person-desc .person-author .person-author-wrapper,.fusion-tabs .nav-tabs li .fusion-tab-heading,.popover .popover-title,.post-content h4,.project-content .project-info h4,.share-box h4,table th{font-family:'Lato';font-weight:700;line-height:1.54;letter-spacing:0px;font-style:italic;}#reviews #comments > h2,#wrapper .fusion-tabs-widget .tab-holder .tabs li a,.fusion-accordian .panel-title,.fusion-carousel-title,.fusion-flip-box .flip-box-heading-back,.fusion-modal h4,.fusion-person .person-author-wrapper .person-name,.fusion-person .person-author-wrapper .person-title,.fusion-portfolio-post .fusion-portfolio-content h4,.fusion-rollover .fusion-rollover-content .fusion-rollover-title,.fusion-sharing-box h4,.fusion-tabs .nav-tabs > li .fusion-tab-heading,.fusion-widget-area h4,.person-author-wrapper,.popover .popover-title,.post-content h4{font-size:13px;}#wrapper .fusion-tabs-widget .tab-holder .tabs li a,.fusion-accordian .panel-title a,.fusion-carousel-title,.fusion-modal h4,.fusion-post-content h4,.fusion-tabs .nav-tabs > li .fusion-tab-heading,.fusion-title h4,.fusion-widget-area h4,.post-content h4,.project-content .project-info h4,.share-box h4,.title h4{color:#333333;}.fusion-modal h5,.fusion-widget-area h5,.post-content h5{font-family:'Lato';font-weight:700;line-height:1.5;letter-spacing:0px;font-style:italic;font-size:12px;}.fusion-modal h5,.fusion-post-content h5,.fusion-title h5,.fusion-widget-area h5,.post-content h5,.title h5{color:#333333;}.fusion-modal h6,.fusion-widget-area h6,.post-content h6{font-family:'Lato';font-weight:700;line-height:1.55;letter-spacing:0px;font-style:italic;font-size:11px;}.fusion-modal h6,.fusion-post-content h6,.fusion-title h6,.fusion-widget-area h6,.post-content h6,.title h6{color:#333333;}.fusion-title-size-one,h1{margin-top:0.67em;margin-bottom:0.67em;}.fusion-title-size-two,h2{margin-top:2.0em;margin-bottom:0.2em;}.fusion-title-size-three,h3{margin-top:1em;margin-bottom:0.2em;}.fusion-title-size-four,h4{margin-top:1em;margin-bottom:0.2em;}.fusion-title-size-five,h5{margin-top:1em;margin-bottom:0.2em;}.fusion-title-size-six,h6{margin-top:2.33em;margin-bottom:2.33em;}.fusion-logo{margin-top:31px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.fusion-header-wrapper .fusion-row{padding-left:0px;padding-right:0px;max-width:1060px;}.fusion-header-v2 .fusion-header,.fusion-header-v3 .fusion-header,.fusion-header-v4 .fusion-header,.fusion-header-v5 .fusion-header{border-bottom-color:#e5e5e5;}#side-header .fusion-secondary-menu-search-inner{border-top-color:#e5e5e5;}.fusion-header .fusion-row{padding-top:0px;padding-bottom:0px;}.fusion-secondary-header{background-color:#dfbc60;font-size:12px;color:#747474;border-bottom-color:#e5e5e5;}.fusion-secondary-header a,.fusion-secondary-header a:hover{color:#747474;}.fusion-header-v2 .fusion-secondary-header{border-top-color:#dfbc60;}.fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignleft{border-bottom-color:#e5e5e5;}.fusion-header-tagline{font-size:16px;color:#747474;}.fusion-mobile-menu-sep,.fusion-secondary-main-menu{border-bottom-color:#e5e5e5;}#side-header{width:0px;padding-top:0px;padding-bottom:0px;}#side-header .side-header-background{width:0px;}#side-header .side-header-border{width:0px;border-color:#e5e5e5;}#side-header .side-header-content{padding-left:0px;padding-right:0px;}#side-header .fusion-main-menu > ul > li > a{padding-left:0px;padding-right:0px;border-top-color:#e5e5e5;border-bottom-color:#e5e5e5;text-align:left;height:auto;min-height:40px;}.side-header-left .fusion-main-menu > ul > li > a > .fusion-caret{right:0px;}.side-header-right .fusion-main-menu > ul > li > a > .fusion-caret{left:0px;}#side-header .fusion-main-menu > ul > li.current-menu-ancestor > a,#side-header .fusion-main-menu > ul > li.current-menu-item > a{color:#dfbc60;border-right-color:#dfbc60;border-left-color:#dfbc60;}body.side-header-left #side-header .fusion-main-menu > ul > li > ul{left:-1px;}body.side-header-left #side-header .fusion-main-menu .fusion-custom-menu-item-contents{top:0;left:-1px;}#side-header .fusion-main-menu .fusion-main-menu-search .fusion-custom-menu-item-contents{border-top-width:1px;border-top-style:solid;}#side-header .fusion-secondary-menu > ul > li > a,#side-header .side-header-content-1,#side-header .side-header-content-2{color:#747474;font-size:12px;}.side-header-left #side-header .fusion-main-menu > ul > li.current-menu-ancestor > a,.side-header-left #side-header .fusion-main-menu > ul > li.current-menu-item > a{border-right-width:3px;}.side-header-right #side-header .fusion-main-menu > ul > li.current-menu-ancestor > a,.side-header-right #side-header .fusion-main-menu > ul > li.current-menu-item > a{border-left-width:3px;}.side-header-right #side-header .fusion-main-menu .fusion-menu-cart-items,.side-header-right #side-header .fusion-main-menu .fusion-menu-login-box .fusion-custom-menu-item-contents,.side-header-right #side-header .fusion-main-menu ul .fusion-dropdown-menu .sub-menu,.side-header-right #side-header .fusion-main-menu ul .fusion-dropdown-menu .sub-menu li ul,.side-header-right #side-header .fusion-main-menu ul .fusion-menu-login-box .sub-menu{left:-180px;}.side-header-right #side-header .fusion-main-menu-search .fusion-custom-menu-item-contents{left:-250px;}.fusion-main-menu > ul > li{padding-right:45px;}.fusion-main-menu > ul > li > a{border-top:3px solid transparent;height:40px;line-height:40px;}.fusion-megamenu-icon img{max-height:16px;}.fusion-main-menu .fusion-widget-cart-counter > a:before,.fusion-main-menu > ul > li > a{color:#333333;}.fusion-main-menu .fusion-widget-cart-counter > a:hover:before,.fusion-main-menu > ul > li > a:hover{color:#dfbc60;}.fusion-main-menu > ul > li > a:hover{border-color:#dfbc60;}.fusion-main-menu > ul > .fusion-menu-item-button > a:hover{border-color:transparent;}.fusion-widget-cart-number{background-color:#dfbc60;color:#333333;}.fusion-widget-cart-counter a:hover:before{color:#dfbc60;}.fusion-main-menu .current-menu-ancestor > a,.fusion-main-menu .current-menu-item > a,.fusion-main-menu .current-menu-parent > a,.fusion-main-menu .current_page_item > a{color:#dfbc60;border-color:#dfbc60;}.fusion-main-menu > ul > .fusion-menu-item-button > a{border-color:transparent;}.fusion-main-menu .fusion-main-menu-icon:after{color:#333333;}.fusion-main-menu .fusion-menu-cart-checkout-link a:hover,.fusion-main-menu .fusion-menu-cart-checkout-link a:hover:before,.fusion-main-menu .fusion-menu-cart-link a:hover,.fusion-main-menu .fusion-menu-cart-link a:hover:before{color:#dfbc60;}.fusion-main-menu .fusion-main-menu-icon:after,.fusion-main-menu .fusion-widget-cart-counter > a .fusion-widget-cart-number,.fusion-main-menu .fusion-widget-cart-counter > a:before{height:16px;width:16px;}.fusion-main-menu .fusion-main-menu-icon:hover{border-color:transparent;}.fusion-main-menu .fusion-main-menu-icon:hover:after{color:#dfbc60;}.fusion-main-menu .fusion-main-menu-icon-active:after,.fusion-main-menu .fusion-main-menu-search-open .fusion-main-menu-icon:after{color:#dfbc60;}.fusion-main-menu .sub-menu{background-color:#f2efef;width:180px;border-top:3px solid #dfbc60;font-family:'PT Serif';font-weight:400;}.fusion-main-menu .sub-menu ul{left:180px;top:-3px;}.fusion-main-menu .sub-menu li a{border-bottom:1px solid #dcdadb;padding-top:7px;padding-bottom:7px;color:#333333;font-family:'PT Serif';font-weight:400;font-size:14px;}.fusion-main-menu .fusion-main-menu-cart{font-size:14px;}.fusion-main-menu .sub-menu li a:hover{background-color:#f8f8f8;}.fusion-main-menu .sub-menu .current-menu-item > a,.fusion-main-menu .sub-menu .current-menu-parent > a,.fusion-main-menu .sub-menu .current_page_item > a{background-color:#f8f8f8;}.fusion-main-menu .fusion-custom-menu-item-contents{font-family:'PT Serif';font-weight:400;}.fusion-main-menu .fusion-main-menu-cart .fusion-custom-menu-item-contents,.fusion-main-menu .fusion-main-menu-search .fusion-custom-menu-item-contents,.fusion-main-menu .fusion-menu-login-box .fusion-custom-menu-item-contents{background-color:#f2efef;border-color:#dcdadb;}.fusion-header-v6 .fusion-header-v6-content .fusion-flyout-menu-icons{font-size:20px;margin:0 -22.5px;}.fusion-header-v6 .fusion-header-v6-content .fusion-widget-cart-number{min-width:20px;}.fusion-header-v6 .fusion-flyout-menu-icons .fusion-flyout-menu-toggle{height:18px;width:30px;}.fusion-header-v6 .fusion-flyout-menu-icons .fusion-flyout-search-toggle .fusion-toggle-icon{height:18px;width:18px;}.fusion-header-v6 .fusion-flyout-menu-icons .fusion-toggle-icon-line{height:2px;width:30px;background-color:#333333;}.fusion-body .fusion-header-v6.fusion-flyout-search-active .fusion-flyout-menu-icons .fusion-flyout-search-toggle .fusion-toggle-icon-line{height:2px;}.fusion-header-v6.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line{width:24px;}.fusion-header-v6.fusion-flyout-search-active .fusion-flyout-menu-icons .fusion-flyout-search-toggle .fusion-toggle-icon-line{width:24px;}.fusion-header-v6 .fusion-header-v6-content .fusion-flyout-menu-icons .fusion-flyout-cart-wrapper,.fusion-header-v6 .fusion-header-v6-content .fusion-flyout-menu-icons .fusion-flyout-menu-toggle,.fusion-header-v6 .fusion-header-v6-content .fusion-flyout-menu-icons .fusion-flyout-search-toggle{padding:0 23px;}.fusion-header-v6 .fusion-flyout-menu-icons .fusion-icon:before{color:#333333;}.fusion-header-v6 .fusion-flyout-menu-icons .fusion-icon:hover:before{color:#a0ce4e;}.fusion-header-v6 .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line,.fusion-header-v6 .fusion-flyout-menu-icons .fusion-flyout-search-toggle:hover .fusion-toggle-icon-line{background-color:#a0ce4e;}.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu-icons .fusion-icon:before{color:#333333;}.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu-icons .fusion-icon:hover:before{color:#dfbc60;}.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu-icons .fusion-toggle-icon-line{background-color:#333333;}.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line,.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu-icons .fusion-flyout-search-toggle:hover .fusion-toggle-icon-line{background-color:#dfbc60;}.fusion-header-v6 .fusion-flyout-menu-bg{background-color:rgba(255,255,255,0.95);}#wrapper .fusion-header-v6 .fusion-flyout-search .searchform .s{color:#333333;border-color:#333333;font-family:'Lato';}#wrapper .fusion-header-v6 .fusion-flyout-search .searchform .s::-webkit-input-placeholder{color:#333333;}#wrapper .fusion-header-v6 .fusion-flyout-search .searchform .s::-moz-placeholder{color:#333333;}#wrapper .fusion-header-v6 .fusion-flyout-search .searchform .s:-moz-placeholder{color:#333333;}#wrapper .fusion-header-v6 .fusion-flyout-search .searchform .s:-ms-input-placeholder{color:#333333;}.fusion-header-v6 .fusion-flyout-menu .fusion-menu li{padding:16px 0;}.fusion-header-v6 .fusion-flyout-menu,.fusion-header-v6 .fusion-flyout-menu-bg,.fusion-header-v6 .fusion-flyout-search{top:-1000%;transition:opacity 0.4s ease 0s, top 0s ease 0.4s;-webkit-transition:opacity 0.4s ease 0s, top 0s ease 0.4s;-moz-transition:opacity 0.4s ease 0s, top 0s ease 0.4s;-ms-transition:opacity 0.4s ease 0s, top 0s ease 0.4s;-o-transition:opacity 0.4s ease 0s, top 0s ease 0.4s;}.fusion-header-v6.fusion-flyout-active .fusion-flyout-menu-bg,.fusion-header-v6.fusion-flyout-menu-active .fusion-flyout-menu,.fusion-header-v6.fusion-flyout-search-active .fusion-flyout-search{top:0;transition:opacity 0.4s ease 0s, top 0s ease 0s;-webkit-transition:opacity 0.4s ease 0s, top 0s ease 0s;-moz-transition:opacity 0.4s ease 0s, top 0s ease 0s;-ms-transition:opacity 0.4s ease 0s, top 0s ease 0s;-o-transition:opacity 0.4s ease 0s, top 0s ease 0s;}.fusion-secondary-menu > ul > li{border-color:#efefef;}.fusion-secondary-menu > ul > li > a{height:44px;line-height:44px;}.fusion-secondary-menu .sub-menu, .fusion-secondary-menu .fusion-custom-menu-item-contents{width:180px;}.fusion-secondary-menu .fusion-secondary-menu-icon{min-width:180px;}.fusion-secondary-menu .sub-menu{background-color:#ffffff;border-color:#e5e5e5;}.fusion-secondary-menu .sub-menu a{border-color:#e5e5e5;color:#747474;}.fusion-secondary-menu .sub-menu a:hover{background-color:#fafafa;color:#333333;}.fusion-secondary-menu > ul > li > .sub-menu .sub-menu{left:180px;}.fusion-secondary-menu .fusion-custom-menu-item-contents{background-color:#ffffff;border-color:#e5e5e5;color:#747474;}.fusion-secondary-menu .fusion-secondary-menu-icon,.fusion-secondary-menu .fusion-secondary-menu-icon:hover{color:#333333;}.fusion-secondary-menu .fusion-menu-cart-items a{color:#747474;}.fusion-secondary-menu .fusion-menu-cart-item a{border-color:#e5e5e5;}.fusion-secondary-menu .fusion-menu-cart-item img{border-color:#e0dede;}.fusion-secondary-menu .fusion-menu-cart-item a:hover{background-color:#fafafa;color:#333333;}.fusion-secondary-menu-icon{background-color:#FFFFFF;color:#333333;}.fusion-secondary-menu-icon:after,.fusion-secondary-menu-icon:before{color:#333333;}.fusion-contact-info{line-height:44px;}.fusion-megamenu-holder{border-color:#dfbc60;}.fusion-megamenu{background-color:#f2efef;}.fusion-megamenu-wrapper .fusion-megamenu-submenu{border-color:#dcdadb;}.rtl .fusion-megamenu-wrapper .fusion-megamenu-submenu:last-child{border-color:#dcdadb;}.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a{padding-top:5px;padding-bottom:5px;}.fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover{background-color:#f8f8f8;color:#333333;font-family:'PT Serif';font-weight:400;font-size:14px;}.fusion-megamenu-title{font-size:18px;color:#333333;}.fusion-megamenu-title a{color:#333333;}.fusion-megamenu-bullet{border-left-color:#333333;}.fusion-megamenu-widgets-container{color:#333333;font-family:'PT Serif';font-weight:400;font-size:14px;}.fusion-header-wrapper.fusion-is-sticky .fusion-header,.fusion-header-wrapper.fusion-is-sticky .fusion-secondary-main-menu{background-color:rgba(255,255,255,0.97);}.no-rgba .fusion-header-wrapper.fusion-is-sticky .fusion-header,.no-rgba .fusion-header-wrapper.fusion-is-sticky .fusion-secondary-main-menu{background-color:rgba(255,255,255,0.97);opacity:0.97;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=97);}.fusion-is-sticky .fusion-main-menu > ul > li{padding-right:45px;}.fusion-is-sticky .fusion-main-menu > ul > li:last-child{padding-right:0;}.rtl .fusion-is-sticky .fusion-main-menu > ul > li:last-child{padding-right:45px;}.fusion-is-sticky .fusion-main-menu > ul > li > a{font-size:16px;}.fusion-mobile-selector{background-color:#f1ead6;border-color:#cccccc;font-size:12px;height:35px;line-height:35px;color:#333333;}.fusion-selector-down{height:33px;line-height:33px;border-color:#cccccc;}.fusion-selector-down:before{color:#333333;}.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder > ul,.fusion-mobile-nav-holder > ul{border-color:#cccccc;}.fusion-mobile-nav-item .fusion-open-submenu{color:#333333;}.fusion-mobile-nav-item a{color:#333333;font-size:12px;background-color:#f1ead6;border-color:#cccccc;height:35px;line-height:35px;}.fusion-mobile-nav-item a:hover{background-color:#f6f6f6;}.fusion-mobile-nav-item a:before{color:#333333;}.fusion-mobile-current-nav-item > a{background-color:#f6f6f6;}.fusion-mobile-menu-icons{margin-top:0px;}.fusion-mobile-menu-icons a{color:#333333;}.fusion-mobile-menu-icons a:before{color:#333333;}.fusion-open-submenu{font-size:12px;height:35px;line-height:35px;}.fusion-open-submenu:hover{color:#dfbc60;}#wrapper .post-content .content-box-heading{font-size:18px;}.post-content .content-box-heading{color:#961131;}.fusion-content-boxes .content-container{color:#747474;}.fusion-social-links-header .fusion-social-networks a{font-size:16px;}.fusion-social-links-header .fusion-social-networks.boxed-icons a{padding:8px;width:calc(16px + (2 * 8px) + 2px);}.fusion-social-links-footer .fusion-social-networks a{font-size:16px;}.fusion-social-links-footer .fusion-social-networks.boxed-icons a{padding:8px;width:calc(16px + (2 * 8px) + 2px);}.fusion-sharing-box .fusion-social-networks a{font-size:16px;}.fusion-sharing-box .fusion-social-networks.boxed-icons a{padding:8px;}.fusion-sharing-box h4{color:#333333;}.fusion-social-links .boxed-icons .fusion-social-networks-wrapper .fusion-social-network-icon{width:calc(16px + (2 * 8px) + 2px);}.post-content .fusion-social-links .fusion-social-networks a,.widget .fusion-social-links .fusion-social-networks a{font-size:16px;}.post-content .fusion-social-links .fusion-social-networks.boxed-icons a,.widget .fusion-social-links .fusion-social-networks.boxed-icons a{padding:8px;}.fusion-body .error-menu li:after,.fusion-body .error-menu li:before{background-color:#a0ce4e;color:#ffffff;}.avada-select-parent .select-arrow,.select-arrow{height:33px;line-height:33px;}#wrapper{width:100%;max-width:none;}.fusion-header,.layout-boxed-mode .side-header-wrapper,.side-header-background{background-color:rgba(241,234,214,1);}.fusion-secondary-main-menu{background-color:#ffffff;}#main{padding-top:55px;padding-bottom:40px;}.side-header-left .fusion-footer-parallax,body.side-header-left #wrapper{margin-left:280px;}.side-header-right .fusion-footer-parallax,body.side-header-right #wrapper{margin-right:280px;}body.side-header-left #side-header #nav .login-box,body.side-header-left #side-header #nav .main-nav-search-form,body.side-header-left #side-header #nav > ul > li > ul{left:279px;}body.side-header-left #slidingbar .avada-row,body.side-header-right #slidingbar .avada-row{max-width:none;}.fusion-flexslider .flex-direction-nav a,.fusion-flexslider.flexslider-attachments .flex-direction-nav a,.fusion-flexslider.flexslider-posts .flex-direction-nav a,.fusion-flexslider.flexslider-posts-with-excerpt .flex-direction-nav a,.fusion-slider-sc .flex-direction-nav a{width:30px;height:30px;line-height:30px;font-size:14px;}.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before,.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before{line-height:30px;font-size:14px;}.bbp-pagination .bbp-pagination-links a.inactive,.bbp-topic-pagination .page-numbers,.page-links a,.pagination a.inactive,.woocommerce-pagination .page-numbers{padding:2px 6px;}.bbp-pagination .bbp-pagination-links .current,.page-links > .page-number,.pagination .current,.woocommerce-pagination .current{padding:2px 6px;}.bbp-pagination .bbp-pagination-links .pagination-prev,.pagination .pagination-prev,.woocommerce-pagination .prev{padding:2px 6px;}.bbp-pagination .bbp-pagination-links .pagination-next,.bbp-pagination-links span.dots,.pagination .pagination-next,.woocommerce-pagination .next{padding:2px 6px;}@media only screen and (max-width: 1060px){.width-100 .fusion-section-separator,.width-100 .nonhundred-percent-fullwidth{padding-left:15px!important;padding-right:15px!important;}.width-100 .fullwidth-box,.width-100 .fusion-section-separator{margin-left:-15px!important;margin-right:-15px!important;}}@media only screen and (min-width: 1007.2px) and (max-width: 1099px){.fusion-portfolio-six .fusion-portfolio-post,.grid-layout-6 .fusion-post-grid{width:20% !important;}.fusion-blog-layout-grid-5 .fusion-post-grid,.fusion-portfolio-five .fusion-portfolio-post{width:25% !important;}}@media only screen and (min-width: 915.4px) and (max-width: 1007.2px){.fusion-blog-layout-grid-6 .fusion-post-grid,.fusion-portfolio-six .fusion-portfolio-post{width:20% !important;}.fusion-blog-layout-grid-5 .fusion-post-grid,.fusion-portfolio-five .fusion-portfolio-post{width:33.3333333333% !important;}.fusion-blog-layout-grid-4 .fusion-post-grid,.fusion-portfolio-four .fusion-portfolio-post{width:33.3333333333% !important;}}@media only screen and (min-width: 823.6px) and (max-width: 915.4px){.fusion-blog-layout-grid-6 .fusion-post-grid,.fusion-portfolio-six .fusion-portfolio-post{width:25% !important;}.fusion-blog-layout-grid-3 .fusion-post-grid,.fusion-blog-layout-grid-4 .fusion-post-grid,.fusion-blog-layout-grid-5 .fusion-post-grid,.fusion-portfolio-five .fusion-portfolio-post,.fusion-portfolio-four .fusion-portfolio-post,.fusion-portfolio-masonry .fusion-portfolio-post,.fusion-portfolio-three .fusion-portfolio-post{width:50% !important;}}@media only screen and (min-width: 731.8px) and (max-width: 823.6px){.fusion-blog-layout-grid-6 .fusion-post-grid,.fusion-portfolio-six .fusion-portfolio-post{width:33.33% !important;}.fusion-blog-layout-grid-3 .fusion-post-grid,.fusion-blog-layout-grid-4 .fusion-post-grid,.fusion-blog-layout-grid-5 .fusion-post-grid,.fusion-portfolio-five .fusion-portfolio-post,.fusion-portfolio-four .fusion-portfolio-post,.fusion-portfolio-masonry .fusion-portfolio-post,.fusion-portfolio-three .fusion-portfolio-post{width:50% !important;}}@media only screen and (max-width: 731.8px){.fusion-blog-layout-grid .fusion-post-grid,.fusion-portfolio-post{width:100% !important;}.fusion-blog-layout-grid-6 .fusion-post-grid,.fusion-portfolio-six .fusion-portfolio-post{width:50% !important;}}@media only screen and (max-width: 640px){.fusion-blog-layout-grid-6 .fusion-post-grid,.fusion-portfolio-six .fusion-portfolio-post{width:100% !important;}.fusion-body .fusion-page-title-bar{max-height:none;}.fusion-body .fusion-page-title-bar h1{margin:0;}.fusion-body .fusion-page-title-secondary{margin-top:2px;}.fusion-blog-layout-large .fusion-meta-info .fusion-alignleft,.fusion-blog-layout-large .fusion-meta-info .fusion-alignright,.fusion-blog-layout-medium .fusion-meta-info .fusion-alignleft,.fusion-blog-layout-medium .fusion-meta-info .fusion-alignright{display:block;float:none;margin:0;width:100%;}.fusion-body .fusion-blog-layout-medium .fusion-post-slideshow{float:none;margin:0 0 20px 0;height:auto;width:auto;}.fusion-blog-layout-large-alternate .fusion-date-and-formats{margin-bottom:55px;}.fusion-body .fusion-blog-layout-large-alternate .fusion-post-content{margin:0;}.fusion-blog-layout-medium-alternate .has-post-thumbnail .fusion-post-slideshow{display:inline-block;float:none;margin-right:0;max-width:197px;}.fusion-blog-layout-grid .fusion-post-grid{position:static;width:100%;}.flex-direction-nav,.wooslider-direction-nav,.wooslider-pauseplay{display:none;}.share-box ul li{margin-bottom:10px;margin-right:15px;}.buttons a{margin-right:5px;}.ls-avada .ls-nav-next,.ls-avada .ls-nav-prev{display:none !important;}#wrapper .ei-slider{width:100% !important;height:200px !important;}.fusion-progressbar{margin-bottom:10px !important;}#wrapper .content-boxes-icon-boxed .content-wrapper-boxed{min-height:inherit !important;padding-bottom:20px;padding-left:3% !important;padding-right:3% !important;}#wrapper .content-boxes-icon-boxed .content-box-column,#wrapper .content-boxes-icon-on-top .content-box-column{margin-bottom:55px;}#wrapper .content-boxes-icon-boxed .content-box-column .heading h2{margin-top:-5px;}#wrapper .content-boxes-icon-boxed .content-box-column .more{margin-top:12px;}.page-template-contact-php .fusion-google-map{height:270px !important;}.share-box .social-networks li{margin-right:20px !important;}.timeline-icon{display:none !important;}.timeline-layout{padding-top:0 !important;}.fusion-counters-circle .counter-circle-wrapper{display:block;margin-right:auto;margin-left:auto;}.post-content .wooslider .wooslider-control-thumbs{margin-top:-10px;}body .wooslider .overlay-full.layout-text-left .slide-excerpt{padding:20px !important;}.content-boxes-icon-boxed .col{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}.social_links_shortcode li{height:40px !important;}.products-slider .es-nav span{transform:scale(0.5) !important;-webkit-transform:scale(0.5) !important;-moz-transform:scale(0.5) !important;-ms-transform:scale(0.5) !important;-o-transform:scale(0.5) !important;}.portfolio-masonry .portfolio-item{width:100% !important;}.table-1 table,.tkt-slctr-tbl-wrap-dv table{border-collapse:collapse;border-spacing:0;width:100%;}.table-1 td,.table-1 th,.tkt-slctr-tbl-wrap-dv td,.tkt-slctr-tbl-wrap-dv th{white-space:nowrap;}.table-2 table{border-collapse:collapse;border-spacing:0;width:100%;}.table-2 td,.table-2 th{white-space:nowrap;}#main,.footer-area,.page-title-bar,body{background-attachment:scroll !important;}.tfs-slider[data-animation="slide"]{height:auto !important;}#wrapper .share-box h4{display:block;float:none;line-height:20px !important;margin-top:0;padding:0;margin-bottom:10px;}.fusion-sharing-box .fusion-social-networks{float:none;display:block;width:100%;text-align:left;}#content{width:100% !important;margin-left:0px !important;}.sidebar{width:100% !important;float:none !important;margin-left:0 !important;clear:both;}.fusion-hide-on-mobile{display:none;}.fusion-blog-layout-timeline{padding-top:0;}.fusion-blog-layout-timeline .fusion-post-timeline{float:none;width:100%;}.fusion-blog-layout-timeline .fusion-timeline-date{margin-bottom:0;margin-top:2px;}.fusion-timeline-arrow,.fusion-timeline-circle,.fusion-timeline-icon,.fusion-timeline-line{display:none;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.fusion-columns-1 .fusion-column:first-child,.fusion-columns-2 .fusion-column:first-child,.fusion-columns-3 .fusion-column:first-child,.fusion-columns-4 .fusion-column:first-child,.fusion-columns-5 .fusion-column:first-child{margin-left:0;}.fusion-column,.fusion-column:nth-child(2n),.fusion-column:nth-child(3n),.fusion-column:nth-child(4n),.fusion-column:nth-child(5n){margin-right:0;}#wrapper{width:auto !important;}.create-block-format-context{display:none;}.columns .col{float:none;width:100% !important;margin:0 0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}.fullwidth-box{background-attachment:scroll;}.fusion-main-menu > ul > li{padding-right:25px;}.fusion-body .fusion-page-title-bar .fusion-breadcrumbs{display:none;}.review{float:none;width:100%;}.fusion-social-links-footer,.fusion-social-networks{display:block;text-align:center;}.fusion-social-links-footer{width:auto;}.fusion-social-links-footer .fusion-social-networks{display:inline-block;float:none;}.fusion-social-networks{padding:0 0 15px;}.fusion-author .fusion-author-ssocial .fusion-author-tagline{float:none;text-align:center;max-width:100%;}.fusion-author .fusion-author-ssocial .fusion-social-networks{text-align:center;}.fusion-author .fusion-author-ssocial .fusion-social-networks .fusion-social-network-icon:first-child{margin-left:0;}.fusion-social-networks:after{content:"";display:block;clear:both;}.fusion-social-networks li{float:none;display:inline-block;}.fusion-reading-box-container .reading-box.reading-box-center,.fusion-reading-box-container .reading-box.reading-box-right{text-align:left;}.fusion-reading-box-container .continue{display:block;}.fusion-reading-box-container .mobile-button{display:none;float:none;}.fusion-title{margin-top:0px !important;margin-bottom:20px !important;}.fusion-body .fusion-page-title-bar{height:70px;}.fusion-page-title-bar-left .fusion-page-title-captions,.fusion-page-title-bar-left .fusion-page-title-secondary,.fusion-page-title-bar-right .fusion-page-title-captions,.fusion-page-title-bar-right .fusion-page-title-secondary{display:block;float:none;width:100%;line-height:normal;}.fusion-page-title-bar-left .fusion-page-title-secondary{text-align:left;}.fusion-page-title-bar-left .searchform{display:block;max-width:100%;}.fusion-page-title-bar-right .fusion-page-title-secondary{text-align:right;}.fusion-page-title-bar-right .searchform{max-width:100%;}.fusion-page-title-row{display:table;width:100%;height:100%;min-height:calc(70px -20px);}.fusion-page-title-wrapper{display:table-cell;vertical-align:middle;}.products .product-list-view{width:100% !important;min-width:100% !important;}.sidebar .social_links .social li{width:auto;margin-right:5px;}#comment-input{margin-bottom:0;}#comment-input input{width:90%;float:none !important;margin-bottom:10px;}#comment-textarea textarea{width:90%;}.pagination{margin-top:40px;}.portfolio-one .portfolio-item .image{float:none;width:auto;height:auto;margin-bottom:20px;}h5.toggle span.toggle-title{width:80%;}#wrapper .sep-boxed-pricing .panel-wrapper{padding:0;}#wrapper .full-boxed-pricing .column,#wrapper .sep-boxed-pricing .column{float:none;margin-bottom:10px;margin-left:0;width:100%;}.share-box{height:auto;}#wrapper .share-box h4{float:none;line-height:20px !important;padding:0;}.share-box ul{float:none;overflow:hidden;padding:0 25px;padding-bottom:15px;margin-top:0px;}.project-content .project-description{float:none !important;}.project-content .fusion-project-description-details{margin-bottom:50px;}.project-content .project-description,.project-content .project-info{width:100% !important;}.portfolio-half .flexslider{width:100%;}.portfolio-half .project-content{width:100% !important;}#style_selector{display:none;}.faq-tabs,.portfolio-tabs{height:auto;border-bottom-width:1px;border-bottom-style:solid;}.faq-tabs li,.portfolio-tabs li{float:left;margin-right:30px;border-bottom:0;}.ls-avada .ls-nav-next,.ls-avada .ls-nav-prev{display:none !important;}nav#nav,nav#sticky-nav{margin-right:0;}#footer .social-networks{width:100%;margin:0 auto;position:relative;left:-11px;}.tab-holder .tabs{height:auto !important;width:100% !important;}.shortcode-tabs .tab-hold .tabs li{width:100% !important;}body .shortcode-tabs .tab-hold .tabs li,body.dark .sidebar .tab-hold .tabs li{border-right:none !important;}.error-message{line-height:170px;margin-top:20px;font-size:130px;}.error_page .useful_links{width:100%;padding-left:0;}.fusion-google-map{width:100% !important;}.social_links_shortcode .social li{width:10% !important;}#wrapper .ei-slider{width:100%;height:200px !important;}.fusion-progressbar{margin-bottom:10px !important;}.fusion-blog-layout-medium-alternate .fusion-post-content{float:none;width:100% !important;margin-top:20px;}#wrapper .content-boxes-icon-boxed .content-wrapper-boxed{min-height:inherit !important;padding-bottom:20px;padding-left:3%;padding-right:3%;}#wrapper .content-boxes-icon-boxed .content-box-column,#wrapper .content-boxes-icon-on-top .content-box-column{margin-bottom:55px;}.fusion-counters-box .fusion-counter-box{margin-bottom:20px;padding:0 15px;}.fusion-counters-box .fusion-counter-box:last-child{margin-bottom:0;}.popup{display:none !important;}.share-box .social-networks{text-align:left;}body #small-nav{visibility:visible !important;}.wpcf7-form .wpcf7-number,.wpcf7-form .wpcf7-quiz,.wpcf7-form .wpcf7-text,.wpcf7-form textarea{float:none !important;width:100% !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}#nav-uber #megaMenu{width:100%;}#toTop{bottom:30px;border-radius:4px;height:40px;z-index:10000;-webkit-border-radius:4px;}#toTop:before{line-height:38px;}#toTop:hover{background-color:#333333;}.no-mobile-totop .to-top-container{display:none;}.no-mobile-slidingbar #slidingbar-area{display:none;}.tfs-slider .slide-content-container .btn{min-height:0 !important;padding-left:20px;padding-right:20px !important;height:26px !important;line-height:26px !important;}.fusion-soundcloud iframe{width:100%;}.fusion-columns-2 .fusion-column,.fusion-columns-2 .fusion-flip-box-wrapper,.fusion-columns-4 .fusion-column,.fusion-columns-4 .fusion-flip-box-wrapper{width:50% !important;float:left !important;}.fusion-columns-2 .fusion-column:nth-of-type(3n),.fusion-columns-2 .fusion-flip-box-wrapper:nth-of-type(3n),.fusion-columns-4 .fusion-column:nth-of-type(3n){clear:both;}.fusion-columns-3 .fusion-column,.fusion-columns-3 .fusion-flip-box-wrapper,.fusion-columns-5 .col-lg-2,.fusion-columns-5 .col-md-2,.fusion-columns-5 .col-sm-2,.fusion-columns-5 .fusion-column,.fusion-columns-5 .fusion-flip-box-wrapper,.fusion-columns-6 .fusion-column,.fusion-columns-6 .fusion-flip-box-wrapper{width:33.33% !important;float:left !important;}.fusion-columns-3 .fusion-column:nth-of-type(4n),.fusion-columns-3 .fusion-flip-box-wrapper:nth-of-type(4n),.fusion-columns-5 .fusion-column:nth-of-type(4n),.fusion-columns-5 .fusion-flip-box-wrapper:nth-of-type(4n),.fusion-columns-6 .fusion-column:nth-of-type(4n),.fusion-columns-6 .fusion-flip-box-wrapper:nth-of-type(4n){clear:both;}#slidingbar .fusion-column,.footer-area .fusion-column{margin-bottom:40px;}.fusion-layout-column.fusion-five-sixth,.fusion-layout-column.fusion-four-fifth,.fusion-layout-column.fusion-one-fifth,.fusion-layout-column.fusion-one-fourth,.fusion-layout-column.fusion-one-half,.fusion-layout-column.fusion-one-sixth,.fusion-layout-column.fusion-one-third,.fusion-layout-column.fusion-three-fifth,.fusion-layout-column.fusion-three-fourth,.fusion-layout-column.fusion-two-fifth,.fusion-layout-column.fusion-two-third{position:relative;float:left;margin-right:4%;margin-bottom:20px;}.fusion-layout-column.fusion-one-sixth{width:13.3333%;}.fusion-layout-column.fusion-five-sixth{width:82.6666%;}.fusion-layout-column.fusion-one-fifth{width:16.8%;}.fusion-layout-column.fusion-two-fifth{width:37.6%;}.fusion-layout-column.fusion-three-fifth{width:58.4%;}.fusion-layout-column.fusion-four-fifth{width:79.2%;}.fusion-layout-column.fusion-one-fourth{width:22%;}.fusion-layout-column.fusion-three-fourth{width:74%;}.fusion-layout-column.fusion-one-third{width:30.6666%;}.fusion-layout-column.fusion-two-third{width:65.3333%;}.fusion-layout-column.fusion-one-half{width:48%;}.fusion-layout-column.fusion-spacing-no{margin-left:0;margin-right:0;}.fusion-layout-column.fusion-one-sixth.fusion-spacing-no{width:16.6666666667%;}.fusion-layout-column.fusion-five-sixth.fusion-spacing-no{width:83.333333333%;}.fusion-layout-column.fusion-one-fifth.fusion-spacing-no{width:20%;}.fusion-layout-column.fusion-two-fifth.fusion-spacing-no{width:40%;}.fusion-layout-column.fusion-three-fifth.fusion-spacing-no{width:60%;}.fusion-layout-column.fusion-four-fifth.fusion-spacing-no{width:80%;}.fusion-layout-column.fusion-one-fourth.fusion-spacing-no{width:25%;}.fusion-layout-column.fusion-three-fourth.fusion-spacing-no{width:75%;}.fusion-layout-column.fusion-one-third.fusion-spacing-no{width:33.33333333%;}.fusion-layout-column.fusion-two-third.fusion-spacing-no{width:66.66666667%;}.fusion-layout-column.fusion-one-half.fusion-spacing-no{width:50%;}.fusion-layout-column.fusion-column-last{clear:right;zoom:1;margin-left:0;margin-right:0;}.fusion-column.fusion-spacing-no{margin-bottom:0;width:100% !important;}.ua-mobile #main,.ua-mobile .fusion-footer-widget-area,.ua-mobile .page-title-bar,.ua-mobile body{background-attachment:scroll !important;}#footer > .fusion-row,#header-sticky .fusion-row,.footer-area > .fusion-row,.fusion-header .fusion-row,.fusion-secondary-header .fusion-row{padding-left:0px !important;padding-right:0px !important;}#footer > .fusion-row,.footer-area > .fusion-row,.fusion-header .fusion-row,.fusion-secondary-header .fusion-row{padding-left:0px !important;padding-right:0px !important;}#main,.fullwidth-box,.fusion-footer-widget-area,.page-title-bar,body{background-attachment:scroll !important;}}@media only screen and (max-width: 800px){body.side-header #wrapper{margin-left:0 !important;margin-right:0 !important;}#side-header,.side-header-background{background-color:#f1ead6;}.layout-boxed-mode .side-header-wrapper{background-color:transparent;}#side-header{transition:background-color 0.25s ease-in-out;position:static;height:auto;width:100% !important;padding:20px 30px !important;margin:0 !important;-webkit-transition:background-color 0.25s ease-in-out;-moz-transition:background-color 0.25s ease-in-out;-ms-transition:background-color 0.25s ease-in-out;-o-transition:background-color 0.25s ease-in-out;}#side-header.fusion-is-sticky{background-color:rgba(255,255,255,0.97);}#side-header .side-header-background{display:none;}#side-header .side-header-border{display:none;}#side-header .side-header-wrapper{padding-bottom:0;position:relative;}#side-header .header-social,#side-header .header-v4-content{display:none;}#side-header .fusion-logo{margin:0;float:left;}#side-header .side-header-content{padding:0 !important;}#side-header.fusion-mobile-menu-design-classic .fusion-logo{float:none;text-align:center;}body #wrapper .header-shadow:after,body.side-header #wrapper #side-header.header-shadow .side-header-border:before{position:static;height:auto;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}#side-header .fusion-main-menu,#side-header .side-header-content-1-2,#side-header .side-header-content-3{display:none;}#side-header.fusion-mobile-menu-design-classic .fusion-main-menu-container .fusion-mobile-nav-holder{display:block;margin-top:20px;}#side-header.fusion-mobile-menu-design-classic .fusion-main-menu-container .fusion-mobile-sticky-nav-holder{display:none;}#side-header.fusion-mobile-menu-design-modern .fusion-logo{float:left;margin:0;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-left{float:left;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-right{float:right;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-center{float:left;}#side-header.fusion-mobile-menu-design-modern .fusion-mobile-menu-icons{display:block;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-right .fusion-mobile-menu-icons{float:left;position:static;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-right .fusion-mobile-menu-icons a{float:left;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-right .fusion-mobile-menu-icons :first-child{margin-left:0;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-left .fusion-mobile-menu-icons{float:right;}#side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-left .fusion-mobile-menu-icons a:last-child{margin-left:0;}#side-header.fusion-mobile-menu-design-modern .fusion-main-menu-container .fusion-mobile-nav-holder,#side-header.fusion-mobile-menu-design-modern .side-header-wrapper > .fusion-secondary-menu-search{padding-top:20px;margin-left:-30px;margin-right:-30px;margin-bottom:-20px;}#side-header.fusion-mobile-menu-design-modern .fusion-main-menu-container .fusion-mobile-nav-holder > ul{display:block;border-right:0;border-left:0;border-bottom:0;}#side-header.fusion-is-sticky.fusion-sticky-menu-1 .fusion-mobile-nav-holder{display:none;}#side-header.fusion-is-sticky.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder{display:none;}.fusion-mobile-menu-design-modern .fusion-secondary-header{padding:0px;padding-left:0 !important;padding-right:0 !important;}.fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-row{padding-left:0px;padding-right:0px;}.fusion-mobile-menu-design-modern .fusion-social-links-header{max-width:100%;text-align:center;margin-top:10px;margin-bottom:8px;}.fusion-mobile-menu-design-modern .fusion-social-links-header a{margin-right:20px;margin-bottom:5px;}.fusion-mobile-menu-design-modern .fusion-alignleft{border-bottom:1px solid transparent;}.fusion-mobile-menu-design-modern .fusion-alignleft,.fusion-mobile-menu-design-modern .fusion-alignright{width:100%;float:none;display:block;}.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignleft,.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright{text-align:center;}.fusion-mobile-menu-design-modern .fusion-secondary-menu > ul > li{display:inline-block;vertical-align:middle;text-align:left;}.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-menu > ul > li{float:none;}.fusion-mobile-menu-design-modern .fusion-secondary-menu-cart{border-right:0;}.fusion-mobile-menu-design-modern .fusion-secondary-menu-icon{background-color:transparent;padding-left:10px;padding-right:7px;min-width:100%;}.fusion-mobile-menu-design-modern .fusion-secondary-menu-icon:after{display:none;}.fusion-mobile-menu-design-modern .fusion-secondary-menu .fusion-secondary-menu-icon,.fusion-mobile-menu-design-modern .fusion-secondary-menu .fusion-secondary-menu-icon:hover,.fusion-mobile-menu-design-modern .fusion-secondary-menu-icon:before{color:#747474;}.fusion-mobile-menu-design-modern .fusion-header-tagline{margin-top:10px;float:none;line-height:24px;}.fusion-header .fusion-row{padding-left:0;padding-right:0;}.fusion-header-wrapper .fusion-header,.fusion-header-wrapper .fusion-secondary-main-menu{background-color:#f1ead6;}.fusion-header-wrapper .fusion-row{padding-left:0;padding-right:0;max-width:100%;}.fusion-footer-copyright-area > .fusion-row,.fusion-footer-widget-area > .fusion-row{padding-left:0;padding-right:0;}.fusion-secondary-header .fusion-row{display:block;}.fusion-secondary-header .fusion-alignleft{margin-right:0;}.fusion-secondary-header .fusion-alignright{margin-left:0;}body.fusion-body .fusion-secondary-header .fusion-alignright > *{float:none;}body.fusion-body .fusion-secondary-header .fusion-alignright .fusion-social-links-header .boxed-icons{margin-bottom:5px;}.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-header{padding-top:20px;padding-bottom:20px;}.fusion-header-v4 .fusion-logo{display:block;}.fusion-header-v4.fusion-mobile-menu-design-modern .fusion-logo .fusion-logo-link{max-width:75%;}.fusion-header-v4.fusion-mobile-menu-design-modern .fusion-mobile-menu-icons{position:absolute;}.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-logo a{float:none;text-align:center;margin:0 !important;}.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-main-menu{display:none;}.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-mobile-nav-holder{display:block;margin-top:20px;}.fusion-mobile-menu-design-classic .fusion-secondary-header{padding:10px;}.fusion-mobile-menu-design-classic .fusion-secondary-header .fusion-mobile-nav-holder{margin-top:0;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-header{padding-top:20px;padding-bottom:20px;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-secondary-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-secondary-main-menu{padding-top:6px;padding-bottom:6px;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-main-menu{display:none;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-mobile-nav-holder{display:block;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-logo a{float:none;text-align:center;margin:0 !important;}.fusion-mobile-menu-design-classic.fusion-header-v4 .searchform,.fusion-mobile-menu-design-classic.fusion-header-v5 .searchform{display:block;float:none;width:100%;margin:0;margin-top:13px;}.fusion-mobile-menu-design-classic.fusion-header-v4 .search-table,.fusion-mobile-menu-design-classic.fusion-header-v5 .search-table{width:100%;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-logo a{float:none;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-header-banner{margin-top:10px;}.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-secondary-main-menu .searchform{display:none;}.fusion-mobile-menu-design-classic .fusion-alignleft{margin-bottom:10px;}.fusion-mobile-menu-design-classic .fusion-alignleft,.fusion-mobile-menu-design-classic .fusion-alignright{float:none;width:100%;line-height:normal;display:block;}.fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-contact-info{text-align:center;line-height:normal;}.fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-secondary-menu{display:none;}.fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-social-links-header{max-width:100%;margin-top:5px;text-align:center;}.fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-social-links-header a{margin-bottom:5px;}.fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-header-tagline{float:none;text-align:center;margin-top:10px;line-height:24px;margin-left:auto;margin-right:auto;}.fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-header-banner{float:none;text-align:center;margin:0 auto;width:100%;margin-top:20px;clear:both;}.fusion-mobile-menu-design-modern .ubermenu-responsive-toggle,.fusion-mobile-menu-design-modern .ubermenu-sticky-toggle-wrapper{clear:both;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-main-menu{display:none;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-header{padding-top:20px;padding-bottom:20px;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-header .fusion-row{width:100%;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-logo{margin:0 !important;}.fusion-mobile-menu-design-modern.fusion-header-v1 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v2 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v3 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v4 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v5 .modern-mobile-menu-expanded .fusion-logo{margin-bottom:20px !important;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder{padding-top:20px;margin-left:-30px;margin-right:-30px;margin-bottom:calc(-20px - 0px);}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder > ul,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder > ul,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-nav-holder > ul,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder > ul,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder > ul{display:block;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-sticky-nav-holder{display:none;}.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-menu-icons{display:block;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo a{float:none;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo .searchform{float:none;display:none;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header-banner{margin-top:10px;}.fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-center .fusion-logo{float:left;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder{padding-top:0;margin-left:-30px;margin-right:-30px;margin-bottom:0;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-secondary-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-secondary-main-menu{position:static;border:0;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-secondary-main-menu .fusion-mobile-nav-holder > ul,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-secondary-main-menu .fusion-mobile-nav-holder > ul{border:0;}.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-secondary-main-menu .searchform,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-secondary-main-menu .searchform{float:none;}.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-sticky-header-wrapper,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-sticky-header-wrapper{position:fixed;width:100%;}.fusion-mobile-menu-design-modern.fusion-logo-right.fusion-header-v4 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-logo-right.fusion-header-v5 .fusion-logo{float:right;}.fusion-mobile-menu-design-modern.fusion-sticky-menu-only.fusion-header-v4 .fusion-secondary-main-menu,.fusion-mobile-menu-design-modern.fusion-sticky-menu-only.fusion-header-v5 .fusion-secondary-main-menu{position:static;}.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-sticky-nav-holder{display:none;}.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-nav-holder{display:none;}.fusion-mobile-menu-design-classic .fusion-mobile-nav-item,.fusion-mobile-menu-design-classic .fusion-mobile-selector,.fusion-mobile-menu-design-modern .fusion-mobile-nav-item,.fusion-mobile-menu-design-modern .fusion-mobile-selector{text-align:left;}.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder{display:block;}.fusion-mobile-menu-design-classic .fusion-mobile-nav-holder .fusion-secondary-menu-icon{text-align:inherit;}.fusion-mobile-menu-design-classic .fusion-mobile-nav-holder .fusion-secondary-menu-icon:after,.fusion-mobile-menu-design-classic .fusion-mobile-nav-holder .fusion-secondary-menu-icon:before{display:none;}.fusion-body .fusion-page-title-bar .fusion-breadcrumbs{display:none;}.no-overflow-y{overflow-y:visible !important;}#content{width:100% !important;margin-left:0px !important;}.sidebar{width:100% !important;float:none !important;margin-left:0 !important;clear:both;}.fusion-layout-column{margin-left:0;margin-right:0;}.fusion-layout-column:nth-child(2n),.fusion-layout-column:nth-child(3n),.fusion-layout-column:nth-child(4n),.fusion-layout-column:nth-child(5n){margin-left:0;margin-right:0;}.fusion-layout-column.fusion-spacing-no{margin-bottom:0;}.fusion-body .fusion-layout-column.fusion-spacing-no{width:100%;}.fusion-body .fusion-layout-column.fusion-spacing-yes{width:100%;}.fusion-columns-1 .fusion-column:first-child,.fusion-columns-2 .fusion-column:first-child,.fusion-columns-3 .fusion-column:first-child,.fusion-columns-4 .fusion-column:first-child,.fusion-columns-5 .fusion-column:first-child{margin-left:0;}.fusion-columns .fusion-column{width:100% !important;float:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}.fusion-columns .fusion-column:not(.fusion-column-last){margin:0 0 50px;}#slidingbar-area .columns .col,.avada-container .columns .col,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-6,.footer-area .fusion-columns .fusion-column,.fusion-columns-5 .col-lg-2,.fusion-columns-5 .col-md-2,.fusion-columns-5 .col-sm-2{float:none;width:100%;}.fusion-filters{border-bottom:0;}.fusion-body .fusion-filter{float:none;margin:0;border-bottom:1px solid #E7E6E6;}.fusion-secondary-menu-icon{min-width:100%;}.fusion-body .fusion-page-title-bar{padding-top:5px;padding-bottom:5px;min-height:calc(70px - 10px);height:auto;}.fusion-page-title-bar-left .fusion-page-title-captions,.fusion-page-title-bar-left .fusion-page-title-secondary,.fusion-page-title-bar-right .fusion-page-title-captions,.fusion-page-title-bar-right .fusion-page-title-secondary{display:block;float:none;width:100%;line-height:normal;}.fusion-page-title-bar-left .fusion-page-title-secondary{text-align:left;}.fusion-page-title-bar-left .searchform{display:block;max-width:100%;}.fusion-page-title-bar-right .fusion-page-title-secondary{text-align:right;}.fusion-page-title-bar-right .searchform{max-width:100%;}.fusion-page-title-row{display:table;width:100%;min-height:calc(70px - 20px);}.fusion-page-title-bar-center .fusion-page-title-row{width:auto;}.fusion-page-title-wrapper{display:table-cell;vertical-align:middle;}.fusion-contact-info{padding:1em 30px;line-height:1.5em;}.fusion-body .fusion-blog-layout-medium-alternate .fusion-post-content,.fusion-body .fusion-blog-layout-medium-alternate .has-post-thumbnail .fusion-post-content{float:none;clear:both;margin:0;padding-top:20px;}.fusion-author .fusion-social-networks{display:block;margin-top:10px;}.fusion-body .fusion-author .fusion-social-networks{text-align:center;}.fusion-author-tagline{display:block;float:none;text-align:center;max-width:100%;}.fusion-content-boxes.content-boxes-clean-horizontal .content-box-column,.fusion-content-boxes.content-boxes-clean-vertical .content-box-column{border-right-width:1px;}.fusion-content-boxes .content-box-shortcode-timeline{display:none;}.fusion-countdown,.fusion-countdown .fusion-countdown-counter-wrapper,.fusion-countdown .fusion-countdown-heading-wrapper,.fusion-countdown .fusion-countdown-link-wrapper{display:block;}.fusion-countdown .fusion-countdown-heading-wrapper{text-align:center;}.fusion-countdown .fusion-countdown-counter-wrapper{margin-top:20px;margin-bottom:10px;}.fusion-countdown .fusion-dash-title{display:block;font-size:16px;}.fusion-body .fusion-countdown .fusion-dash-title{padding:0;}.fusion-countdown .fusion-countdown-link-wrapper{text-align:center;}.fusion-reading-box-container .reading-box.reading-box-center{text-align:left;}.fusion-reading-box-container .reading-box.reading-box-right{text-align:left;}.fusion-reading-box-container .fusion-desktop-button{display:none;}.fusion-reading-box-container .fusion-mobile-button{display:block;}.fusion-reading-box-container .fusion-mobile-button.continue-center{display:block;}#wrapper{width:auto !important;}.create-block-format-context{display:none;}.review{float:none;width:100%;}.fusion-body .fusion-social-links-footer,.fusion-copyright-notice{display:block;text-align:center;}.fusion-social-links-footer{width:auto;}.fusion-social-links-footer .fusion-social-networks{display:inline-block;float:none;margin-top:0;}.fusion-copyright-notice{padding:0 0 15px;}.fusion-copyright-notice:after,.fusion-social-networks:after{content:"";display:block;clear:both;}.fusion-copyright-notice li,.fusion-social-networks li{float:none;display:inline-block;}.fusion-title{margin-top:0px !important;margin-bottom:20px !important;}.tfs-slider .fusion-title{margin-bottom:0 !important;}#main .cart-empty{float:none;text-align:center;border-top:1px solid;border-bottom:none;width:100%;line-height:normal !important;height:auto !important;margin-bottom:10px;padding-top:10px;}#main .return-to-shop{float:none;border-top:none;border-bottom:1px solid;width:100%;text-align:center;line-height:normal !important;height:auto !important;padding-bottom:10px;}#content.full-width{margin-bottom:0;}.sidebar .social_links .social li{width:auto;margin-right:5px;}#comment-input{margin-bottom:0;}#comment-input input{width:100%;float:none !important;margin-bottom:10px;}#comment-textarea textarea{width:100%;}.widget.facebook_like iframe{width:100% !important;max-width:none !important;}.pagination{margin-top:40px;}.portfolio-one .portfolio-item .image{float:none;width:auto;height:auto;margin-bottom:20px;}h5.toggle span.toggle-title{width:80%;}#wrapper .sep-boxed-pricing .panel-wrapper{padding:0;}#wrapper .full-boxed-pricing .column,#wrapper .sep-boxed-pricing .column{float:none;margin-bottom:10px;margin-left:0;width:100%;}.share-box{height:auto;}#wrapper .share-box h4{float:none;line-height:20px !important;margin-top:0;padding:0;}.share-box ul{float:none;overflow:hidden;padding:0 25px;padding-bottom:15px;margin-top:0px;}.project-content .project-description{float:none !important;}.single-avada_portfolio .portfolio-half .project-content .project-description h3{margin-top:24px;}.project-content .fusion-project-description-details{margin-bottom:50px;}.project-content .project-description,.project-content .project-info{width:100% !important;}.portfolio-half .flexslider{width:100% !important;}.portfolio-half .project-content{width:100% !important;}#style_selector{display:none;}.ls-avada .ls-nav-next,.ls-avada .ls-nav-prev{display:none !important;}#footer .social-networks{width:100%;margin:0 auto;position:relative;left:-11px;}.tab-holder .tabs{height:auto !important;width:100% !important;}.shortcode-tabs .tab-hold .tabs li{width:100% !important;}body .shortcode-tabs .tab-hold .tabs li,body.dark .sidebar .tab-hold .tabs li{border-right:none !important;}.error-message{line-height:170px;margin-top:20px;}.error_page .useful_links{width:100%;}.error-page .useful_links{padding-left:0;}.fusion-google-map{width:100% !important;}.social_links_shortcode .social li{width:10% !important;}#wrapper .ei-slider{width:100% !important;height:200px !important;}.fusion-progressbar{margin-bottom:10px !important;}#wrapper .content-boxes-icon-boxed .content-wrapper-boxed{min-height:inherit !important;padding-bottom:20px;padding-left:3%;padding-right:3%;}#wrapper .content-boxes-icon-boxed .content-box-column,#wrapper .content-boxes-icon-on-top .content-box-column{margin-bottom:55px;}.fusion-counters-box .fusion-counter-box{margin-bottom:20px;padding:0 15px;}.fusion-counters-box .fusion-counter-box:last-child{margin-bottom:0;}.popup{display:none !important;}.share-box .social-networks{text-align:left;}.wpcf7-form .wpcf7-number,.wpcf7-form .wpcf7-quiz,.wpcf7-form .wpcf7-text,.wpcf7-form textarea{float:none !important;width:100% !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}.product .images #carousel .flex-direction-nav,.product .images #slider .flex-direction-nav{display:none !important;}.fullwidth-box{background-attachment:scroll !important;}#toTop{bottom:30px;border-radius:4px;height:40px;z-index:10000;-webkit-border-radius:4px;}#toTop:before{line-height:38px;}#toTop:hover{background-color:#333333;}.no-mobile-totop .to-top-container{display:none;}.no-mobile-slidingbar #slidingbar-area{display:none;}.no-mobile-slidingbar.mobile-logo-pos-left .mobile-menu-icons{margin-right:0;}.tfs-slider .slide-content-container .btn{min-height:0 !important;padding-left:30px;padding-right:30px !important;height:26px !important;line-height:26px !important;}.fusion-soundcloud iframe{width:100%;}.ua-mobile #main,.ua-mobile .footer-area,.ua-mobile .fusion-page-title-bar,.ua-mobile body{background-attachment:scroll !important;}}@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (min-resolution: 144dpi), only screen and (max-width: 800px) and (min-resolution: 1.5dppx){#side-header .fusion-mobile-logo-1 .fusion-mobile-logo-1x,.fusion-mobile-logo-1 .fusion-mobile-logo-1x{display:none;}#side-header .fusion-mobile-logo-1 .fusion-mobile-logo-2x,.fusion-mobile-logo-1 .fusion-mobile-logo-2x{display:inline-block;}}@media only screen and (min-width: 800px){.fusion-reading-box-container .reading-box.reading-box-center{text-align:center;}.fusion-reading-box-container .reading-box.reading-box-right{text-align:right;}.fusion-reading-box-container .fusion-desktop-button{display:block;}.fusion-reading-box-container .fusion-mobile-button{display:none;}.fusion-reading-box-container .continue-center{display:inline-block;}body.side-header-right.layout-boxed-mode #side-header{position:absolute;top:0;}body.side-header-right.layout-boxed-mode #side-header .side-header-wrapper{position:absolute;}}@media only screen and (min-device-width: 320px) and (max-device-width: 640px){#wrapper{width:auto !important;overflow-x:hidden !important;}.fusion-columns .fusion-column{float:none;width:100% !important;margin:0 0 50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}#slidingbar-area .fusion-columns .fusion-column,.footer-area .fusion-columns .fusion-column{float:left;width:98% !important;}.fullwidth-box{background-attachment:scroll !important;}.no-mobile-totop .to-top-container{display:none;}.no-mobile-slidingbar #slidingbar-area{display:none;}.review{float:none;width:100%;}.copyright,.social-networks{float:none;padding:0 0 15px;text-align:center;}.copyright:after,.social-networks:after{content:"";display:block;clear:both;}.copyright li,.social-networks li{float:none;display:inline-block;}.continue{display:none;}.mobile-button{display:block !important;float:none;}.title{margin-top:0px !important;margin-bottom:20px !important;}#content{width:100% !important;float:none !important;margin-left:0px !important;margin-bottom:50px;}#content.full-width{margin-bottom:0;}.sidebar{width:100% !important;float:none !important;margin-left:0 !important;clear:both;}.sidebar .social_links .social li{width:auto;margin-right:5px;}#comment-input{margin-bottom:0;}#comment-input input{width:90%;float:none !important;margin-bottom:10px;}#comment-textarea textarea{width:90%;}.widget.facebook_like iframe{width:100% !important;max-width:none !important;}.pagination{margin-top:40px;}.portfolio-one .portfolio-item .image{float:none;width:auto;height:auto;margin-bottom:20px;}h5.toggle span.toggle-title{width:80%;}#wrapper .sep-boxed-pricing .panel-wrapper{padding:0;}#wrapper .full-boxed-pricing .column,#wrapper .sep-boxed-pricing .column{float:none;margin-bottom:10px;margin-left:0;width:100%;}.share-box{height:auto;}#wrapper .share-box h4{float:none;line-height:20px !important;margin-top:0;padding:0;}.share-box ul{float:none;overflow:hidden;padding:0 25px;padding-bottom:25px;margin-top:0px;}.project-content .project-description{float:none !important;}.project-content .fusion-project-description-details{margin-bottom:50px;}.project-content .project-description,.project-content .project-info{width:100% !important;}.portfolio-half .flexslider{width:100% !important;}.portfolio-half .project-content{width:100% !important;}#style_selector{display:none;}.ls-avada .ls-nav-next,.ls-avada .ls-nav-prev{display:none !important;}#footer .social-networks{width:100%;margin:0 auto;position:relative;left:-11px;}.recent-works-items a{max-width:64px;}#slidingbar-area .flickr_badge_image img,.footer-area .flickr_badge_image img{max-width:64px;padding:3px !important;}.tab-holder .tabs{height:auto !important;width:100% !important;}.shortcode-tabs .tab-hold .tabs li{width:100% !important;}body .shortcode-tabs .tab-hold .tabs li,body.dark .sidebar .tab-hold .tabs li{border-right:none !important;}.error_page .useful_links{width:100%;padding-left:0;}.fusion-google-map{width:100% !important;}.social_links_shortcode .social li{width:10% !important;}#wrapper .ei-slider{width:100% !important;height:200px !important;}.fusion-progressbar{margin-bottom:10px !important;}#wrapper .content-boxes-icon-boxed .content-wrapper-boxed{min-height:inherit !important;padding-bottom:20px;padding-left:3% !important;padding-right:3% !important;}#wrapper .content-boxes-icon-boxed .content-box-column,#wrapper .content-boxes-icon-on-top .content-box-column{margin-bottom:55px;}.share-box .social-networks{text-align:left;}}@media only screen and (max-width: 1000px){.no-csstransforms .sep-boxed-pricing .column{margin-left:1.5% !important;}}@media screen and (max-width: 782px){.admin-bar p.demo_store,body.admin-bar #wrapper #slidingbar-area,body.layout-boxed-mode.side-header-right #slidingbar-area{top:46px;}body.body_blank.admin-bar{top:45px;}html #wpadminbar{z-index:99999 !important;position:fixed !important;}}-32px){.fusion-tabs.vertical-tabs .tab-pane{max-width:none !important;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){#wrapper .ei-slider{width:100%;}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){#wrapper .ei-slider{width:100%;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){.fullwidth-box{background-attachment:scroll !important;}.fusion-main-menu > ul > li{padding-right:25px;}#wrapper .fusion-page-title-bar{height:87px !important;}#wrapper .ei-slider{width:100%;}#main,.fullwidth-box,.fusion-footer-widget-area,.page-title-bar,body{background-attachment:scroll !important;}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.gravity-select-parent .select-arrow{height:24px;line-height:24px;}.fusion-imageframe, .imageframe-align-center{font-size:0px;line-height:normal;}}@-webkit-keyframes avadaSonarEffect{0%{opacity:0.3;}40%{opacity:0.5;}100%{-webkit-transform:scale(1.5);opacity:0;}}@-moz-keyframes avadaSonarEffect{0%{opacity:0.3;}40%{opacity:0.5;}100%{-moz-transform:scale(1.5);opacity:0;}}@keyframes avadaSonarEffect{0%{opacity:0.3;}40%{opacity:0.5;}100%{transform:scale(1.5);opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);}}.fusion-standard-logo { width: 220px !important; } a.fusion-logo-link::after { content: "Learn Right, Not Rote"; color: #333; font-family: Lato; font-size: 0.7em; width: 5rem; display: inline-block; font-style: italic; } .fusion-header-wrapper { margin-bottom: 0px; border-bottom: 5px solid #dfbc60; } .fusion-post-content-wrapper h2.entry-title { font-style: normal; font-size: 18px !important; } .fusion-page-title-bar { margin: 20px 0px; } .fusion-page-title-captions { display: inline-block; width: 100%; } .fusion-page-title-secondary { display: inline-block; width: 100%; text-align: left; } /* hide current page from breadcrumb */ .fusion-breadcrumb-sep:last-of-type { display: none !important; } .breadcrumb-leaf { display: none !important; color: #333; } #main { padding-top: 10px; margin-top: -30px; } #main, .fusion-page-title-bar { padding-left: 15px !important; padding-right: 15px !important; } #home-info { margin-top: -30px; } /* article stuff */ h2 { text-transform: capitalize; } /* sidebar */ #sidebar { font-size: 0.9em; } .widget h4 { font-size: 18px !important; } .widget { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.0rem; padding: 1.25rem; background: #f2f2f2; color: #333; font-family: Lato; text-align: center; line-height: 1.5rem; font-weight: 300; } .egs-posts { font-size: 0.9em; margin: 0px 0px 0px 10px; text-align: left; padding: 0px; } li.egs-posts-item { display: list-item!important; margin-bottom: 5px!important; list-style-type: decimal; list-style-position: outside; padding-left: 10px; } .archive .fusion-content-sep, .fusion-post-content-container, .fusion-meta-info { display: none; } .archive .fusion-post-content-wrapper { text-align: center; } .fusion-post-wrapper { display: table; padding: 20px; } .fusion-post-wrapper .fusion-flexslider { display: table-footer-group; } .fusion-post-wrapper .fusion-post-content-wrapper { display: table-header-group; } .widget_categories { text-align: left; font-size: 15px; } .egs-posts-item-date { display: none; } li.egs-series-item { list-style-type: none; } a.egs-series-item-title { margin-left: -40px; font-size: 18px; } .fusion-content-sep, .fusion-post-content-container, .fusion-meta-info { display: none; } .fusion-post-content-wrapper { text-align: center; } /* homepage stuff */ .banner { text-align: center; } .banner h1 { font-style: italic; font-size: 42px; } .banner { max-width: 100%; margin: 0px auto; } .site-description { font-family: Lato; font-weight: 300; max-width: 70%; margin: 0px auto; } .panel { border: 1px solid #d8d8d8; background: #f2f2f2; color: #333; padding: 25px 50px; border-radius: 3px; max-width: 800px; margin: 0px auto; margin-bottom: 25px; margin-top: 25px; } .email-box { background: #6d1424; background: #f1f1f1; text-align: left; font-weight: 300; font-family: Lato,sans-serif; } .panel.radius { border-radius: 3px; } .panel h2 { color: #333; font-size: 24px !important; font-style: italic; } .panel img { float: left; margin-right: 25px; } /* email form stuff */ .wpcf7-form .wpcf7-response-output { text-transform: initial !important; } input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="color"],textarea { -webkit-appearance: none; border-radius: 0; background-color: #fff; font-family: inherit; border-style: solid; border-width: 1px; border-color: #ccc; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: #333; display: block; font-size: .875rem; margin: 0 0 1rem 0; padding: .5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s,border-color 0.45s ease-in-out } input[type="submit"] { background: #e05d22; border: none; font-family: Lato; padding: 10px; color: #fff; font-weight: 300; } a.button { background: #e05d22; border: none; font-family: Lato; padding: 10px; color: #fff; display: block; margin-top: 15px; text-align: center; font-weight: 300; } /* entry content stuff */ .entry-content { overflow: hidden } .post-content { -webkit-font-smoothing: antialiased; } .post-content img,.comment-content img,.widget img { display: block; margin-left: auto; margin-right: auto; max-width: 97.5% } .post-content li img { display: inline; vertical-align: middle } .comment-content .tex { display: inline-block } embed,iframe,object,video { max-width: 100%; display: block; margin: 0px auto; } span.tex-inline { xmargin-right: -2px; xmargin-left: 2px; xposition: relative; xtop: -2px; } .archive .fusion-post-wrapper { min-width: 325px; } .fusion-flexslider .slides img { opacity: 0.75; x-webkit-filter: blur(0.5px); xfilter: blur(0.5px); } .fusion-flexslider .slides img:hover { opacity: 1.0; x-webkit-filter: none; xfilter: none; } /* table styles */ table { background: #fff; margin-bottom: 1.25rem; border: solid 1px #ddd; table-layout: auto; } table caption { background: transparent; color: #222; font-size: 1rem; font-weight: bold } table thead { background: #f5f5f5 } table thead tr th,table thead tr td { padding: .5rem .625rem .625rem; font-size: .875rem; font-weight: bold; color: #222 } table tfoot { background: #f5f5f5 } table tfoot tr th,table tfoot tr td { padding: .5rem .625rem .625rem; font-size: .875rem; font-weight: bold; color: #222 } table tr th,table tr td { padding: .5625rem .625rem; font-size: .875rem; color: #222; text-align: left } table tr.even,table tr.alt,table tr:nth-of-type(even) { background: #f9f9f9 } table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td { display: table-cell; line-height: 1.125rem; } table tr th, table tr td { font-size: 1.0rem; color: initial; font-family: 'PT Serif'; } code,pre { background-color: #f8f8f8; font-family: monospace; font-size: .9rem; color: #666; border: none; white-space: pre; } pre { xoverflow: scroll; padding: 1rem; word-wrap: normal; line-height: 1.5; } pre code { padding: 0px; } /* adept - under "guides" section */ .page.parent-pageid-5448 #content p, .page.parent-pageid-5448 #content li { width: calc(100% - 23% + 80px); } .page.parent-pageid-5448 #content blockquote { float: right; clear: both; margin: 0px; width: 25%; min-height: 50px; color: #333; } /* plugins */ #toc_container { margin: 1em 0em; } /* For books converted to HTML on the site */ .graphics.image { margin-bottom: 20px; } #frontmatter .contents, #frontmatter #title_page, #frontmatter #table_of_contents { display: none; } /* hide recaptcha badge except for contact page */ body:not(.page-id-29) .grecaptcha-badge { display: none; } /* mobile */ @media only screen and (max-width: 600px) { ul { padding-left: 1rem; } a.fusion-logo-link::after { display: none; } } /* print */ @media print { .fusion-header-wrapper, #DIV_1, #sidebar, #comments, .about-author, .egs-posts, .fusion-footer { display: none; } #content { width: 100% !important; } }</style> <!--[if lte IE 8]> <script type="text/javascript"> jQuery(document).ready(function() { var imgs, i, w; var imgs = document.getElementsByTagName( 'img' ); for( i = 0; i < imgs.length; i++ ) { w = imgs[i].getAttribute( 'width' ); imgs[i].removeAttribute( 'width' ); imgs[i].removeAttribute( 'height' ); } }); </script> <script src="https://betterexplained.com/wp-content/themes/Avada/assets/js/excanvas.js"></script> <![endif]--> <!--[if lte IE 9]> <script type="text/javascript"> jQuery(document).ready(function() { // Combine inline styles for body tag jQuery('body').each( function() { var combined_styles = '<style type="text/css">'; jQuery( this ).find( 'style' ).each( function() { combined_styles += jQuery(this).html(); jQuery(this).remove(); }); combined_styles += '</style>'; jQuery( this ).prepend( combined_styles ); }); }); </script> <![endif]--> <script type="text/javascript"> var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent); </script> </head> <body class="post-template-default single single-post postid-1397 single-format-standard fusion-body no-tablet-sticky-header no-mobile-sticky-header no-mobile-slidingbar no-totop no-mobile-totop mobile-logo-pos-left layout-wide-mode has-sidebar menu-text-align-left mobile-menu-design-modern fusion-image-hovers fusion-show-pagination-text"> <div id="wrapper" class=""> <div id="home" style="position:relative;top:1px;"></div> <div class="fusion-header-wrapper"> <div class="fusion-header-v4 fusion-logo-left fusion-sticky-menu- fusion-sticky-logo- fusion-mobile-logo- fusion-mobile-menu-design-modern fusion-sticky-menu-only fusion-header-menu-align-left"> <div class="fusion-header-sticky-height"></div> <div class="fusion-sticky-header-wrapper"> <!-- start fusion sticky header wrapper --> <div class="fusion-header"> <div class="fusion-row"> <div class="fusion-logo" data-margin-top="31px" data-margin-bottom="0px" data-margin-left="0px" data-margin-right="0px"> <a class="fusion-logo-link" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/"> <img src="//web.archive.org/web/20190524124000im_/https://betterexplained.com/wp-content/uploads/2016/03/bex.logo_.new_.png" width="798" height="162" alt="BetterExplained" class="fusion-logo-1x fusion-standard-logo"/> <img src="//web.archive.org/web/20190524124000im_/https://betterexplained.com/wp-content/uploads/2016/03/bex.logo_.new_.png" width="798" height="162" alt="BetterExplained" style="max-height: 162px; height: auto;" class="fusion-standard-logo fusion-logo-2x"/> <!-- mobile logo --> <!-- sticky header logo --> </a> <div class="fusion-header-content-3-wrapper"><div class="fusion-secondary-menu-search"><form role="search" class="searchform" method="get" action="https://web.archive.org/web/20190524124000/https://betterexplained.com/"> <div class="search-table"> <div class="search-field"> <input type="text" value="" name="s" class="s" placeholder="Search ..."/> </div> <div class="search-button"> <input type="submit" class="searchsubmit" value=""/> </div> </div> </form> </div></div></div> <div class="fusion-mobile-menu-icons"> <a href="#" class="fusion-icon fusion-icon-search"></a> </div> </div> </div> <div class="fusion-secondary-main-menu"> <div class="fusion-row"> <!-- UberMenu [Configuration:main] [Theme Loc:main_navigation] [Integration:auto] --> <a class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-none ubermenu-loc-main_navigation ubermenu-responsive-toggle-content-align-left ubermenu-responsive-toggle-align-full " data-ubermenu-target="ubermenu-main-67-main_navigation"><i class="fa fa-bars"></i>Menu</a><nav id="ubermenu-main-67-main_navigation" class="ubermenu ubermenu-nojs ubermenu-main ubermenu-menu-67 ubermenu-loc-main_navigation ubermenu-responsive ubermenu-responsive-default ubermenu-responsive-collapse ubermenu-horizontal ubermenu-transition-shift ubermenu-trigger-hover_intent ubermenu-skin-none ubermenu-bar-align-full ubermenu-items-align-left ubermenu-bound ubermenu-disable-submenu-scroll ubermenu-sub-indicators ubermenu-retractors-responsive"><ul id="ubermenu-nav-main-67-main_navigation" class="ubermenu-nav"><li id="menu-item-11392" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11392 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/web/20190524124000/https://betterexplained.com/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Home</span></a></li><li id="menu-item-6199" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-6199 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/archives/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">All Articles</span></a></li><li id="menu-item-11390" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11390 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/web/20190524124000/https://betterexplained.com/cheatsheet/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Popular</span></a></li><li id="menu-item-11391" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11391 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/web/20190524124000/https://betterexplained.com/guides/calculus/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Calculus Guide</span></a></li><li id="menu-item-6205" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-6205 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-align-right"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/web/20190524124000/https://betterexplained.com/contact/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Contact</span></a></li><li id="menu-item-6211" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-6211 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-align-right"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/web/20190524124000/https://betterexplained.com/newsletter/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Newsletter</span></a></li><li id="menu-item-6210" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-6210 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-align-right"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/web/20190524124000/https://betterexplained.com/about/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">About</span></a></li><li id="menu-item-6747" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-6747 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/feedback/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Feedback</span></a></li></ul></nav> <!-- End UberMenu --> <div class="fusion-secondary-menu-search"><form role="search" class="searchform" method="get" action="https://web.archive.org/web/20190524124000/https://betterexplained.com/"> <div class="search-table"> <div class="search-field"> <input type="text" value="" name="s" class="s" placeholder="Search ..."/> </div> <div class="search-button"> <input type="submit" class="searchsubmit" value=""/> </div> </div> </form> </div> </div> </div> </div> <!-- end fusion sticky header wrapper --> </div> <div class="fusion-clearfix"></div> </div> <div id="sliders-container"> </div> <style> .grid { display: flex; } .cell { flex: 1; } .auto { flex: auto; } .cell-80 { flex: 0 0 80%; } .row { max-width: 500px; margin: 0px auto; xmax-width: 650px; } #top-banner { background: rgb(241, 241, 241) none repeat scroll 0% 0% / auto padding-box border-box; border-bottom: 5px solid rgb(223, 188, 96); font-family: Lato; font-weight: 300; font-size: 17px; padding: 10px 20px; } #top-banner .image { text-align: right; margin-right: 20px; xtext-align: center; } #top-banner .description { text-align: center; } .bsa-notice { background: #dfbc60 !important; color: #fff; padding: 3px 5px; border-radius: 5px; display: both; margin-right: 5px; } .bsa { display: none; } </style> <!-- <div id="top-banner" class="bex-top-responsive"> <div class="row grid"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; height: 90px; width: 100%;" data-ad-client="ca-pub-0990604499205651" data-ad-slot="4472652238" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> --> <!-- <div id="top-banner" class=""> <div class="row grid"> <div class="image auto"> <a href="http://bit.ly/CalcBEAmazonKindle"> <img src="//betterexplained.com/examples/ads/calculus.cover.1b.small.jpg" alt="Calculus, Better Explained" width="100" /> </a> </div> <div class="description cell-80"> Calculus, Better Explained is now an Amazon bestseller. Grab your copy and learn Calculus intuition-first.<br /> <a href="http://bit.ly/CalcBEAmazonKindle" class="button">Buy on Amazon</a> </div> </div> </div> --> <!-- <div id="top-banner"> <div class="row grid" style="max-width: 600px;"> <div class="image auto"> <a href="https://amzn.to/MathBetterExplained"> <img src="https://betterexplained.com/examples/ads/other/atomic-habits.jpg" alt="Calculus, Better Explained" width="100" style=" float: left; margin-right: 15px; "> </a> </div> <div class="" style=" max-width: 500px; /* text-align: center; */ "><h2 style="margin-top: 1rem; /* width: 100%; */ ">Book Launch: Atomic Habits</h2>James Clear has just released a well-written, engaging book on building habits that last. He's condensed years of research into practical steps and I highly recommend checking it out.<br> <a href="https://amzn.to/2P8LAvI"><b>Buy Atomic Habits on Amazon.com</b></a></div> </div> </div> --> <!-- <div id="top-banner"> <div class="row grid" style="max-width: 600px;"> <div class="image auto"> <a href="http://amzn.to/MathBetterExplained"> <img src="//betterexplained.com/examples/ads/bothbooks-boxshot-min-200w.png" alt="Calculus, Better Explained" width="150" style=" float: left; margin-right: 15px; "> </a> </div> <div class="" style=" max-width: 500px; /* text-align: center; */ "><h2 style="margin-top: 1rem; /* width: 100%; */ ">BetterExplained Books for Kindle and Print</h2>Concrete math lessons that slice through the jargon.<br> <a href="http://amzn.to/MathBetterExplained"><b>Math, Better Explained on Amazon</b></a><br> <a href="https://bit.ly/CalcBEAmazonKindle"><b>Calculus, Better Explained on Amazon</b></a></div> </div> </div> --> <!-- <div id="top-banner" class=""> <div class="row grid"> <div class="description cell-80"><div style="float: left;" class="image auto"> <a href="https://brilliant.org/betterexplained8/"> <img src="https://betterexplained.com/examples/ads/brilliant/Betterexplained8.png" style="width: 180px;"> </a> </div><div style=" float: left; /* clear: both; */ "> Find your Aha! moments.</div> <a href="https://brilliant.org/betterexplained8/" class="button" style=" float: left; width: 50%; ">Get Started</a><span class="bsa-notice" style=" float: right; font-size: 14px; /* clear: both; */ margin-top: 30px; ">Site Sponsor</span><br> </div> </div> </div> <script> var start = new Date('Thu Nov 9 2017 14:00:00 GMT-0800 (PST)') var now = new Date() var days = (now - start) / (24 * 60 * 60 * 1000) var count = 8 + Math.floor(days); if (count > 14) { count = 14; } document.querySelectorAll('a[href*=brilliant').forEach(function(link){ link.href = link.href.replace("8", count) }); document.querySelectorAll('img[src*=brilliant').forEach(function(img){ img.src = img.src.replace("8", count) }); </script> --> <!-- <div id="top-banner" class=""> <div class="row grid"> <div class="description cell-80"><span class="bsa-notice" style=" float: right; font-size: 14px; ">Affiliate Partner</span><div class="image auto"> <a href="https://www.rapid-learner-course.com/?ref=2"> <img src="//betterexplained.com/examples/other/rapidlearner.png" alt="Calculus, Better Explained" style="height: 50px;"> </a> </div> Master the process for acing tough classes, accelerating your career and learning anything quickly. <br> <a href="https://www.rapid-learner-course.com/?ref=2" class="button">Get The Rapid Learner Course - ends Friday</a> </div> </div> </div> --> <div class="fusion-page-title-bar fusion-page-title-bar-breadcrumbs fusion-page-title-bar-left"> <div class="fusion-page-title-row"> <div class="fusion-page-title-wrapper"> <div class="fusion-page-title-captions"> <h1>Understanding Big and Little Endian Byte Order</h1> </div> <div class="fusion-page-title-secondary"><div class="fusion-breadcrumbs"><span><a href="https://web.archive.org/web/20190524124000/https://betterexplained.com/"><span>Home</span></a></span><span class="fusion-breadcrumb-sep">›</span><span><a href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/category/programming/"><span>Programming</span></a></span><span class="fusion-breadcrumb-sep">›</span><span class="breadcrumb-leaf">Understanding Big and Little Endian Byte Order</span></div></div> </div> </div> </div> <div id="main" class="clearfix " style=""> <div class="fusion-row" style=""> <div id="content" style="float: left;"> <div id="post-1397" class="post post-1397 type-post status-publish format-standard hentry category-programming"> <div class="post-content"> <p>Problems with byte order are frustrating, and I want to spare you the grief I experienced. Here's the key:</p> <ul> <li><strong>Problem: Computers speak different languages, like people.</strong> Some write data "left-to-right" and others "right-to-left". <ul> <li>A machine can read its own data just fine - problems happen when one computer stores data and a different type tries to read it.</li> </ul></li> <li>Solutions <ul> <li>Agree to a common format (i.e., all network traffic follows a single format), or</li> <li>Always include a header that describes the format of the data. If the header appears backwards, it means data was stored in the other format and needs to be converted.</li> </ul></li> </ul> <h2>Numbers vs. Data</h2> <p>The most important concept is to recognize the difference between a number and the data that represents it.</p> <p>A <strong>number</strong> is an abstract concept, such as a count of something. You have ten fingers. The idea of "ten" doesn't change, no matter what representation you use: ten, 10, diez (Spanish), ju (Japanese), 1010 (binary), X (Roman numeral)... these representations all point to the same concept of "ten".</p> <p>Contrast this with data. <strong>Data</strong> is a physical concept, a raw sequence of bits and bytes stored on a computer. <strong>Data has no inherent meaning</strong> and must be interpreted by whoever is reading it.</p> <p>Data is like human writing, which is simply marks on paper. There is no inherent meaning in these marks. If we see a line and a circle (like this: |O) we may interpret it to mean "ten".</p> <p>But we assumed the marks referred to a number. They could have been the letters "IO", a moon of Jupiter. Or perhaps the Greek goddess. Or maybe an abbreviation for Input/Output. Or someone's initials. Or the number 2 in binary ("10"). The list of possibilities goes on.</p> <p>The point is that a single piece of data (|O) can be interpreted in many ways, and the meaning is unclear until someone clarifies the intent of the author.</p> <p>Computers face the same problem. They store data, not abstract concepts, and do so using a sequence of 1's and 0's. Later, they read back the 1's and 0's and try to recreate the abstract concept from the raw data. Depending on the assumptions made, the 1's and 0's can mean very different things.</p> <p>Why does this problem happen? Well, there's no rule that all computers must use the same language, just like there's no rule all humans need to. Each type of computer is internally consistent (it can read back its own data), but there are no guarantees about how <strong>another</strong> type of computer will interpret the data it created.</p> <p><strong>Basic concepts</strong></p> <ul> <li>Data (bits and bytes, or marks on paper) is meaningless; it must be interpreted to create an abstract concept, like a number.</li> <li>Like humans, computers have different ways to store the same abstract concept. (i.e., we have many ways to say "ten": ten, 10, diez, etc.)</li> </ul> <h2>Storing Numbers as Data</h2> <p>Thankfully, most computers agree on a few basic data formats (this was not always the case). This gives us a common starting point which makes our lives a bit easier:</p> <ul> <li>A bit has two values (on or off, 1 or 0)</li> <li>A byte is a sequence of 8 bits <ul> <li>The "leftmost" bit in a byte is the biggest. So, the binary sequence 00001001 is the decimal number 9. 00001001 = (2<sup>3</sup> + 2<sup>0</sup> = 8 + 1 = 9).</li> <li>Bits are numbered from right-to-left. Bit 0 is the rightmost and the smallest; bit 7 is leftmost and largest.</li> </ul></li> </ul> <p>We can use these basic agreements as a building block to exchange data. If we store and read data one byte at a time, it will work on any computer. The concept of a byte is the same on all machines, and the idea of which byte is first, second, third (Byte 0, Byte 1, Byte 2...) is the same on all machines.</p> <p>If computers agree on the order of every byte, what's the problem?</p> <p>Well, this is fine for single-byte data, like ASCII text. However, a lot of data needs to be stored using multiple bytes, like integers or floating-point numbers. And there is no agreement on how these sequences should be stored.</p> <h2>Byte Example</h2> <p>Consider a sequence of 4 bytes, named W X Y and Z - I avoided naming them A B C D because they are hex digits, which would be confusing. So, each byte has a value and is made up of 8 bits.</p> <pre> Byte Name: W X Y Z Location: 0 1 2 3 Value (hex): 0x12 0x34 0x56 0x78 </pre> <p>For example, W is an entire byte, 0x12 in hex or 00010010 in binary. If W were to be interpreted as a number, it would be "18" in decimal (by the way, there's nothing saying we have to interpret it as a number - it could be an <span class="caps">ASCII </span>character or something else entirely).</p> <p>With me so far? We have 4 bytes, W X Y and Z, each with a different value.</p> <h2>Understanding Pointers</h2> <p>Pointers are a key part of programming, especially the C programming language. A pointer is a number that references a memory location. It is up to us (the programmer) to interpret the data at that location.</p> <p>In C, when you cast a pointer to certain type (such as a char * or int *), it tells the computer how to interpret the data at that location. For example, let's declare</p> <pre>void *p = 0; // p is a pointer to an unknown data type // p is a NULL pointer -- do not dereference char *c; // c is a pointer to a char, usually a single byte </pre> <p>Note that we can't get the data from p because we don't know its type. p could be pointing at a single number, a letter, the start of a string, your horoscope, an image -- we just don't know how many bytes to read, or how to interpret what's there.</p> <p>Now, suppose we write</p> <pre>c = (char *)p; </pre> <p>Ah -- now this statement tells the computer to point to the same place as p, and interpret the data as a single character (<code>char</code> is typically a single byte, use <code>uint8_t</code> if not true on your machine). In this case, c would point to memory location 0, or byte W. If we printed c, we'd get the value in W, which is hex 0x12 (remember that W is a whole byte).</p> <p>This example does not depend on the type of computer we have -- again, all computers agree on what a single byte is (in the past this was not the case).</p> <p>The example is helpful, even though it is the same on all computers -- if we have a pointer to a single byte (char *, a single byte), we can walk through memory, reading off a byte at a time. We can examine any memory location and the endian-ness of a computer won't matter -- every computer will give back the same information.</p> <h2>So, What's The Problem?</h2> <p>Problems happen when computers try to read multiple bytes. Some data types contain multiple bytes, like long integers or floating-point numbers. A single byte has only 256 values, so can store 0 - 255.</p> <p>Now problems start - when you read multi-byte data, where does the biggest byte appear?</p> <ul> <li>Big endian machine: Stores data <strong>big-end first</strong>. When looking at multiple bytes, the first byte (lowest address) is the biggest.</li> <li>Little endian machine: Stores data <strong>little-end first</strong>. When looking at multiple bytes, the first byte is <strong>smallest</strong>.</li> </ul> <p>The naming makes sense, eh? Big-endian thinks the big-end is first. (By the way, the big-endian / little-endian naming comes from Gulliver's Travels, where the Lilliputans argue over whether to break eggs on the little-end or big-end. Sometimes computer debates are just as meaningful :-))</p> <p>Again, endian-ness does not matter if you have a single byte. If you have one byte, it's the only data you read so there's only one way to interpret it (again, because computers agree on what a byte is).</p> <p>Now suppose we have our 4 bytes (W X Y Z) stored the same way on a big-and little-endian machine. That is, memory location 0 is W on both machines, memory location 1 is X, etc.</p> <p>We can create this arrangement by remembering that bytes are machine-independent. We can walk memory, one byte at a time, and set the values we need. This will work on any machine:</p> <pre>c = 0; // point to location 0 (won't work on a real machine!) *c = 0x12; // Set W's value c = 1; // point to location 1 *c = 0x34; // Set X's value ... // repeat for Y and Z; details left to reader </pre> <p>This code will work on any machine, and we have both set up with bytes W, X, Y and Z in locations 0, 1, 2 and 3.</p> <h2>Interpreting Data</h2> <p>Now let's do an example with multi-byte data (finally!). Quick review: a "short int" is a 2-byte (16-bit) number, which can range from 0 - 65535 (if unsigned). Let's use it in an example:</p> <pre>short *s; // pointer to a short int (2 bytes) s = 0; // point to location 0; *s is the value </pre> <p>So, s is a pointer to a short, and is now looking at byte location 0 (which has W). What happens when we read the value at s?</p> <ul> <li><p>Big endian machine: I think a short is two bytes, so I'll read them off: location s is address 0 (W, or 0x12) and location s + 1 is address 1 (X, or 0x34). Since the first byte is biggest (I'm big-endian!), the number must be 256 * byte 0 + byte 1, or 256*W + X, or 0x1234. I multiplied the first byte by 256 (2^8) because I needed to shift it over 8 bits.</p></li> <li><p>Little endian machine: I don't know what Mr. Big Endian is smoking. Yeah, I agree a short is 2 bytes, and I'll read them off just like him: location s is 0x12, and location s + 1 is 0x34. But in my world, the first byte is the littlest! The value of the short is byte 0 + 256 * byte 1, or 256*X + W, or 0x3412.</p></li> </ul> <p>Keep in mind that both machines start from location s and read memory going upwards. There is no confusion about what location 0 and location 1 mean. There is no confusion that a short is 2 bytes.</p> <p>But do you see the problem? The big-endian machine thinks s = 0x1234 and the little-endian machine thinks s = 0x3412. The same exact data gives two different numbers. Probably not a good thing.</p> <h2>Yet another example</h2> <p>Let's do another example with 4-byte integer for "fun":</p> <pre>int *i; // pointer to an int (4 bytes on 32-bit machine) i = 0; // points to location zero, so *i is the value there </pre> <p>Again we ask: what is the value at i?</p> <ul> <li>Big endian machine: An int is 4 bytes, and the first is the largest. I read 4 bytes (W X Y Z) and W is the largest. The number is 0x12345678.</li> <li>Little endian machine: Sure, an int is 4 bytes, but the first is smallest. I also read W X Y Z, but W belongs way in the back -- it's the littlest. The number is 0x78563412.</li> </ul> <p>Same data, different results - not a good thing. Here's an interactive example using the numbers above, feel free to plug in your own:</p> <iframe src="https://web.archive.org/web/20190524124000if_/https://instacalc.com/1067/embed" frameborder="0" marginwidth="0" marginheight="0" width="450" height="600"></iframe> <!-- <script> instacalc_embed_url = 'http://instacalc.com/?d=RXhhbXBsZSBvZiBob3cgYmlnIGFuZCBsaXR0bGUtZW5kaWFuIG1hY2hpbmVzIGludGVycHJldCBkYXRhIGFzIGEgc2hvcnQgKDIgYnl0ZXMpIG9yIGludCAoNCBieXRlcyku&c=VyA9IDB4MTIgLy8gc2V0IGRhdGF8WCA9IDB4MzR8WSA9IDB4NTZ8WiA9IDB4Nzh8ZGF0YSA9IFtXOlg6WTpaXXxiaWdfc2hvcnQgPSAoZGF0YVswXSA8PDgpICsgZGF0YVsxXXxsaXR0bGVfc2hvcnQgPSBkYXRhWzBdICsgKGRhdGFbMV0gPDwgOCl8YmlnX2ludCA9IChkYXRhWzBdIDw8IDI0KSArIChkYXRhWzFdIDw8IDE2KSArIChkYXRhWzJdIDw8IDgpICsgZGF0YVszXXxsaXR0bGVfaW50ID0gZGF0YVswXSArIChkYXRhWzFdIDw8IDgpICsgKGRhdGFbMl0gPDwgMTYpICsgKGRhdGFbM10gPDwgMjQpfC8vIG5vdywgaW4gaGV4fGhleChiaWdfc2hvcnQpfGhleChsaXR0bGVfc2hvcnQpfGhleChiaWdfaW50KXxoZXgobGl0dGxlX2ludCk&s=ssssssssssssss&v=0.6'; instacalc_embed_height = 400; </script> <script src="https://instacalc.com/javascripts/embed.js"></script> --> <h2>The NUXI Problem</h2> <p>Issues with byte order are sometimes called the <span class="caps">NUXI </span>problem: <span class="caps">UNIX </span>stored on a big-endian machine can show up as <span class="caps">NUXI </span>on a little-endian one.</p> <p>Suppose we want to store 4 bytes (U, N, I and X) as two shorts: UN and <span class="caps">IX.</span> Each letter is a entire byte, like our <span class="caps">WXYZ </span>example above. To store the two shorts we would write:</p> <pre>short *s; // pointer to set shorts s = 0; // point to location 0 *s = UN; // store first short: U * 256 + N (fictional code) s = 2; // point to next location *s = IX; // store second short: I * 256 + X </pre> <p>This code is not specific to a machine. If we store "UN" on a machine and ask to read it back, it had better be "UN"! I don't care about endian issues, if we store a value on one machine and read it back on the same machine, it must be the same value.</p> <p>However, if we look at memory one byte at a time (using our char * trick), the order could vary. On a big endian machine we see:</p> <pre>Byte: U N I X Location: 0 1 2 3 </pre> <p>Which make sense. U is the biggest byte in "UN" and is stored first. The same goes for IX: I is the biggest, and stored first.</p> <p>On a little-endian machine we would see:</p> <pre>Byte: N U X I Location: 0 1 2 3 </pre> <p>And this makes sense also. "N" is the littlest byte in "UN" and is stored first. Again, even though the bytes are stored "backwards" in memory, the little-endian machine <em>knows</em> it is little endian, and interprets them correctly when reading the values back. Also, note that we can specify hex numbers such as x = 0x1234 on any machine. Even a little-endian machine knows what you mean when you write 0x1234, and won't force you to swap the values yourself (you specify the hex number to write, and it figures out the details and swaps the bytes in memory, under the covers. Tricky.).</p> <p>This scenario is called the "NUXI" problem because byte sequence <span class="caps">UNIX </span>is interpreted as <span class="caps">NUXI </span>on the other type of machine. Again, this is only a problem if you exchange data -- each machine is internally consistent.</p> <h2>Exchanging Data Between Endian Machines</h2> <p>Computers are connected - gone are the days when a machine only had to worry about reading its own data. Big and little-endian machines need to talk and get along. How do they do this?</p> <h2>Solution 1: Use a Common Format</h2> <p>The easiest approach is to agree to a common format for sending data over the network. The standard network order is actually big-endian, but some people get uppity that little-endian didn't win... we'll just call it "network order".</p> <p>To convert data to network order, machines call a function hton (host-to-network). On a big-endian machine this won't actually do anything, but we won't talk about that here (the little-endians might get mad).</p> <p>But it is important to use hton before sending data, even if you are big-endian. Your program may be so popular it is compiled on different machines, and you want your code to be portable (don't you?).</p> <p>Similarly, there is a function ntoh (network to host) used to read data off the network. You need this to make sure you are correctly interpreting the network data into the host's format. You need to know the type of data you are receiving to decode it properly, and the conversion functions are:</p> <pre> htons() - "Host to Network Short" htonl() - "Host to Network Long" ntohs() - "Network to Host Short" ntohl() - "Network to Host Long" </pre> <p>Remember that a single byte is a single byte, and order does not matter.</p> <p>These functions are critical when doing low-level networking, such as verifying the checksums in IP packets. If you don't understand endian issues correctly your life will be painful - take my word on this one. Use the translation functions, and know why they are needed.</p> <h2>Solution 2: Use a Byte Order Mark (BOM)</h2> <p>The other approach is to include a magic number, such as 0xFEFF, before every piece of data. If you read the magic number and it is 0xFEFF, it means the data is in the same format as your machine, and all is well.</p> <p>If you read the magic number and it is 0xFFFE (it is backwards), it means the data was written in a format different from your own. You'll have to translate it.</p> <p>A few points to note. First, the number isn't really magic, but programmers often use the term to describe the choice of an arbitrary number (the <span class="caps">BOM </span>could have been any sequence of different bytes). It's called a byte-order mark because it indicates the byte order the data was stored in.</p> <p>Second, the <span class="caps">BOM </span>adds overhead to all data that is transmitted. Even if you are only sending 2 bytes of data, you need to include a 2-byte <span class="caps">BOM.</span> Ouch!</p> <p>Unicode uses a <span class="caps">BOM </span>when storing multi-byte data (some Unicode character encodings can have 2, 3 or even 4-bytes per character). <span class="caps">XML </span>avoids this mess by storing data in <span class="caps">UTF</span>-8 by default, which stores Unicode information one byte at a time. And why is this cool?</p> <p>(Repeated for the 56th time) "Because endian issues don't matter for single bytes".</p> <p>Right you are.</p> <p>Again, other problems can arise with <span class="caps">BOM.</span> What if you forget to include the <span class="caps">BOM</span>? Do you assume the data was sent in the same format as your own? Do you read the data and see if it looks "backwards" (whatever that means) and try to translate it? What if regular data includes the <span class="caps">BOM </span>by coincidence? These situations are not fun.</p> <h2>Why Are There Endian Issues at All? Can't We Just Get Along?</h2> <p>Ah, what a philosophical question.</p> <p>Each byte-order system has its advantages. Little-endian machines let you read the lowest-byte first, without reading the others. You can check whether a number is odd or even (last bit is 0) very easily, which is cool if you're into that kind of thing. Big-endian systems store data in memory the same way we humans think about data (left-to-right), which makes low-level debugging easier.</p> <p>But why didn't everyone just agree to one system? Why do certain computers have to try and be different?</p> <p>Let me answer a question with a question: Why doesn't everyone speak the same language? Why are some languages written left-to-right, and others right-to-left?</p> <p>Sometimes communication systems develop independently, and later need to interact.</p> <h2>Epilogue: Parting Thoughts</h2> <p>Endian issues are an example of the general encoding problem - data needs to represent an abstract concept, and later the concept needs to be created from the data. This topic deserves its own article (or series), but you should have a better understanding of endian issues. More information:</p> <ul> <li><a href="https://web.archive.org/web/20190524124000/https://en.wikipedia.org/wiki/Endianness">Wikipedia entry</a></li> <li><a href="https://web.archive.org/web/20190524124000/http://www.rdrop.com/~cary/html/endian_faq.html">Endian Faq</a></li> </ul> <!-- Interactive example: <script> instacalc_embed_url = 'http://instacalc.com/?d=UmVhZCBhIHNob3J0ICh0d28gYnl0ZXMpIGluIGJpZyBhbmQgbGl0dGxlLWVuZGlhbiBmb3JtYXQuIFR3byBtYWNoaW5lcyBjYW4gcmVhZCB0aGUgc2FtZSBkYXRhIGFuZCBpbnRlcnByZXQgYXMgdHdvIHNlcGFyYXRlIG51bWJlcnMu&c=ZGF0YSA9IFsweDEyOjB4MzRdIC8vIHR3byBieXRlc3xiaWcgPSAoZGF0YVswXSA8PCA4KSArIGRhdGFbMV18bGl0dGxlID0gZGF0YVswXSArIChkYXRhWzFdIDw8IDgpfC8vIGluIGhleHxoZXgoYmlnKXxoZXgobGl0dGxlKQ&s=ssssss&v=0.6'; instacalc_embed_height = 300; </script> <script src="https://instacalc.com/javascripts/embed.js"></script> --> <script async id="_ck_76794" src="https://web.archive.org/web/20190524124000js_/https://forms.convertkit.com/76794?v=6"></script> <!-- slider --> <script async id="_ck_126636" src="https://web.archive.org/web/20190524124000js_/https://forms.convertkit.com/126636?v=6"></script> <!-- social share --> <div> <style> .share-buttons li { padding: 10px; } ul.share-buttons a { color: #fff; } ul.share-buttons{ list-style: none; padding: 0; text-align: center; } ul.share-buttons li{ display: inline-block; } ul.share-buttons .sr-only{ position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } </style> <ul class="share-buttons"><li style=" background: #3B5998; "><a href="https://web.archive.org/web/20190524124000/https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fbetterexplained.com&quote=" target="_blank" title="Share on Facebook" onclick="window.open('https://web.archive.org/web/20190524124000/https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&quote=' + encodeURIComponent(document.URL)); return false;" style=" color: #fff; ">Facebook</a></li> <li style=" background: #1DA1F2; "><a href="https://web.archive.org/web/20190524124000/https://twitter.com/intent/tweet?source=http%3A%2F%2Fbetterexplained.com&text=:%20http%3A%2F%2Fbetterexplained.com&via=betterexplained" target="_blank" title="Tweet" onclick="window.open('https://web.archive.org/web/20190524124000/https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title.replace('BetterExplained', '@BetterExplained')) + ':%20' + encodeURIComponent(document.URL)); return false;">Twitter</a></li> <li style=" background: #0077B5; "><a href="https://web.archive.org/web/20190524124000/https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fbetterexplained.com&title=&summary=&source=http%3A%2F%2Fbetterexplained.com" target="_blank" title="Share on LinkedIn" onclick="window.open('https://web.archive.org/web/20190524124000/http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(document.title)); return false;">LinkedIn</a></li> <li style=" background: #D14836; "><a href="/web/20190524124000/https://betterexplained.com/cdn-cgi/l/email-protection#dee1adabbcb4bbbdaae3f8bfb3aee5bcb1baa7e3e4fbeceeb6aaaaaefbed9ffbec98fbec98bcbbaaaabbacbba6aeb2bfb7b0bbbaf0bdb1b3" target="_blank" title="Send email" onclick="window.open('mailto:?subject=' + encodeURIComponent(document.title) + '&body=' + encodeURIComponent(document.URL)); return false;">Email</a></li> <li style=" background: #333; "><a href="./print/" target="_blank" title="Print">Print</a></li> </ul> </div><h2>Other Posts In This Series</h2><ol class="egs-posts"> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/numbers-and-bases/" title="Number Systems and Bases">Number Systems and Bases</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/the-quick-guide-to-guids/" title="The Quick Guide to GUIDs">The Quick Guide to GUIDs</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-quakes-fast-inverse-square-root/" title="Understanding Quake's Fast Inverse Square Root">Understanding Quake's Fast Inverse Square Root</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/a-simple-introduction-to-computer-networking/" title="A Simple Introduction To Computer Networking">A Simple Introduction To Computer Networking</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/swap-two-variables-using-xor/" title="Swap two variables using XOR">Swap two variables using XOR</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/" title="Understanding Big and Little Endian Byte Order">Understanding Big and Little Endian Byte Order</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/unicode/" title="Unicode and You">Unicode and You</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/a-little-diddy-about-binary-file-formats/" title="A little diddy about binary file formats">A little diddy about binary file formats</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/sorting-algorithms/" title="Sorting Algorithms">Sorting Algorithms</a></li> </ol> </div> <div class="fusion-meta-info"><div class="fusion-meta-info-wrapper"><span class="fusion-comments"><a href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/#comments"><span class="dsq-postid" data-dsqidentifier="1397 http://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/">279 Comments</span></a></span></div></div> <div id="disqus_thread"> </div> </div> </div> <div id="sidebar" class="sidebar fusion-widget-area fusion-content-widget-area" style="float: right;"> <div id="text-9" class="fusion-slidingbar-widget-column widget widget_text"><h4 class="widget-title">In This Series</h4> <div class="textwidget"><ol class="egs-posts"> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/numbers-and-bases/" title="Number Systems and Bases">Number Systems and Bases</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/the-quick-guide-to-guids/" title="The Quick Guide to GUIDs">The Quick Guide to GUIDs</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-quakes-fast-inverse-square-root/" title="Understanding Quake's Fast Inverse Square Root">Understanding Quake's Fast Inverse Square Root</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/a-simple-introduction-to-computer-networking/" title="A Simple Introduction To Computer Networking">A Simple Introduction To Computer Networking</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/swap-two-variables-using-xor/" title="Swap two variables using XOR">Swap two variables using XOR</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/understanding-big-and-little-endian-byte-order/" title="Understanding Big and Little Endian Byte Order">Understanding Big and Little Endian Byte Order</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/unicode/" title="Unicode and You">Unicode and You</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/a-little-diddy-about-binary-file-formats/" title="A little diddy about binary file formats">A little diddy about binary file formats</a></li> <li class="egs-posts-item"><a class="egs-posts-item-title" href="https://web.archive.org/web/20190524124000/https://betterexplained.com/articles/sorting-algorithms/" title="Sorting Algorithms">Sorting Algorithms</a></li> </ol> </div> <div style="clear:both;"></div></div><div id="text-8" class="fusion-slidingbar-widget-column widget widget_text"><h4 class="widget-title">About The Site</h4> <div class="textwidget"><p>BetterExplained helps 450k monthly readers with friendly, insightful math lessons (<a href="https://web.archive.org/web/20190524124000/https://betterexplained.com/about/">more</a>).</p> </div> <div style="clear:both;"></div></div><div id="custom_html-2" class="widget_text fusion-slidingbar-widget-column widget widget_custom_html"><div class="textwidget custom-html-widget"><script data-cfasync="false" src="/web/20190524124000js_/https://betterexplained.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="//web.archive.org/web/20190524124000js_/https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Bex vertical wide --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="5159070024"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- Bex Sidebar 2 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="6332383024"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- bex sidebar 3 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="9143702014"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- Bex sidebar 4 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="1101449712"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- bex sidebar 5 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="1499408103"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- bex sidebar 6 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="3842624123"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- bex sidebar 7 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="6892169733"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- bex sidebar 8 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0990604499205651" data-ad-slot="1781359574"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <style> ins.adsbygoogle { margin-bottom: 25px;} div#custom_html-2 { padding: 0px; margin: 0px; border: 0px; background: none; } </style></div><div style="clear:both;"></div></div> </div> </div> <!-- fusion-row --> </div> <!-- #main --> <div class="fusion-footer"> <footer id="footer" class="fusion-footer-copyright-area"> <div class="fusion-row"> <div class="fusion-copyright-content"> <div class="fusion-copyright-notice"> <div>“If you can't explain it simply, you don't understand it well enough.” —Einstein (<a href="/web/20190524124000/https://betterexplained.com/philosophy">more</a>) | <a href="/web/20190524124000/https://betterexplained.com/privacy">Privacy</a> | <a href="/web/20190524124000/https://betterexplained.com/about">CC-BY-NC-SA</a></div> </div> <div class="fusion-social-links-footer"> <div class="fusion-social-networks"><div class="fusion-social-networks-wrapper"><a class="fusion-social-network-icon fusion-tooltip fusion-twitter fusion-icon-twitter" style="color:#fafafa;" href="https://web.archive.org/web/20190524124000/https://twitter.com/betterexplained" target="_blank" data-placement="top" data-title="Twitter" data-toggle="tooltip" title="Twitter"><span class="screen-reader-text">Twitter</span></a><a class="fusion-social-network-icon fusion-tooltip fusion-youtube fusion-icon-youtube" style="color:#fafafa;" href="https://web.archive.org/web/20190524124000/https://www.youtube.com/user/betterexplained" target="_blank" data-placement="top" data-title="Youtube" data-toggle="tooltip" title="Youtube"><span class="screen-reader-text">Youtube</span></a><a class="fusion-social-network-icon fusion-tooltip fusion-reddit fusion-icon-reddit" style="color:#fafafa;" href="https://web.archive.org/web/20190524124000/https://reddit.com/r/betterexplained" target="_blank" data-placement="top" data-title="Reddit" data-toggle="tooltip" title="Reddit"><span class="screen-reader-text">Reddit</span></a><a class="fusion-social-network-icon fusion-tooltip fusion-rss fusion-icon-rss" style="color:#fafafa;" href="/web/20190524124000/https://betterexplained.com/feed/" target="_blank" data-placement="top" data-title="Rss" data-toggle="tooltip" title="Rss"><span class="screen-reader-text">Rss</span></a></div></div> </div> </div> <!-- fusion-fusion-copyright-content --> </div> <!-- fusion-row --> </footer> <!-- #footer --> </div> <!-- fusion-footer --> </div> <!-- wrapper --> <a class="fusion-one-page-text-link fusion-page-load-link"></a> <!-- W3TC-include-js-head --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://web.archive.org/web/20190524124000if_/https://www.googletagmanager.com/ns.html?id=GTM-82FL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --><link rel="stylesheet" id="css-6-css" href="https://web.archive.org/web/20190524124000cs_/https://betterexplained.com/wp-content/mmr/81cd1139-1465985274.min.css" type="text/css" media="all"/> <script type="text/javascript"> /* <![CDATA[ */ var embedVars = {"disqusConfig":{"integration":"wordpress 3.0.16"},"disqusIdentifier":"1397 http:\/\/betterexplained.com\/articles\/understanding-big-and-little-endian-byte-order\/","disqusShortname":"betterexplained-discussions","disqusTitle":"Understanding Big and Little Endian Byte Order","disqusUrl":"https:\/\/web.archive.org\/web\/20190524124000\/https:\/\/betterexplained.com\/articles\/understanding-big-and-little-endian-byte-order\/","postId":"1397"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20190524124000js_/https://betterexplained.com/wp-content/mmr/30690f6e-1546554973.min.js"></script> <script type="text/javascript"> /* <![CDATA[ */ var countVars = {"disqusShortname":"betterexplained-discussions"}; var embedVars = {"disqusConfig":{"integration":"wordpress 3.0.16"},"disqusIdentifier":"1397 http:\/\/betterexplained.com\/articles\/understanding-big-and-little-endian-byte-order\/","disqusShortname":"betterexplained-discussions","disqusTitle":"Understanding Big and Little Endian Byte Order","disqusUrl":"https:\/\/web.archive.org\/web\/20190524124000\/https:\/\/betterexplained.com\/articles\/understanding-big-and-little-endian-byte-order\/","postId":"1397"}; var dclCustomVars = {"dcl_progress_text":"Loading..."}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20190524124000js_/https://betterexplained.com/wp-content/mmr/2f400f71-1546554973.min.js"></script> <script type="text/javascript"> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20190524124000js_/https://betterexplained.com/wp-content/mmr/01fe0e15-1451981606.min.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20190524124000js_/https://www.google.com/recaptcha/api.js?render=6LfqTKMUAAAAAC9WVm5vP6SSpT_go7IiDhFT8SCS"></script> <script type="text/javascript"> ( function( grecaptcha, sitekey ) { var wpcf7recaptcha = { execute: function() { grecaptcha.execute( sitekey, { action: 'homepage' } ).then( function( token ) { var forms = document.getElementsByTagName( 'form' ); for ( var i = 0; i < forms.length; i++ ) { var fields = forms[ i ].getElementsByTagName( 'input' ); for ( var j = 0; j < fields.length; j++ ) { var field = fields[ j ]; if ( 'g-recaptcha-response' === field.getAttribute( 'name' ) ) { field.setAttribute( 'value', token ); break; } } } } ); } }; grecaptcha.ready( wpcf7recaptcha.execute ); document.addEventListener( 'wpcf7submit', wpcf7recaptcha.execute, false ); } )( grecaptcha, '6LfqTKMUAAAAAC9WVm5vP6SSpT_go7IiDhFT8SCS' ); </script> <style> @import url('https://web.archive.org/web/20190524124000cs_/https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i'); i.fa { display: none; } </style> <script> document.querySelector('a.ubermenu-responsive-toggle').addEventListener('click', function(){ document.querySelector('.ubermenu').classList.toggle('ubermenu-responsive-collapse'); }); </script> <style> .colorized-wrap { border: 1px solid #ccc; } img[src*=Colorized] { filter: grayscale(30%); } img[src*=Colorized]:hover { filter: grayscale(0%); } .colorized-helper { font-family: Lato; font-size: 13px; padding: 0px 10px; color: #666; text-align: right; position: relative; z-index: 99; border-top: 1px solid #fafafa; background: #999; } .colorized-helper a { color: #fafafa; } .colorized-helper { display: none; } .colorized-wrap { position: relative; } .colorized-wrap:hover .colorized-helper { display: initial; position: absolute; right: 0px; } /* mathjax changes */ .mjx-chtml { font-size: 100% !important; } .mjx-chtml.MJXc-display { font-size: 100% !important; } </style> <script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax:{ inlineMath:[['$$$','$$$'], ['$','$'], ['\\(', '\\)']], processEscapes: true }, "HTML-CSS": { scale: 95, linebreaks: { automatic: true, width: "container" } }, messageStyle: "none" }); </script> <script src="https://web.archive.org/web/20190524124000js_/https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script> <script src="https://web.archive.org/web/20190524124000js_/https://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js"></script> <script> function init() { $ = Zepto; // latex conversion // $('.tex-inline').each(function(){ $(this).text('$$$' + ($(this).attr('alt')) + '$$$'); }); // $('img.tex').each(function(){$(this).replaceWith('$$' + $(this).attr('alt') + '$$') }); // MathJax.Hub.Queue(["Typeset",MathJax.Hub]); // unlink current item in a series var $current = $("a.egs-posts-item-title[href='" + document.location.href + "']"); var title = $current.eq(0).contents(); $current.replaceWith(title); // hide series widget if empty var $series_widget = null; $('h4.widget-title').each(function(){ if ($(this).text().match(/series/i)) { $series_widget = $(this).parents('.widget'); } }); if ($series_widget && $series_widget.find('li').length == 0) { $series_widget.hide(); } setupColorization(); // default search on mobile $('.fusion-mobile-menu-icons').html('<form role="search" class="searchform" method="get" action="https://web.archive.org/web/20190524124000/https://betterexplained.com/"><input type="text" value="" name="s" class="s" placeholder="Search..." style="width: 100px; margin-left: 10px;"></form>'); // bsa // $.get('https://web.archive.org/web/20190524124000/https://betterexplained.com/examples/bsa.php?t=' + (new Date()).toISOString(), function(resp){ $('#sidebar').prepend(resp); }); } function setupColorization() { $('img[src*=Colorize]').each(function(i, el){ var orig = $(el).attr('src'); var colorblind_assist = orig.replace(".png", "-colorblind-assist.png"); var $toolbar = $('<div class="colorized-helper"><a href="' + orig + '">original</a> <a href="' + colorblind_assist + '">colorblind assist</a></div>'); var $wrapper = $('<div class="colorized-wrap"></div>'); $(el).wrap($wrapper); $toolbar.insertAfter($(el)); }) $(document).on('click', '.colorized-helper a', function(e){ e.preventDefault(); var newsrc = $(this).attr('href'); $(this).parents('.colorized-wrap').find('img').attr('src', newsrc); return false; }); } (function() { var nTimer = setInterval(function() { if (window.Zepto) { init(); clearInterval(nTimer); } }, 25); })(); </script> <!--[if lte IE 8]> <script type="text/javascript" src="https://betterexplained.com/wp-content/themes/Avada/assets/js/respond.js"></script> <![endif]--> </body> </html> <!-- Dynamic page generated in 0.435 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-05-22 14:29:25 --> <!-- super cache --><!-- FILE ARCHIVED ON 12:40:00 May 24, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:45:23 Nov 27, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.711 exclusion.robots: 0.039 exclusion.robots.policy: 0.024 esindex: 0.014 cdx.remote: 22.108 LoadShardBlock: 322.812 (3) PetaboxLoader3.datanode: 228.031 (4) PetaboxLoader3.resolve: 233.581 (2) load_resource: 228.582 -->