<!DOCTYPE html>
<html>
                <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <title>          
            Folio | Website Builder - Build a Website - Create a Free Website 
          
</title>

            <!-- Facebook Open Graph -->
                <meta property="og:title" content="Folio"/>
    <meta property="og:type" content="website"/>
    <meta property="og:description" content="Since 2010 Folio Websites has been trusted by thousands of professionals to design, develop and manage their websites. Whether create your own or we build it."/>
    <meta property="og:url" content="https://www.foliowebsites.com/"/>
    <meta property="og:site_name" content="Folio"/>
            <!-- End of Facebook Open Graph -->

            <!-- Meta Tags -->
                
        <meta name="title" content="Website Builder - Build a Website - Create a Free Website">

    <meta name="keywords"  content="website design" />

    <meta name="description"  content="Since 2010 Folio Websites has been trusted by thousands of professionals to design, develop and manage their websites. Whether create your own or we build it." />

    <link rel="canonical" href="https://www.foliowebsites.com/" />


        

<meta name="robots" content="index, follow" />

            <meta name="format-detection" content="telephone=no">
            <!-- End of Site Meta Tags -->

            <link rel="shortcut icon" href="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/ef3ce780df5eb058.png" type="image/x-icon">
            <link rel="dns-prefetch" href="https://assets.foliowebsites.com">

            <!--  Base CSS Styles -->
            <!-- <link rel="stylesheet" href="/public/css/bootstrap.css"> -->
            <link rel="stylesheet" href="/public/css/themes/common/bootstrap.css">
            <link rel="stylesheet" href="/public/fonts/folio/folio.css">
            <link rel="stylesheet" href="/public/fonts/folio-icon/folio-icon.css">
            <link rel="stylesheet" href="/public/gulp_dest/common/common.min.css">
            <link rel="stylesheet" href="/public/css/themes/common/bundle/theme-plugin.css">

                <link rel="stylesheet" href="/public/css/themes/portfolio_theme/bundle/css/portfolio-theme.css">

            <link href="https://fonts.googleapis.com/css?family=Abhaya+Libre:400,600,700|Arvo:400,700|Dancing+Script:400,700|Droid+Serif:400,700|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Oswald:300,400,600,700|Playfair+Display:400,400i,700,700i|Roboto:300,300i,400,400i,700,700i|Tangerine:400,700|Raleway:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">

                <!-- Google Analytics -->
        <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        
        ga('create', "UA-31815583-1", 'auto');
        ga('set', 'anonymizeIp', true);
        ga('send', 'pageview');
        </script>
    <!-- End Google Analytics -->

            <script type="text/javascript">
                window.mapElement = [];

                window.folioUrl = 'https://foliowebsites.com';

                function generateRandomHeight() {
                    return Math.floor((Math.random() * 200) + 300);
                };

                            window.google_rc_site_key = "6LcueYAUAAAAAHSFWrrfP6ALpu_5-QUH-7lijfwJ";
            
                            window.cookie_policy  = 1;
                window.cookie_expires = 0;
                window.cookie_name = "_43fa7f58b7eac7ac872209342e62e8f1";
                        </script>

                <script type="text/javascript" src="/public/js/themes/portfolio_theme/bundle/script.min.js"></script>

            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCOD3KHGTOH4W2Ff1HA7Db68oqKY9VkGlQ" async defer></script>

                            <script src='https://www.google.com/recaptcha/api.js?onload=onReCaptchaApiLoad&render=explicit' async defer></script>
            
            <!-- Custom Head Scripts -->
                            <meta property="og:locale" content="en_US"><meta property="og:image" content=
"https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/84551757bd6c0ca1.png">
<meta property="og:image:width" content="600"><meta property="og:image:height" content="400">
<style>
    @import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600,700');
    @import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,900');
</style>
<style>

/*Header custom code button hide lets go menu*/
.new-custom-headermenu > ul > li {
  
    padding: 12px 0 !important;
}
 .new-custom-headermenu ul.text-right li:first-child {
        position: relative;
        transition: all .2s;
          
        }

        .new-custom-headermenu ul.text-right li .sub-more-menu {
            background-color: rgba(255,255,255,.9);
            width: 163px;
            color: #007aff;
            right: 0;
            top: 44px !important;
            text-align: right;
            border-radius: 2px;
        }
        
        .new-custom-headermenu ul.text-right li .sub-more-menu:hover {
            background-color: #fff;
        }

        .new-custom-headermenu ul.text-right li .sub-more-menu a {
            font-size: 16px;
        }

        .new-custom-headermenu ul.text-right li .sub-more-menu a {
            color: #007aff !important;
            display: block;
            padding: 8px 20px;
        }

        .new-custom-headermenu ul.text-right li:first-child:hover .sub-more-menu  {
            display: block;
            }

   .new-custom-headermenu ul.text-right li:first-child .sub-more-menu  {
        position: absolute;
        text-align: left;
        display: none;
        left: -44px;
    }
    
    
.section-header .layout-header_1 { padding: 50px 103px}
.section-header .layout-header_1 .menu-items a  { padding: 8px 12px !important; }
#header-menu-wrap a {
    text-transform: capitalize;
    color: #202020 !important;
    font-size: 15px;
}
.layout-header_1 .theme-btn {
    font-size: 15px !important;
    width: 166px;
    padding: 15px 0 !important;
    text-align: center;
    margin-left: 10px;
}
#portfolio_theme .layout-header_1 .more-menu > a { 
    content: "";
    visibility: hidden;    
    font-size: 0;
    padding: 0 15px;
    pointer-events: none;
}
#portfolio_theme .layout-header_1 .more-menu > a:before {
    font-size: 24px;
    content: "\7c";
    font-family: "folio" !important;
    visibility: visible;
    text-align: center;
}
#portfolio_theme .sub-menu-more { top: 40px; }

/*font override*/
#portfolio_theme h1, #portfolio_theme h2, #portfolio_theme h3, #portfolio_theme h4, #portfolio_theme h5, #portfolio_theme h6, #portfolio_theme p, #portfolio_theme li, #portfolio_theme a { font-family: 'Work Sans', sans-serif !important;}
#portfolio_theme p, #portfolio_theme li, #portfolio_theme a { font-weight: 400;}

/*copyright footer*/
#portfolio_theme .copyright-title{ color: #777 !important; }

/*wrap section with 1 background*/
.home-section-grp, .mostpopular-section-grp, .examplepage-section-grp { background-size: cover; }
.mostpopular-section-grp,.examplepage-section-grp { background-position: 100% 10%;  }
.home-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/97127a7bc42c67a1.png) center center no-repeat; }
.mostpopular-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/098d9758534db6e9.png) no-repeat; }        
.examplepage-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/8927a2e3d5e06049.jpg) no-repeat; }    

/*play icons*/
.play-icon {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    margin: 0 10px;
    background-position: center center;
    vertical-align: middle;
}

/*bullet star icon*/
ul.star-icon-bullets { list-style-type: none; }
ul.star-icon-bullets li {
    padding-left: 20px;
    position: relative;
}
ul.star-icon-bullets li:before {
  content: '';
  display: inline-block;
  height: 10px;
  width: 10px;
  background-size: 10px;
  background-image: url("https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/08214853bc40ac20.svg");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 10px;
}
.service-list li:hover a { color: #202020 !important; }

/* Banner Section */
#section-134952 .folio-slider {
 -webkit-flex-direction: row-reverse;
 flex-direction: row-reverse;
}
#section-134952 .featured-textwrap { 
    height: auto;
    position: relative; 
}
#section-134952 .featured-textwrap {
    bottom: initial;
    width: 60%; 
}
#section-134952 .slides { 
    height: auto;
    width: 40%; 
}
#section-134952 .slides li div:not(.featured-textwrap) {
    height: 100% !important;
    width: 100% !important;
}
#section-134952 .slides img  { 
    height: 100%;
    width: auto;
}
#section-134952 .slick-arrow { display: none !important; }
#section-134952 .album-information { text-align: left; }
#section-134952 .slick-dots, #section-134952 .flex-control-thumbs { width: 50px !important; }
#section-134952 .flex-control-thumbs { 
    bottom: 0px;
    height: 8px;
    left: -135% !important;
    padding: 0;
}
#section-134952 .slick-dots {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#section-134952 .slick-dots li, .custom-slider-container .slick-dots li {
    background-color: transparent;
    border: 1px solid #C2D6F9;
    border-radius: 100%;
    height: 8px;
    width: 8px;
}
#section-134952 .slick-dots li.slick-active, .custom-slider-container .slick-dots li.slick-active {
    background-color: #007aff;
    border-color: transparent;
}
.custom-slider { position: initial;  }
.custom-slider, .custom-slider-container .featured-textwrap { width: 50%; }
.custom-slider-container {
    -webkit-flex-direction: row-reverse; 
    flex-direction: row-reverse;
    overflow: hidden;
    position: relative;
}
.custom-slider-container .slick-dots {
    left: 5%;
    text-align: left;
    bottom: 0px;
}
.custom-slider-container .slick-dots li button:before { display: none; }

/*Most popular 2 column section*/
#section-132624 .container-section-inner > div { 
    background-color: #fff; 
    border: 1.5px solid #c2d6f9;
    border-radius: 10px;
    padding: 50px;
    width: 85%;
}
#section-132624 .container-section-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
}
#section-132624 .container-section-inner:first-child {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#section-132624 .container-section-inner:last-child  {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#section-132624 .container-section-inner:first-child > div { 
    border-color: #007aff;
    position: relative;
}
#section-132624 .container-section-inner:first-child > div:before {
    content: "MOST POPULAR";
    position: absolute;
    color: #007aff;
    z-index: 1;
    background-color: #fff;
    top: -8px;
    letter-spacing: .15em;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
    line-height: 1;
}

/*2nd bordered column section below Websites For Everyone*/
#section-132139 .container-section-inner {
    background-color: #ffffff;
    border: 1.5px solid #007AFF;
    border-radius: 20px;
    margin: 30px 0;
}
#section-132139 .container-section-inner:nth-child(2) { border: 1.5px solid #C2D6F9; }

/*pricing page custom code Beautiful Custom Websites section */
#section-140407 .container-section-outer {
    border: 1px solid #007aff;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}
#section-140407 .container-section-outer:before {
    content: "";
    position: absolute;
    color: #007aff;
    z-index: 1;
    background-color: #fff;
    top: -8px;
    letter-spacing: .15em;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
    line-height: 1;
} 

/*Pricing page > Tabs*/
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
}
ul.tabs li{
    background: none;
    color: #202020 !important;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    opacity: .5;
}
ul.tabs li.current { opacity: 1; }
ul.tabs li.current span:before {
    content: '';
    background-color: #202020;
    height: 1px;
    position: absolute;
    bottom: -10px;
    width: 100%;    
}
.tab-content{
    display: none;
    padding: 15px;
}
.tab-content h6 { font-size: 18px !important; }
.price-label {
    position: relative;
    margin-left: 15px;
}
.price-label .dollar-sign { 
    font-size: 20px;
    letter-spacing: 0.2em;
    position: absolute;
    top: 3px;
    left: -15px;
}
.tab-content p,
.tab-content li { 
    font-size: 14px !important; 
    padding: 5px 0;
    padding-left: 20px;
    position: relative;
    color: #202020 !important;
}
.tab-content li:before {
  content: "\e99f";
  display: inline-block;
  font-family: "folio-icon" !important;
  position: absolute;
  left: 0;
  top: 6px;
}
.tab-content p {
    color: #555 !important;
    opacity: .5;
}
.tab-content a { 
    color: #007aff !important;
    letter-spacing: .2em;
    margin-left: 20px;
}
.tab-content ul { margin: 35px 0 30px; }
.tab-content.current { display: inherit; }

/*FAQ page*/
.bordered-section {
    background-color: #fff;
    border: 1.5px solid #007aff;
    border-radius: 10px;
    padding: 40px;
}

/*blue bg img*/
#section-140495, /*menu*/
#section-140324, /*album*/
#section-140544, /*blog*/
#section-140568, /*pages*/
#section-140642, /*sections-elements*/
#section-140658, /*Account & Plan*/
#section-140666, /*Domain*/
#section-140674, /*Getting Started*/
#section-140682 /*Website Customization & Details*/
.section-layout-wrapper {
    background: #ECF5FF url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/599d3042b64ece02.jpg);
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: 100%;
}

/*bottom gradient*/
#section-140806, /*menu-*/
#section-140782, /*album*/
#section-140788, /*blog*/
#section-140812, /*pages*/
#section-140818, /*sections-elements*/
#section-140765, /*Account & Plan*/
#section-140794, /*Domain*/
#section-140800, /*Getting Started*/
#section-140824 /*Website Customization & Details*/
.section-layout-wrapper {
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,245,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(236,245,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,245,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,245,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,245,255,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,245,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECF5FF', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
}

/*FAQ accordion*/
.accordion .ui-accordion-header{
    padding: 25px 40px;
    /*border: 1.5px solid #c2d6f9;*/
    background-color: #fff;
    border-radius: 10px;
    margin-top: 10px !important;
    cursor: pointer;
    line-height: 1.5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.accordion .ui-accordion-header:focus, 
.accordion .ui-accordion-header:hover, 
.accordion .ui-accordion-header.ui-state-active { background-color: #fff; }
.accordion .ui-accordion-header.ui-accordion-header-active {
    border-bottom: 0; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.accordion .ui-accordion-header .ui-accordion-header-icon {
    color: #c2d6f9; 
    font-size: 20px;
    margin: 0;
    position: relative;
    top: 4px;
    right: 0;
}
.accordion .ui-accordion-content { 
    height: auto;
    width: 100%;
    padding: 20px 40px 40px 40px;
    background: #fff;
    border: 1.5px solid transparent;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 1;
}
.accordion .ui-accordion-header:not(.ui-accordion-header-active) + .ui-accordion-content { 
    border-color: transparent;
    opacity: 0;
}
.accordion .ui-accordion-content.ui-accordion-content-active { border-color: #c2d6f9; }
.list-decimal {
    margin-left: 25px;
    text-indent: 0;
    list-style-position: outside;
}
#section-131969 .video-container { overflow: hidden; }
#section-131969 .video-container iframe { width: 101%; }

/*2nd bordered column section below Websites For Everyone responsive*/
#section-132139 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#section-132139 .container-section-inner { width: 40%; }
#contact-form-140922 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#contact-form-140922 .custom-select { position: relative; }
#contact-form-140922 .custom-select .icon {
    right: 20px;
    top: 22px !important;
    font-size: 10px;
}

/*Contact Form */
.selected-dial-code, .theme-select, .select-styled, input.form-control::-webkit-input-placeholder,
#portfolio_theme .contact-form input::placeholder, #portfolio_theme .contact-form textarea::placeholder { 
    font-family: 'Work Sans', sans-serif !important;
    text-transform: capitalize !important; 
    font-size: 18px !important;
    color: #555555 !important;
}
input {  font-family: 'Work Sans', sans-serif !important; }

/*Textbox adjustment*/
#section-169128 .text-element p {
    width: 70%;
    margin: 0 auto;
}

/*cookie banner*/
.cookie-banner { z-index: 11000; }
#intercom-container { z-index: 10000 !important; }

/*New home page*/
#section-175988 .container-section-outer {
    display: flex;
    -webkit-flex-wrap: wrap;
}
hr {
    margin: 20px 0;
    border: none;
}
.custom-home-3-col {
    height: 100%;
    position: relative;
}
.custom-home-3-col:before {
    border-radius: 8px;
    content: "";
    position: absolute;
    height: 95%;
    width: 100%;
    top:  5%;
}
.custom-home-3-col .theme-btn {
    text-align: center;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.custom-home-3-grp  > div { margin-left: -1px; }
.custom-home-3-grp  > div > .custom-home-3-col:before { background-color: #c8e0ff; }
.custom-home-3-grp  > div:nth-child(2) > .custom-home-3-col:before { background-color: #2b2f92; }
.custom-home-3-grp .content-grp {
    position: relative;
    top: -50px;
    margin-bottom: 20px;
}
.builder-section {
    background-color: #fff;
    border: 1px solid #c2d6f9;
    border-radius: 8px;
    margin-bottom: 120px;
}
.invisible-div {
    visibility:hidden;
    height:430px;
    width:100%;
    margin: 0 auto;
}
.builder-section > div:nth-child(2) .img-container {
    position: absolute;
    top: 48px;
    width: 100%;
    height: 100%;
}

/*New Designer Program*/
.custom-designer-program-3-col {
    height: 100%;
    position: relative;
}
.custom-designer-program-3-col:before {
    border-radius: 8px;
    content: "";
    position: absolute;
    height: 95%;
    width: 100%;
    top:  5%;
}
.custom-designer-program-3-col .theme-btn {
    text-align: center;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.custom-designer-program-3-grp  > div { margin-left: -1px; }
.custom-designer-program-3-grp  > div:first-child > .custom-designer-program-3-col:before {
    background: rgb(43,47,146); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(43,47,146,1) 24%, rgba(0,122,255,1) 58%, rgba(0,122,255,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(43,47,146,1) 24%,rgba(0,122,255,1) 58%,rgba(0,122,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(43,47,146,1) 24%,rgba(0,122,255,1) 58%,rgba(0,122,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2f92', endColorstr='#007aff',GradientType=0 ); /* IE6-9 */
}
.custom-designer-program-3-grp  > div:nth-child(2) > .custom-designer-program-3-col:before { background-color: #2B2F92; } 
.custom-designer-program-3-grp  > div:nth-child(3) > .custom-designer-program-3-col:before { background-color: #0E34A0; }
.custom-designer-program-3-grp .content-grp {
    position: relative;
    top: -50px;
    margin-bottom: 20px;
}

/*text width adjustment New Designer Program page*/
/*Folio provides people...*/
#section-181221 .text-element p { width: 83%; }
/*How It Works body*/
#section-181219 .text-element p {
    width: 72%;
    margin: 0 auto;
}
/*Hassle-Free Website Management body*/
#section-181256 .text-element p {
    width: 77%;
    margin: 0 auto;
}

/*wrapped section*/
.designer-program-section-grp,
.designer-pricing-section-grp,
.designer-pricing-mostpopular-grp {
    background-size: cover !important;
    background-position-y: top !important;
}
.designer-program-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/1a2e76b70b8bc734.png) center center no-repeat; }
.designer-pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/d72401fa09b3ecd2.png) center center no-repeat; }
.designer-pricing-mostpopular-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/670aee4c18499cc9.png) center center no-repeat; }

/*gradient button*/
.designer-prog-btn {
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 26%, rgba(0,122,255,1) 26%, rgba(0,122,255,1) 37%, rgba(19,88,206,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 26%,rgba(0,122,255,1) 26%,rgba(0,122,255,1) 37%,rgba(19,88,206,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 26%,rgba(0,122,255,1) 26%,rgba(0,122,255,1) 37%,rgba(19,88,206,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}
.designer-prog-btn0 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007aff+0,007aff+42,1358ce+100 */
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 0%, rgba(0,122,255,1) 42%, rgba(19,88,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}

/*Inline list for designer pricing*/
ul.inline-list li {
    display: inline;
    padding: 12px;
}
.inline-list li img {
  margin-right: 2px;
  height: 12px;
  width: 25px;
}

/*Best value ala carte 2 column*/
#section-188816 .container-section-inner > div, #section-209347 .container-section-inner > div { 
    background-color: #F1F6FF; 
    border: 1.5px solid #c2d6f9;
    border-radius: 10px;
    padding: 39px;
    width: 100%;
}
#section-188816 .container-section-inner, #section-209347 .container-section-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
}
#section-188816 .container-section-inner:first-child, #section-209347 .container-section-inner:first-child {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 25px;
}
#section-188816 .container-section-inner:last-child, #section-209347 .container-section-inner:last-child  {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#section-188816 .container-section-inner:first-child > div, #section-209347 .container-section-inner:last-child > div { 
    border:none !important;
    position: relative;
}
#section-188816 .container-section-inner:last-child > div, #section-209347 .container-section-inner:first-child > div { 
    border-color: #007aff;
    background-color: #FFF;
    position: relative;
    margin-bottom: 25px;
}

/*Best value web hosting & support 3 col section DESIGN PROGRAM PRICING*/
#section-194209 .container-section-inner > div { 
    background-color: #fff; 
    border: 1.5px solid #c2d6f9;
    border-radius: 10px;
    padding: 39px;
    width: 100%;
}
#section-194209 .container-section-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    margin-left: -1px;
}
#section-194209 .container-section-inner:first-child, #section-194209 .container-section-inner:nth-child(2)  {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#section-194209 .container-section-inner:last-child  {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#section-194209 .container-section-inner:last-child > div, #section-194209 .container-section-inner:first-child > div  { /*box shadows*/
    -webkit-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    -moz-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);  
}
#section-194209 .container-section-inner:nth-child(2) > div { /*box shadows*/
    -webkit-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    -moz-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
}
#section-194209 .container-section-inner:nth-child(2) > div { 
    border-color: #007aff;
    position: relative;
}
#section-194209 .container-section-inner {
    -webkit-justify-content: center !important;
    justify-content: center !important;
}
#section-188816 .container-section-inner:nth-child(2) > div { /*box shadows*/
    -webkit-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    -moz-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
}
.design-price .per-month {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-family: 'Heebo', sans-serif !important;
}
.heebo-font { font-family: 'Heebo', sans-serif !important; }

/*webshosting*/
/*new 2 col ala carte*/
#section-188816 .container-section-outer,
#section-194209 .container-section-outer { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#section-188816 .container-section-inner { margin-left: -1px; } /*new 2 col ala carte*/
.design-program-webhosting .btn-grp {
    position: absolute;
    bottom: 39px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 0 30px;
}

.ford-standard .btn-grp{
    position: absolute;
    bottom: 95px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 0 30px;
}

/*FAQ Design Program*/
#section-181957 .accordion .ui-accordion-header {
    position: relative;
    padding-right: 65px;
}
#section-181957 .accordion .ui-accordion-header .ui-accordion-header-icon { 
    position: absolute;
    right: 36px;
    top: 28px;
}   

/*Best 2 column section design program pricing*/         
#section-194209 .container-section-inner:first-child, #section-194209 .container-section-inner:nth-child(2),#section-194209 .container-section-inner:last-child { margin-bottom: 25px; }/*end of New designer program*/

/* START of Website Pricing > DIY (Do it yourself) */
#section-189953 .container-section-inner > div { 
    background-color: #fff; 
    width: 65%;
    margin-left: 10px;
}
#section-189953 .container-section-inner { padding: 0 50px; }
#section-189953 .container-section-outer  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1.5px solid #c2d6f9;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    -moz-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
}
#section-189953 .container-section-inner { margin-left: -1px; }

/*Website Pricing > Homebanner*/
.pricing-section-grp {  
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/5f9e0b6374605b66.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
}
#section-190500 .text-element p{width: 70% !important;} /*Banner*/
#section-189945 .text-element p{width: 65%; margin: 0 auto;} /*Hassle-Free*/

/*Website Pricing > 3 columns (start-up, bestvalue, e-commerce*/
#section-190366 .container-section-inner > div { 
    background-color: #F1F6FF; 
    border: 1.5px solid #c2d6f9;
    border-radius: 10px;
    padding: 39px;
    width: 100%;
}
#section-190366 .container-section-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
}
#section-190366 .container-section-inner:first-child {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 25px;
}
#section-190366 .container-section-inner:last-child  {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 25px;
}
#section-190366 .container-section-inner:last-child  {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#section-190366 .container-section-inner:first-child > div { 
    border:none !important;
    position: relative;
}
#section-190366 .container-section-inner:nth-child(2) > div { 
    border-color: #007aff;
    background-color: #FFF;
    position: relative;
    margin-bottom: 25px;
}
#section-190366 .container-section-inner:last-child > div { 
    border:none !important;
    position: relative;
}
#section-190366 .container-section-inner:nth-child(2) > div { /*box shadows*/
    -webkit-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    -moz-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
}

/*webshosting*/
#section-190366 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#section-190366 .container-section-inner { margin-left: -1px; }

/*website pricing > All Folio websites include:*/
#section-189963 .section-layout-wrapper:not(.section-line-separator) { padding-bottom:  10px !important;}

/*Do It Yourself  section*/
#section-189953 .section-layout-wrapper:not(.section-line-separator) { padding-top:  80px !important;}

/*End for website Pricing*/

/*Start of Website Project*/
.webproject-section-grp {  
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
}
#section-191829 .text-element p, #section-191840 .text-element p, #section-190595 .text-element p{width: 60% !important; margin: 0 auto;} /*Contact Form Info*/

/*form*/
.website-project-form-code {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#contact-form-190596 .submit-button {
    max-width: 100%;
    text-align: center !important;
    word-break: break-word;
    white-space: normal;
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 0%, rgba(0,122,255,1) 42%, rgba(19,88,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}
#contact-form-190596 .form-group:last-child { text-align: center; }/*End for website Project*/

/*Start of Website Project GOOGLE*/
.webprojectgoogle-section-grp {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
}
#contact-form-191832 .submit-button {
    max-width: 100%;
    text-align: center !important;
    word-break: break-word;
    white-space: normal;
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 0%, rgba(0,122,255,1) 42%, rgba(19,88,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}
#contact-form-191832 .form-group:last-child { text-align: center; }/*END of Website Project GOOGLE*/

/*Start of Website Project PFRE*/
.webprojectpfre-section-grp {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
}
#contact-form-191843 .submit-button {
    max-width: 100%;
    text-align: center !important;
    word-break: break-word;
    white-space: normal;
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 0%, rgba(0,122,255,1) 42%, rgba(19,88,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}
#contact-form-191843 .form-group:last-child { text-align: center; }/*END of Website Project PFRE*/

/*Start of NEW Website Project*/
.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp {  
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/983212af0207df95.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
}
#section-191892 .text-element p, #section-191943 .text-element p, #section-190686 .text-element p {width: 45% !important;} /*Banner*/

/*New website Project > 4 columns gradient bg && fordpsn*/
#section-191851 .container-section-outer,
#section-191902 .container-section-outer,
#section-190671 .container-section-outer,
#section-209331 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#section-191851 .container-section-inner > div,
#section-191902 .container-section-inner > div,
#section-190671 .container-section-inner > div,
#section-209331 .container-section-inner > div {  
    border-radius: 10px;
    padding: 19px;
    width: 100%;
    height: 100%;
    background: rgba(236,245,255,1);
    background: -moz-linear-gradient(top, rgba(236,245,255,1) 0%, rgba(236,245,255,0.64) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,245,255,1)), color-stop(100%, rgba(236,245,255,0.64)));
    background: -webkit-linear-gradient(top, rgba(236,245,255,1) 0%, rgba(236,245,255,0.64) 100%);
    background: -o-linear-gradient(top, rgba(236,245,255,1) 0%, rgba(236,245,255,0.64) 100%);
    background: -ms-linear-gradient(top, rgba(236,245,255,1) 0%, rgba(236,245,255,0.64) 100%);
    background: linear-gradient(to bottom, rgba(236,245,255,1) 0%, rgba(236,245,255,0.64) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5ff', endColorstr='#ecf5ff', GradientType=0 );
    padding-top: 45px !important;
}
#section-191851 .container-section-inner, #section-191902 .container-section-inner, #section-190671 .container-section-inner, #section-209331 .container-section-inner { margin-left: -1px; }
/*END of NEW Website Project*/

/*Start Professional Web Design*/
/*cheap-website-design, low-budget-website-design, cost-effective-website-design*/
#contact-form-191059 .submit-button,
#contact-form-197503 .submit-button,
#contact-form-197566 .submit-button,
#contact-form-197621 .submit-button,
#contact-form-202616 .submit-button{
    max-width: 100%;
    text-align: center !important;
    word-break: break-word;
    white-space: normal;
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 0%, rgba(0,122,255,1) 42%, rgba(19,88,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}
#contact-form-191059 .form-group,
#contact-form-197503 .form-group,
#contact-form-197566 .form-group,
#contact-form-197621 .form-group,
#contact-form-202616 .form-group { text-align: center; }

.professionals-section-grp,
.cheap-website-section-grp,
.cost-effect-website-section-grp,
.low-budget-website-section-grp {  
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/3f3f664678e91353.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
    background-position-x: 99%;
    background-position-y: -3rem;
}

/*#section-190924 .text-element p {width: 57% !important;}*/
 /*Banner*/

/*Website Professional Web Design > 3 columns (start-up, bestvalue, e-commerce*/
#section-191029 .container-section-inner > div,
#section-197478 .container-section-inner > div,
#section-197541 .container-section-inner > div,
#section-197596 .container-section-inner > div,
#section-202591 .container-section-inner > div{ 
    background-color: #F1F6FF; 
    border: 1.5px solid #c2d6f9;
    border-radius: 10px;
    padding: 39px;
    width: 100%;
}
#section-191029 .container-section-inner,
#section-197478 .container-section-inner,
#section-197541 .container-section-inner,
#section-197596 .container-section-inner,
#section-202591 .container-section-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
}
#section-191029 .container-section-inner:first-child,
#section-197478 .container-section-inner:first-child,
#section-197541 .container-section-inner:first-child,
#section-197596 .container-section-inner:first-child,
#section-202591 .container-section-inner:first-child {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 25px;
}
#section-191029 .container-section-inner:last-child,
#section-197478 .container-section-inner:last-child,
#section-197541 .container-section-inner:last-child,
#section-197596 .container-section-inner:last-child,
#section-202591 .container-section-inner:last-child  {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 25px;
}
#section-191029 .container-section-inner:last-child,
#section-197478 .container-section-inner:last-child,
#section-197541 .container-section-inner:last-child,
#section-197596 .container-section-inner:last-child,
#section-202591 .container-section-inner:last-child {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#section-191029 .container-section-inner:first-child > div,
#section-197478 .container-section-inner:first-child > div,
#section-197541 .container-section-inner:first-child > div,
#section-197596 .container-section-inner:first-child > div,
#section-202591 .container-section-inner:first-child > div { 
    border: none !important;
    position: relative;
}
#section-191029 .container-section-inner:nth-child(2) > div,
#section-197478 .container-section-inner:nth-child(2) > div,
#section-197541 .container-section-inner:nth-child(2) > div,
#section-197596 .container-section-inner:nth-child(2) > div,
#section-202591 .container-section-inner:nth-child(2) > div { 
    border-color: #007aff;
    background-color: #FFF;
    position: relative;
    margin-bottom: 25px;
}
#section-191029 .container-section-inner:last-child > div,
#section-197478 .container-section-inner:last-child > div,
#section-197541 .container-section-inner:last-child > div,
#section-197596 .container-section-inner:last-child > div,
#section-202591 .container-section-inner:last-child > div  { 
    border:none !important;
    position: relative;
}
#section-191029 .container-section-inner:nth-child(2) > div,
#section-197478 .container-section-inner:nth-child(2) > div,
#section-197541 .container-section-inner:nth-child(2) > div,
#section-197596 .container-section-inner:nth-child(2) > div,
#section-202591 .container-section-inner:nth-child(2) > div { /*box shadows*/
    -webkit-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    -moz-box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
    box-shadow: 0px 4px 18px -5px rgba(0,123,255,0.28);
}

/*webshosting*/
#section-191029 .container-section-outer,
#section-197478 .container-section-outer,
#section-197541 .container-section-outer,
#section-197596 .container-section-outer,
#section-202591 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#section-191029 .container-section-inner,
#section-197478 .container-section-inner,
#section-197541 .container-section-inner 
#section-197596 .container-section-inner,
#section-202591 .container-section-inner{ margin-left: -1px; } /*End Professional Web Design*/

/*Thank you page*/
#section-187471 .thank-you-page li img {
    margin-right: 12px;
    height: 10px;
    width: 10px;
    margin-left: -13px;
}
#section-187471 .text-element p{ /*body text adjustment*/
    width: 40%;
    margin: 0 auto;
}

/*Recaptcha alignment*/
#folio-captcha-191059 > div,
#folio-captcha-197503 > div,
#folio-captcha-197621 > div,
#folio-captcha-197566 > div {
    margin: 0 auto;
}

#folio-captcha-191059,
#folio-captcha-197503,
#folio-captcha-197621,
#folio-captcha-197566 { width: 100%; }

/*PFRE PAGE*/
#section-193476 .text-element p {width: 78%;}
#section-193515 .text-element p {width: 90%;}

#contact-form-193524 .submit-button {

    max-width: 100%;
    text-align: center !important;
    word-break: break-word;
    white-space: normal;
    background: rgb(0,122,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,122,255,1) 0%, rgba(0,122,255,1) 42%, rgba(19,88,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,122,255,1) 0%,rgba(0,122,255,1) 42%,rgba(19,88,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', endColorstr='#1358ce',GradientType=1 ); /* IE6-9 */
}

/*#contact-form-193524 .form-group { text-align: center !important; }*/

#section-193523 .theme-btn.style1 { font-weight: 600 !important; }

.pfre-section-grp > div {
    background-color: #fff;
    border: solid 2px;
    border-color: #007AFF;
    border-radius: 8px;
    width: 80%;
    margin: 0 auto;
}

#section-193573 img {
    width: 100%;
    height: auto;
}

.pfre-section-bg-grp {background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/28f4b8cead35a41d.jpg) center center no-repeat;}
    
/*Get Started Now With A Free Website Consultation*/
    #section-193515 p.custom { width: 100% !important;}
/*PFRE ends here*/

/*Intercom adjustment*/
.intercom-launcher-frame {
    z-index: 10000 !important;
}

/*FORDPSN > Landing Page*/
.ford-section-grp {  
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/fe7b7caeec82e631.jpg) center center no-repeat;
    background-size: cover;
    background-position: top;
}
#section-209331 .container-section-inner {padding-bottom: 20px;}

/*MEDIA QUERIES*/
@media (max-width: 1200px) {
    /*new homepage*/
    .invisible-div { height: 385px; }
    .builder-section > div:nth-child(2) .img-container { top: 40px; }    
}
@media screen and (max-width: 1179px) {
    #section-175988 .second-col h4{
        width: 100% !important;
        margin: 0 auto;
    }   
}
@media (max-width: 1165px){
/*PFRE hero section*/    
#section-193476 .section-layout-wrapper:not(.section-line-separator) { padding-top: 70px !important; }
}
@media (min-width: 1165px){
/*PFRE hero section*/        
#section-193476 .section-layout-wrapper { background-position-x: -2rem !important; }
}
@media (max-width: 1159px) {
    #section-182127 .section-layout-wrapper.section-layout.container-fluid.container-fluid { /*Web Hosting & Support and hosting boxes spaces between*/
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
}
@media screen and (max-width: 1126px) {
    #section-175988 .first-col h4 {
        width: 100% !important;
        margin: 0 auto;
    }   
}

@media (max-width: 1094px) {
    #section-188816 .container-section-inner:first-child a.theme-btn{/*À la Carte, design pricingpage*/ padding: 19px 47px !important; } /*new 2 col ala carte*/
}
@media (max-width: 1080px) {
    /*new homepage*/
    .invisible-div { height: 330px; }
    .builder-section > div:nth-child(2) .img-container { top: 35px; }
}
@media (max-width: 1075px) {
    #section-181899 ul.inline-list {display: block;} 
    #section-181899 ul.inline-list li {
      display: block;
      text-align: left;
    }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/20ff53f00d83d6c0.jpg) center center no-repeat; } /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-y: 1rem;        
    }    
    #section-191833 h1, #section-191844 h1, #section-190653 h1 { width: 90% !important; } /*website project > banner*/ 
    #section-191829 .text-element p, #section-191840 .text-element p, #section-190595 .text-element p { text-align: center; margin: 0 auto !important; width: 90% !important; }  /*website project > banner*/
}
@media (max-width: 1050px) {
    #section-188816 .per-month{ display: block; } /*new 2 col design pricing*/
}
@media (max-width: 1030px){
    /*PFRE hero section padding top*/    
    #section-193476 .section-layout-wrapper:not(.section-line-separator) { 
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
@media (min-width: 1030px){ 
    /* PFREhero section*/
    #section-193476 .section-layout-wrapper { background-position-x: 1rem !important; }
}
@media (max-width: 1033px) {
    #section-181219 .text-element p { width: 100% !important; } /*How It Works body*/
    /*Hassle-Free Website Management body*/
    #section-181256 .text-element p { 
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1024px) {
    #section-181209 .break-text{/*folio team col title*/ display: block; }
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {  
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/3f3f664678e91353.jpg) center center no-repeat;
        background-size: cover;
        background-position: top;
        background-size: 126%;
        background-position-x: 99%;
    }

    /*PFRE hero section*/    
    #section-193476 .section-layout-wrapper { background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/512c1ef567ca0730.jpg) !important; }  
}
@media (max-width: 1000px) {
    #section-194209 .section-layout-wrapper:not(.section-line-separator) { padding-top: 5px !important;}
}
@media (max-width: 991px) {
    .layout-header_1 .menu-holder { margin-top: 25px; }

    /*Powerful & Easy To Use responsive*/
    #section-131973 .container-section-inner, #section-132065 .container-section-inner, #section-132056 .container-section-inner, #section-132047 .container-section-inner, #section-132038 .container-section-inner { width: 50%; }
    
    /*Most popular 2 column section resposive*/    
    #section-132624 .container-section-inner {
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }
    #section-132624 .container-section-inner:first-child { margin-bottom: 25px; }
    
    /*footer custom code*/
    .layout-footer_3 .d-flex {
        display: block;
        text-align: center;  
    }
    .layout-footer_3 li, .layout-footer_3 .copyright-title, .layout-footer_3 .copyright-subtitle { display: inline-block !important; }
    .footerlinks:first-child { text-align: center; }
    .footerlinks:first-child .img-container {
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }
    /*pricing responsive*/
    #section-136436 { display: none; } 
    #section-140407 .container-section-inner { width: 50%; }
    #section-140328 .container-section-inner { width: 33.33333333%; }
    #section-136411 .text-element { text-align: center; }
    #section-136411 .container-section-inner:first-child ul {
        display: table;
        margin: 0 auto 30px;
    }
    #section-136411 .container-section-inner:first-child div:not(.text-element) { text-align: center !important; }
    #section-136411 .container-section-inner:first-child { margin-bottom: 50px; } 
    /*diy page*/
    #section-140498 .container-section-inner { width: 50%; }
    /*home banner*/
    #section-134952 .featured-textwrap .album-title { font-size: 50px; }
    #section-134952 .flex-control-thumbs { bottom: -35px;}
    
    /*tour page*/
    #section-139736 .container-section-inner, #section-139808 .container-section-inner, #section-139818 .container-section-inner, #section-139828 .container-section-inner, #section-139838 .container-section-inner { width: 50%; }
    
    /*faq page*/
    #section-140071 .container-section-inner, #section-140074 .container-section-inner, #section-140100 .container-section-inner, #section-140131 .container-section-inner, #section-140145 .container-section-inner, #section-140158 .container-section-inner, #section-140171 .container-section-inner, #section-140185 .container-section-inner,#section-140198 .container-section-inner, #section-140211 .container-section-inner { width: 50%; }
    #section-140074 .img-container img, #section-140100 .img-container img, #section-140131 .img-container img, #section-140145 .img-container img, #section-140158 .img-container img, #section-140171 .img-container img, #section-140185 .img-container img,#section-140198 .img-container img, #section-140211 .img-container img { width: 16% !important; }
    
    /*NEW best value 3 column section design program pricing*/
    #section-188816 .container-section-inner {
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }
    #section-188816 .container-section-inner:first-child { margin-bottom: 25px; } /*new 2 col design pricing*/
}
@media (max-width: 990px) {
    #section-191851 .container-section-inner, #section-191902 .container-section-inner, #section-190671 .container-section-inner { 
        margin-bottom: 20px;
        width: 50%;
    }
}
@media (max-width: 986px) {
    #section-187471 .text-element p { width: 49%; } /*body text adjustment*/
}
@media (max-width: 958px){
    #section-193476 h1 {font-size: 55px !important;}
}
@media (max-width: 955px){
    #section-193450 .section-layout-wrapper {background-position-x: -12rem !important; }
}
@media(max-width: 951px){
    #section-209331 .container-section-inner .text-element h5 span {font-size: 18px !important;}
}

@media (min-width: 954px) and (max-width: 1200px){  
    #section-181221 .text-title-h1 { width: 87% !important; } /*Grow Your Web Design Business*/
}
@media(max-width:953px) {
    #section-181221 .text-title-h1 { width: 100% !important; } /*Grow Your Web Design Business*/

    /*website project > banner > h1*/
    #section-190653 h1 { width: 100% !important; }
}
@media (max-width: 930px){
/   *hero section*/    
    #section-193476 .section-layout-wrapper:not(.section-line-separator) { padding-bottom: 33px !important; }
}
@media (max-width: 920px) {
     /*new homepage*/
    .invisible-div { height: 290px; }
    .builder-section > div:nth-child(2) .img-container { top: 30px; }
    /*website project > banner > h1*/
    #section-190653 h1 { width: 100% !important;}
}

@media (min-width: 900px) and (max-width: 1149px){
    #section-209347 .section-layout-wrapper .pad-bottom-9  {padding-bottom: 112px !important;}

}

@media (max-width: 899px) {  
    #section-210519 .img-container .no-rightclick {width:53% !important;}
    #section-169132 img {display:none !important;}
    #section-209356 .section-layout-wrapper {margin-left: 28%;}
    #section-209331 .container-section-inner .text-element h5 span {font-size: 20px !important;}
    #section-209347 .list {margin-left: 20% !important;}
    #section-209392 img {width: 30% !important }
    #section-209392 .text-element p {text-align: center !important;}
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -88rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper { padding-top: 0 !important; }
    #section-191838, #section-191849, #section-190659 { height: 284px; }
    #section-191833 h1, #section-191844 h1, #section-190653 h1 { text-align: center !important; margin: 0 auto !important; width: 90% !important; } /*website project > banner*/
    #section-191833 .text-element p, #section-191844 .text-element p, #section-190653 .text-element p { text-align: center; margin: 0 auto !important; width: 75% !important;} /*website project > banner*/
    #section-191829 .text-element p, #section-191840 .text-element p, #section-190595 .text-element p { text-align: center; margin: 0 auto !important; width: 90% !important;} /*website project > banner*/

    /*new project website > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/6de3216acccaed1a.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: 177% !important;
    }
    #section-191892 .section-layout-wrapper, #section-191943 .section-layout-wrapper, #section-190686 .section-layout-wrapper { padding-top: 0 !important; }
    #section-191892 .title h1, #section-191943 .title h1, #section-190686 .title h1 { text-align: center !important; margin: 0 auto !important; width: 100% !important; } /*New website project > banner*/
    #section-191892 .text-element p, #section-191943 .text-element p, #section-190686 .text-element p { text-align: center; margin: 0 auto !important; width: 75% !important; } /*New website project > banner*/
    
    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -105% !important;
    }
    #section-190500 .section-layout-wrapper {padding-top: 0 !important;}
    #section-190500 .title2 h1 {text-align: center !important; margin: 0 auto !important; width: 100% !important;}
    #section-190500 .text-element p{ text-align: center; margin: 0 auto !important; width: 75% !important;}
    #section-190500 .themebutton { text-align: center; margin: 0 auto !important;}
    
    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -42rem !important;
    }
    /*affordable website design spacing top*/
    #section-197448,
    #section-197506,
    #section-197624,
    #section-197569 { height: 0 !important;}

    /*#section-190924 .section-layout-wrapper { padding-top: 0 !important; }
    #section-190924 .title3 h1 { text-align: center !important; margin: 0 auto !important; width: 100% !important; }
    #section-190924 .text-element p { text-align: center; margin: 0 auto !important; width: 75% !important; }
    #section-190924 .themebutton2 { text-align: center; margin: 0 auto !important;}*/

    /*affordable website design page*/
    #section-197435 .section-layout-wrapper,
    #section-197504 .section-layout-wrapper,
    #section-197622 .section-layout-wrapper,
    #section-197567 .section-layout-wrapper,
    #section-202617 .section-layout-wrapper{ padding-top: 0 !important; }

    #section-197435 .title3 h1,
    #section-197504 .title3 h1,
    #section-197622 .title3 h1,
    #section-197567 .title3 h1,
    #section-202617 .title3 h1{ text-align: center !important; margin: 0 auto !important; width: 100% !important; }

    #section-197435 .text-element p,
    #section-197504 .text-element p,
    #section-197622 .text-element p,
    #section-197567 .text-element p,
    #section-202617 .text-element p{ text-align: center; margin: 0 auto !important; width: 75% !important; }

    #section-197435 .themebutton2,
    #section-197504 .themebutton2,
    #section-197622 .themebutton2,
    #section-197567 .themebutton2,
    #section-202617 .themebutton2{ text-align: center; margin: 0 auto !important;}

    /*Get Started Now With A Free Website Consultation*/
    #section-191048 h2, #section-197494 h2 { width: 100% !important; text-align: center; }
    #section-191048 .text-element p, #section-197494 .text-element p{ text-align: center; }
    #section-191048 .container-section-inner .img-container, #section-197494 .container-section-inner .img-container{ justify-content: center; display: flex; }
    
    /*New website project > image centered*/
    #section-191885 .container-section-inner .img-container, #section-191936 .container-section-inner .img-container, #section-190681 .container-section-inner .img-container, #section-209392 .container-section-inner .img-container{justify-content: center; display: flex;}
    #section-189956 div { text-align: center !important;  } /*affordable website pricing > start a free website*/
    #section-189956 .theme-btn.style1 { margin: 0 auto;} /*affordable website pricing > start a free website*/
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: -66.024221% -8.535211% !important;
        background-size: 114% !important;
    }
    #section-189956 .section-layout-wrapper {padding-bottom: 0px !important;}
    
    /*professional web design*/
    #section-191020 div, #section-197468 div, #section-202581 div{ text-align: center !important;  } /*affordable website pricing > start a free website*/
    #section-191020 .theme-btn.style1, #section-197468 .theme-btn.style1, #section-202581 .theme-btn.style1{ margin: 0 auto; } /*affordable website pricing > start a free website*/
    #section-191020 .section-layout-wrapper, #section-197468 .section-layout-wrapper, #section-202581 .section-layout-wrapper{
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/fda35a00a1ac9684.jpg);
        background-repeat: no-repeat;
        background-position: -66.024221% -8.535211% !important;
        background-size: 109% !important;
    }

    /*section padding-bottom*/
    #section-192701 .separator-element, #section-197477 .separator-element, #section-202590 .separator-element{ height: 55px !important; }

     /*top spacer above text*/
     #section-192700 .separator-element, #section-197470 .separator-element, #section-202583 .separator-element{ height: 290px !important; }
     #section-191020 h2, #section-197468 h2, #section-202581  h2{width: 100% !important;}
 
    /*new homepage*/
    .invisible-div { display: none; }
    .builder-section > div { text-align: center; }
    .builder-section > div > div {
        margin: 30px auto;
        padding: 0 !important;
    }
    .builder-section > div:nth-child(2) .img-container {top: 0;position: relative;}
    .builder-section > div:nth-child(2) .img-container img { width: 75% !important; }
    #section-181221 .text-element p { width: 54%; } /*Folio provides people...*/
    #section-181905 .text-element p { width: 73%; } /*Plans & Pricing body text*/
    
    /*Web Hosting & Support section*/
    .designer-pricing-section-grp{
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/08ef89d37babd5f3.png) center center no-repeat;
        background-size: cover;
        background-position-y: top;
        background-position-x: -7rem;
    }

    /*design program hero section*/
    .designer-program-section-grp {
        background:url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/48a926b334b99feb.jpg) center center no-repeat;;
        background-size: cover !important;
        background-position-y: -26rem !important;
        background-position-x: none !important 
    }

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: -11rem !important;
    }

    #section-183177 .section-layout-wrapper.container-fluid.section-layout.section-line-separator.separator-element { height: 214px !important; } /*web hosting top spacing*/
    #section-182130 { height: 0 !important; }
    #section-188816 .per-month, #section-181209 .break-text { display: inline; }

    /*Grow Your Web Design Business*/
    #section-181221 .text-title-h1,
    #section-181221 .text-element p {
        text-align: center;
        margin: 0 auto;
    }
    #section-181221 .text-title-h1 { width: 57% !important; }
    #section-181221 div, #section-181905 div, #section-182034 div { text-align: center !important;  }
    #section-181905 .text-element p, #section-182034 .text-element p { margin: 0 auto; }
    #section-181221 .section-layout-wrapper.section-layout.container-fluid.container-fluid,
    #section-181905 .section-layout-wrapper.section-layout.container-fluid.container-fluid { padding-top: 10px !important } /*Design pricing padding top*/
    #section-181910 .section-layout-wrapper.section-layout.container-fluid.container-fluid { height: 10px !important } /*design pricing spacing*/
    #section-182127 .section-layout-wrapper.section-layout.container-fluid.container-fluid{
        padding-top:40px !important;
        padding-bottom:40px !important;
    } /*Web Hosting & Support and hosting boxes spaces between*/

/*PFRE page hero section*/
    #section-193476 h1 {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
    #section-193476 p {
        text-align: center;
        width: 53% !important;
        margin: 0 auto;
    }

    #section-193476 .themebutton, #section-193450 .themebutton {text-align: center !important; }
    #section-193476 .section-layout-wrapper {  background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/9f80e83d649abdfe.jpg) !important;}

  /*affordable custom real estate photographer websites    */
    #section-193450 h2 {text-align: center !important;}
    #section-193450 p {text-align: center !important;}
    #section-193450 p {text-align: center !important;}
    #section-193450 .text-element p {text-align: center !important;}    
    #section-193450 .section-layout-wrapper {  
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/a084434c49d02a7b.jpg) !important;
        background-position-x: 5rem !important;
        background-position-y: 33rem !important;
    }
    #section-193452 {height: 390px !important}

  /*spacing 2nd child hero section*/
    #section-193484 {height: 500px !important}

  /*PFRE hero section padding top*/
    #section-193476 .section-layout-wrapper:not(.section-line-separator) { padding-top: 0 !important;}
    /*Custom real estate*/
    #section-193450 .section-layout-wrapper:not(.section-line-separator) { padding-top: 25px !important;}
    #section-193450 .clearfix.container-section-outer {
        display: flex; 
        flex-direction: column;
    }
    #section-193450 .inner-col-1{ order: 2; }

  /*pfre time special*/    
    ul.service-list.star-icon-bullets { margin-bottom: 0!important;}
  /*get started*/    
    #section-193515 .container-section-inner .img-container {justify-content: center;display: flex;}
    #section-193515 h2 { width: 100% !important; text-align: center; }
    #section-193515 .text-element p{text-align: center !important;}

    /*PFRE limited time specia*/
    #section-193436 .container-section-inner:last-child ul { padding-top: 0 !important; }

    /*Let's Get STarted*/
    #section-198928 h1, #section-198928 p { text-align: center !important; }
    #section-198940 .separator-element { height: 0 !important; }
    #section-198941 .separator-element { height: 350px !important; }
    #section-198928 .section-layout-wrapper { background-position: 50.865051903114% 86.33218% !important; }
    /*cheap web design*/
    #section-202617 .section-layout-wrapper { background-position: -7.892734% 66.089965397924% !important; }
    #section-202836 .separator-element { height: 300px !important; }
}


@media (max-width: 890px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -79rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 {height: 284px;}

    /*new project website > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp {
/*        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;*/
        background-position-x: 97% !important;
        background-position-y: 199% !important;    
    }
    #section-191892 .section-layout-wrapper, #section-191943 .section-layout-wrapper, #section-190686 .section-layout-wrapper {padding-top: 0 !important;}

    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -95% !important;
    }
    #section-190500 .section-layout-wrapper { padding-top: 0 !important; }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        /*background-position-y: -83% !important;*/
        background-position-y: -190% !important;
    }
}
@media (max-width: 883px) {
    /*faq page*/
    #section-140071 .container-section-inner, #section-140074 .container-section-inner, #section-140100 .container-section-inner, 
    #section-140131 .container-section-inner, #section-140145 .container-section-inner, #section-140158 .container-section-inner, 
    #section-140171 .container-section-inner, #section-140185 .container-section-inner,#section-140198 .container-section-inner, 
    #section-140211 .container-section-inner { width: 100%; }
    #section-140074 .img-container img, #section-140100 .img-container img, #section-140131 .img-container img, 
    #section-140145 .img-container img, #section-140158 .img-container img, #section-140171 .img-container img, 
    #section-140185 .img-container img,#section-140198 .img-container img, #section-140211 .img-container img { width: 11% !important; }

    /*affordable pricing > free website*/
    #section-191592 { height: 200px !important; }

    /*new project website > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp {
/*        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;*/
        background-position-x: 97% !important;
        background-position-y: 207% !important;    
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper, #section-197435 .section-layout-wrapper, #section-197622 .section-layout-wrapper, #section-197504 .section-layout-wrapper, #section-197567 .section-layout-wrapper, #section-202617  .section-layout-wrapper{ padding-top: 0 !important; }
    
    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -80% !important;
    }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -35rem !important;
    }
}
@media (max-width: 875px){
/*hero section*/    
    #section-193504 .section-layout-wrapper:not(.section-line-separator) { padding-top: 40px !important; } 
}
@media (max-width: 845px){
/*PFRE page hero section*/    
    #section-193476 .section-layout-wrapper:not(.section-line-separator) { padding-bottom: 0px !important; }  
}
@media (max-width: 836px){
    #section-193476 p {width: 55% !important;}
}
@media (min-width: 815px) and (max-width:855px){ 
    .newwebprojectgoogle-section-grp { background-position-y: -170px !important;}
}

@media (max-width: 814px){
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp,  .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -74rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 {height: 284px;}
    #section-187471 .text-element p{ width: 60%; } /*body text adjustment*/
    #section-191592 { height: 200px !important; } /*affordable pricing > free website*/


    /*new project website > banner background & website pricing > banner background*/
    /*.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -17rem !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper { padding-top: 0 !important; }
}
@media (max-width: 807px){
    /*PFRE PAGE Invest In A Custom Website padding top*/
    #section-193504 .section-layout-wrapper:not(.section-line-separator) { padding-top: 20px !important;  }
    /*hero section bg   */
    #section-193476 .section-layout-wrapper { background-position-y: -13rem !important; }
    /*spacing 2nd child hero section*/
    #section-193484 {height: 480px !important}    
}
@media(max-width: 797px){
    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: -7rem !important;
    }

    #section-191592 { height: 200px !important; } /*affordable pricing > free website*/
}
@media (max-width: 789px){
    #section-193476 .section-layout-wrapper { background-position-y: -11rem !important; }
}
@media (max-width: 780px){
    /*PFRE page spacing 2nd child hero section*/
    #section-193484 {height: 455px !important}      
}
@media(min-width: 768px) and (max-width: 991px) {
    /*website project > banner > form*/
    #section-190595 .text-element p { 
        text-align: center; 
        margin: 0 auto !important; 
        width: 100% !important;
    }

    /*website for everyone responsive*/
    #section-132134 .container-section-outer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: box;
        display: flex;
    }
    #section-132134 .container-section-inner { width: 33.33333333%; }
    #section-132134 .container-section-inner:nth-child(2) .img-container {
        top: 50%;
        position: relative;
        margin-top: -78%;
    }
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: -66.024221% -8.535211% !important;
        background-size: 124% !important;
    }

    /*affordable pricing > free website*/
    #section-191592 { height: 200px !important; }

    /*Website Pricing > Hassle-Free Website Management responsive & Hassle-Free Website Management responsive*/
    #section-189910 .container-section-outer, #section-181260 .container-section-outer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: box;
        display: flex;
    }
    #section-189910 .container-section-inner, #section-181260 .container-section-inner { width: 33.33333333%; }
    #section-189910 .container-section-inner:nth-child(2) .img-container, #section-181260 .container-section-inner:nth-child(2) .img-container {
        top: 50%;
        position: relative;
        margin-top: -78%;
    }

    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: -13.024221% -8.535211% !important;
        background-size: 124% !important;
    }
}
@media (min-width:768px) and (max-width:899px){
/*logo size*/
    #section-193515 img {width: 25% !important;}
}
@media (max-width: 767px) {
    #section-209325 img {width: 100% !important;}
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -67rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 { height: 284px;}

    /*professional web design > affordable*/
    #section-191020 div, #section-197468 div, #section-202581  div{ text-align: center !important; } /*affordable website pricing > start a free website*/ 
    #section-191020 .theme-btn.style1, #section-197468 .theme-btn.style1, #section-202581 .theme-btn.style1{ margin: 0 auto; } /*affordable website pricing > start a free website*/
    #section-191020 .section-layout-wrapper, #section-197468 .section-layout-wrapper, #section-202581 .section-layout-wrapper{
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/fda35a00a1ac9684.jpg);
        background-repeat: no-repeat;
        background-position: 53.024221% -1.535211% !important;
        background-size: 133% !important;
    }

    /*section padding-bottom*/
    #section-192701 .separator-element, #section-197477 .separator-element, #section-202590 .separator-element{ height: 55px !important; }

    /*top spacer above text*/
    #section-192700 .separator-element, #section-197470 .separator-element, #section-202583 .separator-element { height: 260px !important; }
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: -13.024221% -8.535211% !important;
        background-size: 134% !important;
    }

    /*Powerful & Easy To Use responsive*/
    #section-131973 .container-section-inner, #section-132065 .container-section-inner, #section-132056 .container-section-inner, #section-132047 .container-section-inner, #section-132038 .container-section-inner { width: 100%; }

    /*Most popular 2 column section responsive*/
    #section-132624 .container-section-inner > div { 
        width: 100%;
        padding: 25px;
    }

    /*Introducing Folio responsive*/
    #section-131969 .video-container { width: 100% !important; }

    /*website for everyone*/
    #section-132134 .container-section-inner .img-container { 
        -webkit-justify-content: center;
        justify-content: center;
    }
    #section-132134 .container-section-inner:nth-child(2) img { width: 70% !important; }
    #section-132134 .container-section-inner h6, #section-132134 .container-section-inner p { text-align: center !important; }

    /*footer custom code*/
    .footerlinks, .footerlinks li { text-align: center; }

    /*pricing page responsive*/    
    #section-140407 .container-section-inner, #section-140328 .container-section-inner { width: 100%; }
    .tab-content div { margin-bottom: 50px; }
    #section-140328 .img-container img { width: 50% !important; }

    /*diy page*/
    #section-140498 .container-section-inner { width: 100%; }

    /*home banner section*/
    #section-134952 .folio-slider {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse; 
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #section-134952 .slides, #section-134952 .featured-textwrap, #section-134952 .featured-textwrap div { width: 100%; }
    #section-134952 .album-information { text-align: center; }
    #section-134952 .album-title { margin-bottom: 25px; }
    #section-134952 .slides li div:not(.featured-textwrap) {
        height: 75% !important;
        margin: 0 auto;
        width: 75% !important;
    }

    /*tour page*/
    #section-139736 .container-section-inner, #section-139808 .container-section-inner, #section-139818 .container-section-inner, #section-139828 .container-section-inner, #section-139838 .container-section-inner { width: 100%; }

    /*free web design page*/
    #section-140016 .contact-element { width: 100%; }

    /*faq page*/
    .bordered-section { padding: 30px; }

    /*faq accordion*/
    .accordion .ui-accordion-header, .accordion .ui-accordion-content { padding: 25px; }

    /*2nd bordered column section below Websites For Everyone responsive*/
    #section-132139 .container-section-outer { display: block; }
    #section-132139 .container-section-inner { width: 100%; }

    /*New homepage*/
    .custom-slider, .custom-slider-container .featured-textwrap { width: 100%; } 
    .custom-slider-container {
        -webkit-flex-direction: column-reverse; 
        flex-direction: column-reverse;
    }
    .custom-slider-container .album-information { text-align: center; }
    .custom-slider-container .album-title { margin-bottom: 25px !important; }
    .custom-slider-container .slick-dots { 
        left: 0;
        text-align: center;
    }    

    /*new project website > banner background & website pricing > banner background*/
    /*.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/6de3216acccaed1a.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
/*        background-size: cover;
        background-size: 100%;*/
        background-position-x: 97% !important;
        background-position-y: -30% !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}

    #section-191851 .container-section-inner, #section-191902 .container-section-inner, #section-190671 .container-section-inner { width: 100%; }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        /*background-position-y: -60% !important;*/
        background-position-y: -83% !important;
    }
    #section-197435 .section-layout-wrapper,
    #section-197504  .section-layout-wrapper,
    #section-202617 .section-layout-wrapper{ padding-top: 0 !important; }

    /* NEW best value 2 column section design program pricing & Best 2 column section design program pricing*/ 
    #section-188816 .container-section-inner > div, #section-194209 .container-section-inner > div, #section-209347 .container-section-inner > div  { 
        width: 100%;
        padding: 25px;
    }

    /*Website Pricing > Hassle-Free Website Management responsive & Hassle-Free Website Management responsive*/
     #section-189910 .container-section-inner .img-container, #section-181260 .container-section-inner .img-container { 
        -webkit-justify-content: center;
        justify-content: center;
    }
    #section-189910 .container-section-inner:nth-child(2) img, #section-181260 .container-section-inner:nth-child(2) img { width: 70% !important; }
    #section-189910 .container-section-inner h6, #section-189910 .container-section-inner p, #section-181260 .container-section-inner h6, #section-181260 .container-section-inner p { text-align: center !important; }

    /*Web Hosting & Support section*/
    .designer-pricing-section-grp{    
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/08ef89d37babd5f3.png) center center no-repeat;
        background-size: cover;
        background-position-y: top;
    }
    
    /*common offer*/
    #section-181899 .common-offer-list { display: inline-block; }
    #section-181899 .content-fixed > div { text-align: center; }
    #section-188816 .container-section-inner:last-child .design-program-webhosting .text-top {top: -7px !important; } /*new 2 col ala carte*/
    #section-181957 .accordion .ui-accordion-header { padding-left: 35px; } /*pricing-FAQ number left padding*/
    #section-183177 { height: 235px !important; }
    
    /*Start your website project*/
    .website-project-form-code {
        display: block;
        text-align: center;
    }
    .website-project-form-code p {
        text-align: center;
        margin-bottom: 20px;
        margin-right: 0 !important;
    }

    /*PFRE page hero section*/
    #section-193476 .section-layout-wrapper { 
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/7d65c7e4e6696c48.jpg) !important;
        background-position-y: -29rem !important;
    }  
    /*spacing 2nd child hero section*/
    #section-193484 { height: 766px !important}  

    /*hero section*/    
    #section-193476 .section-layout-wrapper:not(.section-line-separator) { padding-bottom: 0px !important; }
    /*custom real estate*/    
    #section-193450 .section-layout-wrapper:not(.section-line-separator) { 
      padding-bottom: 60px !important;
      padding-top: 55px !important;
    }
    #section-193454 .separator-element { height: 0 !important;}
    #section-193450 p.custom{ font-size:3.4rem !important; text-align: center !important;width:100% !important;}
/*Get Started*/
    #section-198941 .separator-element { height: 150px !important; }
    #section-198928 .section-layout-wrapper {
    background-position: 107.865052% 86.33218% !important;
    background-size: 90% !important;
    }
/*cheap web design*/
    #section-202617 .section-layout-wrapper {
    background-size: 300% !important;
    background-position: 4.107266% 98.089965% !important;
    }
#section-202836 .separator-element { height: 250px !important; }

/*recaptcha responsive*/
    #section-209328 .section-layout-wrapper > div, #section-209328 .contact-element { width: 100%;}
    .folio-captcha iframe {
        transform:scale(0.95);
        -webkit-transform: scale(0.95);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
#section-209405 .text-element h2 { font-size: 39px !important; }
}
@media (max-width: 750px) {
    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: -5rem !important;
    }
    #section-181905 .text-element p {/*design pricing hero section*/width: 90%; }

    /*new project website > banner background & website pricing > banner background*/
    /*.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
/*        background-size: cover;
        background-size: 100%;*/
        background-position-x: 97% !important;
        background-position-y: -27% !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        /*background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;*/
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        /*background-position-y: -50% !important;*/
        background-position-y: -86% !important;
    }
    #section-197435 .section-layout-wrapper,
    #section-197504  .section-layout-wrapper,
    #section-202617 .section-layout-wrapper { padding-top: 0 !important; }

    /* PFRE page hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -27rem !important; }  
    /*spacing 2nd child hero section*/
    #section-193484 { height: 740px !important}     
}
@media (max-width: 730px){
    /*PFRE page spacing 2nd child hero section*/
    #section-193484 { height: 705px !important}         
}
@media (max-width: 725px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -51rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper { padding-top: 0 !important; }
    #section-191838, #section-191849, #section-190659 { height: 284px; }

    /*design program hero section*/
    .designer-program-section-grp { background-position-y: -21rem !important; }

    /*new project website > banner background & website pricing > banner background*/
    /*.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
   /*     background-size: cover;*/
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -20% !important; 
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}
}
@media (max-width: 720px){
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -25rem !important; }  
    /*spacing 2nd child hero section*/
    #section-193484 {height: 705px !important}   

    /*affordable website design*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        /* background-position-y: -50% !important; */
        background-position-y: -73% !important;
    }
}
@media (max-width: 712px) {
    #section-181221 .text-title-h1 {/*Grow Your Web Design Business*/width: 65% !important;}

     /*new project website > banner background & website pricing > banner background*/
    .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 99%;
        background-position-x: 97% !important;
        background-position-y: -40% !important;
    }
    /*.newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper { padding-top: 0 !important; }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        /*background-position-y: -40% !important;*/
        background-position-y: -75% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }
}
@media (max-width: 706px) {
    #section-181221 .text-element h1 { width: 81%; } /*Grow Your Web Design Business*/
    #section-181221 .text-element p { width: 71%; } /*Folio provides people...*/

    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -36rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper { padding-top: 0 !important; }
    #section-191838, #section-191849, #section-190659 { height: 284px; }


    /*new project website > banner background & website pricing > banner background*/
    /*.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -13% !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}
}
@media (max-width: 700px){
    #section-209347 .list {margin-left: 15% !important;}
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -23rem !important; }  
    /*spacing 2nd child hero section*/
    #section-193484 {height: 690px !important}         
}

@media (max-width: 690px){
    /*affordable website design*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        background-position-y: -65% !important;
    }
}

@media (max-width: 685px){
/*PFRE page hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -21rem !important; }         
}
@media (min-width: 680px) and (max-width: 767px){
    /*PFRE page custom real estate*/
    #section-193450 .section-layout-wrapper {
        background-position-x: -1rem !important;
        background-position-y: 31rem !important;
    }
}
@media (max-width: 675px) {
    /*new project website > banner background & website pricing > banner background*/
    /*.newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }*/
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -11% !important;  
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper { padding-top: 0 !important; }
    #section-187471 .text-element p { width: 74%; }/*body text adjustment*/ 
    #section-187520 img { width: 50% !important; }
}
@media (max-width: 665px){
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -19rem !important; } 
    /*spacing 2nd child hero section*/
    #section-193484 {height: 660px !important}            
}
@media (max-width: 655px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -36rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 {height: 284px;}

    /*new project website > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp {
/*        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;*/
        background-position-x: 97% !important;
        background-position-y: -7% !important;    
    }
    #section-190686 .section-layout-wrapper { padding-top: 0 !important; }

    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -35% !important;
    }
    #section-190500 .section-layout-wrapper { padding-top: 0 !important; }


    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -38% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: -3rem !important;
    }
    #section-181905 .text-element p { width: 100%; }
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: -13.024221% -8.535211% !important;
        background-size: 134% !important;
    }

    /*affordable pricing > free website*/
    #section-191592 {height: 200px !important;}
}
@media (max-width: 635px){
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -16rem !important; } 
    /*spacing 2nd child hero section*/
    #section-193484 {height: 650px !important}            
}
@media (max-width: 631px) {
    /*new project website > banner background & website pricing > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -23% !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}
    #section-181221 .text-title-h1 { width: 83% !important; } /*Grow Your Web Design Business*/
    #section-181221 .text-element p { width: 84%; } /*Folio provides staff and software*/
    
    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 1rem !important;
    }

    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: 16.975779% -49.535211% !important;
        background-size: 168% !important;
    }

    /*affordable pricing > free website*/
    #section-191592 {height: 180px !important;}
}
@media (max-width: 610px){
    #section-209325 .img-container a.no-rightclick {width: 100% !important;
}
/*PFRE page hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -14rem !important; } 
/*PFRE page spacing 2nd child hero section*/
    #section-193484 {height: 610px !important}            
}
@media (max-width: 595px) {
    #section-209325 img {
    width: 100% !important;
}
    #section-209356 .section-layout-wrapper {margin-left: 16% !important;}
    /*website project > banner background*/ 
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -36rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 {height: 204px;}

    /*new project website > banner background & website pricing > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -18% !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -35% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }
    #section-187471 .text-element p {  width: 74%; } /*body text adjustment*/
    #section-187520 img { width: 50% !important;}

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 3rem !important;
        background-position-x: 100% !important;
    }
}
@media (max-width: 590px) {
    /*new project website > banner background & website pricing > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -17% !important;  
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}
    #section-181905 .text-element p{ width: 100%; } /*Plans & Pricing body text*/
}
@media (max-width: 585px){
    /*PFRE page hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -12rem !important; } 
    /*PFRE page spacing 2nd child hero section*/
    #section-193484 {height: 560px !important}      
}
@media (min-width: 581px) and (max-width: 680px){
    /*PFRE PAGE custom real estate*/
    #section-193450 .section-layout-wrapper {
        background-position-x: -5rem !important;
        background-position-y: 34rem !important;
    }
    /*PFRE get started now logo top spacing*/
    #section-193515 .section-layout-wrapper:not(.section-line-separator) {padding-top: 30px !important;}
}
@media (max-width: 574px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -28rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper { padding-top: 0 !important; }
    #section-191838, #section-191849, #section-190659 {height: 190px;}
    #section-181221 .text-element p { width: 100% !important; } /*Folio provides staff and software body text*/
    .designer-program-section-grp { background-position-y: -19rem !important; } /*design program hero section*/

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -7% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }
}
@media (max-width: 565px) {
    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -7% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 5rem !important;
        background-position-x: 100% !important;
    }

    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: 26.975779% -94.535211% !important;
        background-size: 201% !important;
    }

    /*affordable pricing > free website*/
    #section-191592 {height: 180px !important;}
}
@media (max-width: 560px){
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -10rem !important; } 
    /*spacing 2nd child hero section*/
    #section-193484 {height: 545px !important} 
    #section-210519 .img-container .no-rightclick {width:80% !important;}
}
@media (max-width: 557px) {
    #section-187471 .text-element p { width: 100%; } /*body text adjustment*/
    #section-187520 img { width: 85% !important; }

    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: 20.975779% -38.535211% !important;
        background-size: 201% !important;
    }
}
@media (max-width: 553px) {
    /*new project website > banner background & website pricing > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -9% !important; 
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 6rem !important;
        background-position-x: 100% !important;
    }
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: 20.975779% -38.535211% !important;
        background-size: 201% !important;
    }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        background-position-y: -5% !important;
    }
    #section-197435 .section-layout-wrapper {padding-top: 0 !important;}
}
@media (max-width: 551px){
    /*PFRE page hero section*/
    #section-193476 h1 { width: 100%;}    
}

@media (max-width: 546px){
    /*affordable website design*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        background-position-y: -1% !important;
    }
}

@media (max-width: 538px) {
    /*new project website > banner background & website pricing > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: 1% !important;
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper { padding-top: 0 !important; }

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 14rem !important;
        background-position-x: 100% !important;
    }
    #section-181905 .ampersand { display: block; } /*Plans & Pricing page*/

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        background-position-y: 0% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }


  /*PFRE PAGE hero section p texts*/
    #section-193476 p { width: 100% !important;}
  /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -9rem !important; } 
  /*spacing 2nd child hero section*/
    #section-193484 {height: 530px !important}   

}
@media (max-width: 525px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -21rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 {height: 190px;}
    #section-191833 h1, #section-191844 h1, #section-190653 h1 {
        text-align: center !important; 
        margin: 0 auto !important; 
        width: 100% !important;
    }

    /*new project website > banner background*/
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat; }
    .pricing-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat; }
    .newwebprojectgoogle-section-grp, .newwebprojectpfre-section-grp, .newwebproject-section-grp, .pricing-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: 1% !important; 
    }
    #section-190686 .section-layout-wrapper, #section-190500 .section-layout-wrapper {padding-top: 0 !important;}

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 14rem !important;
        background-position-x: 100% !important;
    }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        /*background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;*/
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        background-position-y: 0% !important;
    }
    #section-197435 .section-layout-wrapper {padding-top: 0 !important;}

    /*recaptcha responsive*/
    #section-191057 .section-layout-wrapper > div, #section-191057 .contact-element,
    #section-193523 .section-layout-wrapper > div, #section-193523 .contact-element{ width: 100% !important; }
    .folio-captcha iframe {
        transform:scale(0.95);
        -webkit-transform: scale(0.95);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
@media (min-width: 500px) and (max-width:537px){ 
    .newwebprojectgoogle-section-grp { background-position-y: -7% !important;}
}

@media (max-width: 518px) {
    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 16rem !important;
        background-position-x: 100% !important;
    }
}
@media (max-width: 508px) {
    #section-181221 .text-element p { width: 75%; } /*Folio provides people...*/
}
@media (max-width: 506px) {
    #section-181221 .text-title-h1 { width: 100% !important; } /*Grow Your Web Design Business*/
}
@media (max-width: 580px){
    /*PFRE page spacing 2nd child*/
    #section-193452 { height: 241px !important; }
}
@media (min-width: 501px) and (max-width: 580px){
     /* PFRE PAGE custom real estate*/
    #section-193450 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/7ca8bbd48a66cf76.jpg) !important;
        background-position-x: -1rem !important;
        background-position-y: 6rem !important;
    }
    #section-193450 .section-layout-wrapper:not(.section-line-separator) { padding-bottom: 89px !important;}
}
@media (max-width: 500px) {
    #section-209347 .list {margin-left: 0 !important;}
    #section-209392 img {width: 40% !important }
    /*professional web design > affordable*/
    #section-191020 div, #section-197468 div, #section-202581 div{ text-align: center !important; }
    #section-191020 .theme-btn.style1, #section-197468  .theme-btn.style1, #section-202581 .theme-btn.style1{ margin: 0 auto; }
    #section-191020 .section-layout-wrapper, #section-197468 .section-layout-wrapper, #section-202581 .section-layout-wrapper{
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/fda35a00a1ac9684.jpg);
        background-repeat: no-repeat;
        background-position: 32.975779% -0.535211% !important;
        background-size: 206% !important;
    }
    /*section padding-bottom*/
    #section-192701 .separator-element, #section-197477 .separator-element. #section-202590 .separator-element { height: 55px !important; }

    /*top spacer above text*/
    #section-192700 .separator-element, #section-197470 .separator-element, #section-202583 .separator-element{ height: 260px !important; }
    .custom-inline-buttons .theme-btn { margin: 5px 0 !important; }
    
    /*faq page*/
    #section-140074 .img-container img, #section-140100 .img-container img, #section-140131 .img-container img, #section-140145 .img-container img, 
    #section-140158 .img-container img, #section-140171 .img-container img, #section-140185 .img-container img, #section-140198 .img-container img, 
    #section-140211 .img-container img { width: 16% !important; }
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: 20.975779% -38.535211% !important;
        background-size: 201% !important;
    }
    /*Get Started*/
    #section-198941 .separator-element { height: 140px !important; }
    #section-198928 .section-layout-wrapper { background-size: cover !important; background-position: 50% 83% !important;}

    /*PFRE PAGE*/
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -6rem !important; } 
    /*spacing 2nd child hero section*/
    #section-193484 {height: 504px !important}         

    /*custom real estate*/    
    #section-193450 .section-layout-wrapper {
      background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/7ca8bbd48a66cf76.jpg) !important;  
      background-position-x: 0rem !important;
      background-position-y: 7rem !important;
    }
    #section-193450 .section-layout-wrapper:not(.section-line-separator) { padding-bottom: 80px !important;}
    /*Get started blue icon top spacing*/
    #section-193515 .section-layout-wrapper:not(.section-line-separator) { padding-top: 23px !important;}

}
@media (max-width: 489px) {
    .designer-program-section-grp { background-position-y: -15rem !important; } /*design program hero section*/
    #section-189956 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f…/web-816/f9dcf21acf9a081a.jpg);
        background-repeat: no-repeat;
        background-position: 25.975779% -39.535211%  !important;
        background-size: 214% !important;
    }
}

@media (min-width: 481px) and (max-width: 500px) {
    .newwebprojectgoogle-section-grp {
    background-position-x: 97% !important;
    background-position-y: -3% !important; 
    }
}
@media (max-width: 477px){
    /*PFRE page custom real estate*/
    #section-193450 .section-layout-wrapper {
      background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/8d72ba922260a16a.jpg) !important;
      background-position-x: -4rem !important;
      background-position-y: 9rem !important;
    }
}

@media (max-width: 454px) {
    .designer-pricing-section-grp {
        background-size: cover;
        background-position-y: -2rem;
        background-position-x: -31rem;
    }
}
@media (max-width: 449px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -26rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-190653 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-190659, #section-190659 { height: 190px; }
    #section-191833 h1, #section-190653 h1, #section-190653 h1 {
        text-align: center !important; 
        margin: 0 auto !important; 
        width: 100% !important;
    }
    #section-191833 .text-element p, #section-191829 .text-element p, 
    #section-190653 .text-element p, #section-191840 .text-element p,
    #section-190653 .text-element p, #section-190595 .text-element p { text-align: center; margin: 0 auto !important; width: 100% !important;}

    /*new project website > banner background*/
    .newwebprojectgoogle-section-grp,
    .newwebprojectpfre-section-grp,
    .newwebproject-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -10% !important;    
    }
    #section-190686 .section-layout-wrapper {padding-top: 0 !important;}


    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -9% !important;
    }
    #section-190500 .section-layout-wrapper {padding-top: 0 !important;}
    #section-189971 {height: 66px !important;}

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: -2% !important;
    }
    #section-197435 .section-layout-wrapper {padding-top: 0 !important;}

    /*Logo*/
    .section-header .layout-header_1 { padding: 50px; }
    .section-header .layout-header_1 .website-logo > a { width: 100% !important; }
    
    /*headings*/
    #portfolio_theme h1 { font-size: 3.4rem !important; }
    #portfolio_theme h2 { font-size: 3.2rem !important; }
    #portfolio_theme h3 { font-size: 3.0rem !important; }
    #section-134952 .featured-textwrap .album-title { font-size: 3.9rem; }
    
    /*faq page*/
    #section-140074 .img-container img, #section-140100 .img-container img, #section-140131 .img-container img, #section-140145 .img-container img, 
    #section-140158 .img-container img, #section-140171 .img-container img, #section-140185 .img-container img, #section-140198 .img-container img, 
    #section-140211 .img-container img { width: 20% !important; }
    #section-140328 .img-container img { width: 100% !important; } /*pricing page*/
    /*hero banner bg:designer program*/
    .designer-program-section-grp { 
        background-position-x: -20rem !important;
        background-position-y: -22rem !important; 
    } 
    #section-181221 .text-element p { width: 87%; } /*Grow Your Web Design Business body*/

    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 11rem !important;
        background-position-x: 100% !important;
    }
    #section-189956 .section-layout-wrapper {
        background-repeat: no-repeat;
        background-position: 7.975779% -8.535211% !important;
        background-size: 229% !important;
    }
}
@media (max-width: 430px){
/*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -5rem !important; } 
/*spacing 2nd child hero section*/
    #section-193484 { height: 407px !important}
/*get started form*/
    #section-193523 .submit-button {padding: 15px 55px !important;}
/*custom real estate*/
    #section-193452 { height: 241px !important; }
    /*custom real estate padding bottom*/
    #section-193450 .section-layout-wrapper:not(.section-line-separator) { padding-bottom: 17px !important; }
    #section-193450 .section-layout-wrapper {
        background-image: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/7ca8bbd48a66cf76.jpg) !important;
        background-position-x: 0rem !important;
        background-position-y: 23rem !important;
        background-size: 100% !important;
    }
    
}
@media (max-width: 424px) {
    /*new project website > banner background*/]
    .newwebprojectgoogle-section-grp,
    .newwebprojectpfre-section-grp,
    .newwebproject-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cc3269c4dca8e5fe.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -9% !important;    
    }
    #section-190686 .section-layout-wrapper { padding-top: 0 !important; }

    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -8% !important;
    }
    #section-190500 .section-layout-wrapper { padding-top: 0 !important; }
    #section-181221 .text-element p { width: 95%; }
    #section-189945 .section-layout-wrapper { padding-top: 0 !important; }
}
@media (max-width: 410px) {
    /*design pricing hero section*/
    .designer-pricing-mostpopular-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/741c93f8e70b2f6f.jpg) center center no-repeat;
        background-size: cover !important;
        background-position-y: 4rem !important;
        background-position-x: -25rem !important;
    }
    .designer-program-section-grp { background-position-x: -24rem !important; } /*design program page header bg*/
}
@media (max-width: 400px) {
    #section-187520 img { width: 100% !important; }
}
@media (max-width: 396px){
/*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -3rem !important; } 
/*spacing 2nd child hero section*/
    #section-193484 {height: 385px !important}            
}
@media (max-width: 390px) {
    .designer-pricing-mostpopular-grp { background-position-x: -25rem; } /*design pricing hero section*/

    /*website pricing > banner background*/
    .pricing-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/27b4019f0b57b4a9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 97% !important;
        background-position-y: -4% !important;
    }
    #section-190500 .section-layout-wrapper { padding-top: 0 !important; }
    #section-181221 .text-element p { width: 95%; } /*Grow Your Web Design Business body*/
    #section-189971 { height: 0px !important; }

    /*professional web design >banner background*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position-x: 114% !important;
        background-position-y: 1% !important;
    }
    #section-197435 .section-layout-wrapper { padding-top: 0 !important; }
}
@media (max-width: 387px){
  /*PFRE custom real estate*/
    #section-193515 .section-layout-wrapper:not(.section-line-separator) { padding-top: 7px !important; }
    #section-193450 .section-layout-wrapper {  background-position-y: 28rem !important; }
}
@media (max-width: 384px){
    #section-193452 {height:190px !important }
    #section-193450 .section-layout-wrapper {
      background-position-x: 0rem !important;
      background-position-y: 28rem !important;
    }
}
@media (max-width: 375px) {
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -22rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper { padding-top: 0 !important; }
    #section-191838, #section-191849, #section-190659 {height: 106px;}
    
    /*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: -1rem !important; } 
    /*spacing 2nd child hero section*/
    #section-193484 {height: 365px !important}  

    /*PFRE custom real estate*/    
    #section-193450 .section-layout-wrapper {
      background-position-y: 29rem !important;
    }
}
@media (max-width: 365px){
  /*PFRE custom real estate*/
    #section-193450 .section-layout-wrapper {  background-position-y: 30rem !important; }
}
@media (max-width: 350px){
/*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: 1rem !important; } 
/*spacing 2nd child hero section*/
    #section-193484 {height: 345px !important}            
}
 @media (max-width: 347px){
    /*affordable website design*/
    .professionals-section-grp,
    .cheap-website-section-grp,
    .cost-effect-website-section-grp,
    .low-budget-website-section-grp {
        /*background: url(https://assets.foliowebsites.com/c15da1f…/web-816/a0fbfd342d95f0e9.jpg) center center no-repeat;*/
        background-size: cover;
        background-size: 99%;
        background-position-x: 114% !important;
        background-position-y: 4% !important;
    }
 }

@media (max-width: 345px){
  /*PFRE custom real estate*/
    #section-193450 .section-layout-wrapper {  background-position-y: 33rem !important; }
}
@media (max-width: 340px){
  /*PFRE custom real estate*/
    #section-193450 .section-layout-wrapper {  background-position-y: 35rem !important; }
}
@media (max-width: 330px){
/*hero section*/    
    #section-193476 .section-layout-wrapper { background-position-y: 3rem !important; } 
/*spacing 2nd child hero section*/
    /*#section-193484 {height: 345px !important}            */
/*custom real estate*/    
#section-193450 .section-layout-wrapper {
    background-position-y: 36rem !important;
    }
#section-193450 #portfolio_theme h2,
#section-193515 #portfolio_theme h2{ font-size:35px !important;}
/*get started form*/
#section-193523 .submit-button {
    padding: 15px 40px !important;    
    }
}

@media (max-width: 320px) {
    #section-209347 .list {margin-left: 0 !important;}
    #section-209356 .section-layout-wrapper {margin-left: 0 !important;}
    #section-209325 img {width: 100% !important;}
    #section-209392 img {width: 50% !important }
    /*website project > banner background*/
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/c9805ba7fed5901e.jpg) center center no-repeat; }
    .webproject-section-grp { background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1ba397f847ab944.jpg) center center no-repeat; }
    .webprojectgoogle-section-grp, .webprojectpfre-section-grp, .webproject-section-grp {
        background-size: cover;
        background-size: 100%;
        background-position-x: 0rem !important;
        background-position-y: -7rem !important;
    }
    #section-191833 .section-layout-wrapper, #section-191844 .section-layout-wrapper, #section-190653 .section-layout-wrapper {padding-top: 0 !important;}
    #section-191838, #section-191849, #section-190659 {height: 106px;}
    /*Start of NEW Website Project*/
    .newwebprojectgoogle-section-grp {background-position-y: 1% !important;}

    /*PFRE custom real estate*/    
    #section-193450 .section-layout-wrapper {
      background-position-y: 39rem !important;
    }
}

#section-31679 .layout-header_1 .try-foliobtn-header {
    font-family: 'Heebo', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border: 0;
    padding: 19px 30px !important;
    width: 260px;
}

/* low-cost & cost-effective pricing divs */
#section-197541 .container-section-inner:first-child,
#section-197596 .container-section-inner:first-child {
    margin-left: -1px;
}

/*firefox logo resize adjustment*/
@-moz-document url-prefix() { 
  #section-31681 .footerlinks:first-child .img-container img  {
    height: 15px !important;
    width: 100% !important;
  }
}

/*dropdown issue solution*/
/*.is-zoom-changed .folio-section, .is-zoom-changed .section-layout-wrapper {
  overflow: visible;
}*/

.nav-wrapper {
    display: none;
    background-color: #fff !important;
    left: 0;
    overflow: visible;
    top: 0;
    z-index: 11000;
}

.menu .toggle-nav { color: #fff !important; }

.nav-wrapper.show-nav ul li a:not(.theme-btn),
.menu span.icon {
    color: #202020 !important;
}

.nav-wrapper.show-nav ul li {
    padding: 8px 25px;
}

.nav-wrapper.show-nav ul li a:not(.theme-btn) {
    color: #1D212C !important;
    padding-right: 0;
    display: block;
    font-size: 18px;
}

.nav-wrapper.show-nav {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}

@media (max-width: 767px){
#menu + .text-right {
    text-align: center;
    }
}

</style>
<style>
    /*new folio DIY*/
    #portfolio_theme #page-11668 h1,
    #portfolio_theme #page-11703 h1,
    #portfolio_theme #page-11708 h1,
    #portfolio_theme #page-11707 h1,
    #portfolio_theme #page-11777 h1,
    #portfolio_theme #page-11816 h1,
    #portfolio_theme #page-11779 h1,
    #portfolio_theme #page-11780 h1,
    #portfolio_theme #page-11781 h1,
    #portfolio_theme #page-11782 h1,
    #portfolio_theme #page-11783 h1,
    #portfolio_theme #page-11784 h1,
    #portfolio_theme #page-11785 h1,
    #portfolio_theme #page-11786 h1,
    #portfolio_theme #page-11787 h1,
    #portfolio_theme #page-11788 h1,
    #portfolio_theme #page-12062 h1,
    #portfolio_theme #page-12149 h1,
    #portfolio_theme #page-12238 h1,
    #portfolio_theme #page-12491 h1 { 
      font-size: 75px !important;
      line-height: 1.1 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 h1 { 
      font-size: 75px !important;
      line-height: 1.1 !important;
    }

    #portfolio_theme #page-11668 h2,
    #portfolio_theme #page-11703 h2,
    #portfolio_theme #page-11708 h2,
    #portfolio_theme #page-11707 h2,
    #portfolio_theme #page-11777 h2,
    #portfolio_theme #page-11816 h2,
    #portfolio_theme #page-11779 h2,
    #portfolio_theme #page-11780 h2,
    #portfolio_theme #page-11781 h2,
    #portfolio_theme #page-11782 h2,
    #portfolio_theme #page-11783 h2,
    #portfolio_theme #page-11784 h2,
    #portfolio_theme #page-11785 h2,
    #portfolio_theme #page-11786 h2,
    #portfolio_theme #page-11787 h2,
    #portfolio_theme #page-11788 h2,
    #portfolio_theme #page-12062 h2,
    #portfolio_theme #page-12149 h2,
    #portfolio_theme #page-12238 h2,
    #portfolio_theme #page-12491 h2 { 
      font-size: 55px !important;
      line-height: 1.2 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 h2 { 
      font-size: 55px !important;
      line-height: 1.2 !important;
    }

    #portfolio_theme #page-11668 h3,
    #portfolio_theme #page-11703 h3,
    #portfolio_theme #page-11708 h3,
    #portfolio_theme #page-11707 h3,
    #portfolio_theme #page-11777 h3,
    #portfolio_theme #page-11816 h3,
    #portfolio_theme #page-11779 h3,
    #portfolio_theme #page-11780 h3,
    #portfolio_theme #page-11781 h3,
    #portfolio_theme #page-11782 h3,
    #portfolio_theme #page-11783 h3,
    #portfolio_theme #page-11784 h3,
    #portfolio_theme #page-11785 h3,
    #portfolio_theme #page-11786 h3,
    #portfolio_theme #page-11787 h3,
    #portfolio_theme #page-11788 h3,
    #portfolio_theme #page-12062 h3,
    #portfolio_theme #page-12149 h3,
    #portfolio_theme #page-12238 h3,
    #portfolio_theme #page-12491 h3 { 
      font-size: 30px !important;
      line-height: 1.3 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 h3 { 
      font-size: 30px !important;
      line-height: 1.3 !important;
    }

    #portfolio_theme #page-11668 h4,
    #portfolio_theme #page-11703 h4,
    #portfolio_theme #page-11708 h4,
    #portfolio_theme #page-11707 h4,
    #portfolio_theme #page-11777 h4,
    #portfolio_theme #page-11816 h4,
    #portfolio_theme #page-11779 h4,
    #portfolio_theme #page-11780 h4,
    #portfolio_theme #page-11781 h4,
    #portfolio_theme #page-11782 h4,
    #portfolio_theme #page-11783 h4,
    #portfolio_theme #page-11784 h4,
    #portfolio_theme #page-11785 h4,
    #portfolio_theme #page-11786 h4,
    #portfolio_theme #page-11787 h4,
    #portfolio_theme #page-11788 h4,
    #portfolio_theme #page-12062 h4,
    #portfolio_theme #page-12149 h4,
    #portfolio_theme #page-12238 h4,
    #portfolio_theme #page-12491 h4  { 
      font-size: 28px !important;
      line-height: 1.3 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 h4 { 
      font-size: 28px !important;
      line-height: 1.3 !important;
    }

    #portfolio_theme #page-11668 h5,
    #portfolio_theme #page-11703 h5,
    #portfolio_theme #page-11708 h5,
    #portfolio_theme #page-11707 h5,
    #portfolio_theme #page-11777 h5,
    #portfolio_theme #page-11816 h5,
    #portfolio_theme #page-11779 h5,
    #portfolio_theme #page-11780 h5,
    #portfolio_theme #page-11781 h5,
    #portfolio_theme #page-11782 h5,
    #portfolio_theme #page-11783 h5,
    #portfolio_theme #page-11784 h5,
    #portfolio_theme #page-11785 h5,
    #portfolio_theme #page-11786 h5,
    #portfolio_theme #page-11787 h5,
    #portfolio_theme #page-11788 h5,
    #portfolio_theme #page-12062 h5,
    #portfolio_theme #page-12149 h5,
    #portfolio_theme #page-12238 h5,
    #portfolio_theme #page-12491 h5 { 
      font-size: 18px !important;
      line-height: 1.5 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 h5 { 
      font-size: 18px !important;
      line-height: 1.5 !important;
    }

    #portfolio_theme #page-11668 h6,
    #portfolio_theme #page-11703 h6,
    #portfolio_theme #page-11708 h6,
    #portfolio_theme #page-11707 h6,
    #portfolio_theme #page-11777 h6,
    #portfolio_theme #page-11816 h6,
    #portfolio_theme #page-11779 h6,
    #portfolio_theme #page-11780 h6,
    #portfolio_theme #page-11781 h6,
    #portfolio_theme #page-11782 h6,
    #portfolio_theme #page-11783 h6,
    #portfolio_theme #page-11784 h6,
    #portfolio_theme #page-11785 h6,
    #portfolio_theme #page-11786 h6,
    #portfolio_theme #page-11787 h6,
    #portfolio_theme #page-11788 h6,
    #portfolio_theme #page-12062 h6,
    #portfolio_theme #page-12149 h6,
    #portfolio_theme #page-12238 h6,
    #portfolio_theme #page-12491 h6 { 
      font-size: 16px !important;
      line-height: 1.6 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 h6 { 
      font-size: 16px !important;
      line-height: 1.6 !important;
    }

    #portfolio_theme #page-11668 .theme-btn.style1,
    #portfolio_theme #page-11703 .theme-btn.style1,
    #portfolio_theme #page-11708 .theme-btn.style1,
    #portfolio_theme #page-11707 .theme-btn.style1,
    #portfolio_theme #page-11777 .theme-btn.style1,
    #portfolio_theme #page-11816 .theme-btn.style1,
    #portfolio_theme #page-11779 .theme-btn.style1,
    #portfolio_theme #page-11780 .theme-btn.style1,
    #portfolio_theme #page-11781 .theme-btn.style1,
    #portfolio_theme #page-11782 .theme-btn.style1,
    #portfolio_theme #page-11783 .theme-btn.style1,
    #portfolio_theme #page-11784 .theme-btn.style1,
    #portfolio_theme #page-11785 .theme-btn.style1,
    #portfolio_theme #page-11786 .theme-btn.style1,
    #portfolio_theme #page-11787 .theme-btn.style1,
    #portfolio_theme #page-11788 .theme-btn.style1,
    #portfolio_theme #page-11766 .theme-btn.style1,
    #portfolio_theme #page-12062 .theme-btn.style1,
    #portfolio_theme #page-12149 .theme-btn.style1,
    #portfolio_theme #page-12238 .theme-btn.style1,
    #portfolio_theme #page-12491 .theme-btn.style1 {
      background-color: #007aff!important;
      color: #fff;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      -moz-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      padding: 17px 29px !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 .theme-btn.style1 {
      background-color: #007aff!important;
      color: #fff;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      -moz-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      padding: 17px 29px !important;
    }

    #portfolio_theme #page-11668 .theme-btn.style2,
    #portfolio_theme #page-11703 .theme-btn.style2,
    #portfolio_theme #page-11708 .theme-btn.style2,
    #portfolio_theme #page-11707 .theme-btn.style2,
    #portfolio_theme #page-11777 .theme-btn.style2,
    #portfolio_theme #page-11816 .theme-btn.style2,
    #portfolio_theme #page-11779 .theme-btn.style2,
    #portfolio_theme #page-11780 .theme-btn.style2,
    #portfolio_theme #page-11781 .theme-btn.style2,
    #portfolio_theme #page-11782 .theme-btn.style2,
    #portfolio_theme #page-11783 .theme-btn.style2,
    #portfolio_theme #page-11784 .theme-btn.style2,
    #portfolio_theme #page-11785 .theme-btn.style2,
    #portfolio_theme #page-11786 .theme-btn.style2,
    #portfolio_theme #page-11787 .theme-btn.style2,
    #portfolio_theme #page-11788 .theme-btn.style2,
    #portfolio_theme #page-11766 .theme-btn.style2,
    #portfolio_theme #page-12062 .theme-btn.style2,
    /*#portfolio_theme #page-12238 .theme-btn.style2,*/
    #portfolio_theme #page-12149 .theme-btn.style2,
    #portfolio_theme #page-12491 .theme-btn.style2 {
      background-color: #fff !important;
      /*border-color: #c2d6f9 !important;*/
      color: #007aff;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      -moz-box-shadow:0 5px 15px 0 rgba(0, 122, 255, .25);
      box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      padding: 17px 29px !important;
    }

    #portfolio_theme #page-12491 .theme-btn.style2 {border-color: none !important;}

    /*home-test*/
    #portfolio_theme #page-12591 .theme-btn.style2 {
      background-color: #fff !important;
      border-color: #c2d6f9 !important;
      color: #007aff;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      -moz-box-shadow:0 5px 15px 0 rgba(0, 122, 255, .25);
      box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      padding: 17px 29px !important;
    }

    #portfolio_theme #page-11668 .theme-btn.style3,
    #portfolio_theme #page-11703 .theme-btn.style3,
    #portfolio_theme #page-11708 .theme-btn.style3,
    #portfolio_theme #page-11707 .theme-btn.style3,
    #portfolio_theme #page-11777 .theme-btn.style3,
    #portfolio_theme #page-11816 .theme-btn.style3,
    #portfolio_theme #page-11779 .theme-btn.style3,
    #portfolio_theme #page-11780 .theme-btn.style3,
    #portfolio_theme #page-11781 .theme-btn.style3,
    #portfolio_theme #page-11782 .theme-btn.style3,
    #portfolio_theme #page-11783 .theme-btn.style3,
    #portfolio_theme #page-11784 .theme-btn.style3,
    #portfolio_theme #page-11785 .theme-btn.style3,
    #portfolio_theme #page-11786 .theme-btn.style3,
    #portfolio_theme #page-11787 .theme-btn.style3,
    #portfolio_theme #page-11788 .theme-btn.style3,
    #portfolio_theme #page-11766 .theme-btn.style3,
    #portfolio_theme #page-12062 .theme-btn.style3,
    #portfolio_theme #page-12149 .theme-btn.style3,
    #portfolio_theme #page-12238 .theme-btn.style3,
    #portfolio_theme #page-12491 .theme-btn.style3 {
      background-color: #fff !important;
      color: #007aff;
      border-color: transparent !important;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      -moz-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      padding: 17px 29px !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 .theme-btn.style3 {
      background-color: #fff !important;
      color: #007aff;
      border-color: transparent !important;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      -moz-box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      box-shadow: 0 5px 15px 0 rgba(0, 122, 255, .25);
      padding: 17px 29px !important;
    }

    #portfolio_theme #page-11668 .theme-btn.style1,#portfolio_theme #page-11668 .theme-btn.style2, 
    #portfolio_theme #page-11668 .theme-btn.style3,#portfolio_theme #page-11703 .theme-btn.style1, 
    #portfolio_theme #page-11703 .theme-btn.style2,#portfolio_theme #page-11703 .theme-btn.style3,
    #portfolio_theme #page-11708 .theme-btn.style1,#portfolio_theme #page-11708 .theme-btn.style2, 
    #portfolio_theme #page-11708 .theme-btn.style3,#portfolio_theme #page-11707 .theme-btn.style1, 
    #portfolio_theme #page-11707 .theme-btn.style2,#portfolio_theme #page-11707 .theme-btn.style3,
    #portfolio_theme #page-11777 .theme-btn.style1,#portfolio_theme #page-11777 .theme-btn.style2, 
    #portfolio_theme #page-11777 .theme-btn.style3,#portfolio_theme #page-11816 .theme-btn.style1, 
    #portfolio_theme #page-11816 .theme-btn.style2,#portfolio_theme #page-11816 .theme-btn.style3,
    #portfolio_theme #page-11779 .theme-btn.style1,#portfolio_theme #page-11779 .theme-btn.style2, 
    #portfolio_theme #page-11779 .theme-btn.style3,#portfolio_theme #page-11780 .theme-btn.style1, 
    #portfolio_theme #page-11780 .theme-btn.style2,#portfolio_theme #page-11780 .theme-btn.style3,
    #portfolio_theme #page-11781 .theme-btn.style1,#portfolio_theme #page-11781 .theme-btn.style2, 
    #portfolio_theme #page-11781 .theme-btn.style3,#portfolio_theme #page-11782 .theme-btn.style1, 
    #portfolio_theme #page-11782 .theme-btn.style2,#portfolio_theme #page-11782 .theme-btn.style3,
    #portfolio_theme #page-11783 .theme-btn.style1,#portfolio_theme #page-11783 .theme-btn.style2, 
    #portfolio_theme #page-11783 .theme-btn.style3,#portfolio_theme #page-11784 .theme-btn.style1, 
    #portfolio_theme #page-11784 .theme-btn.style2,#portfolio_theme #page-11784 .theme-btn.style3,
    #portfolio_theme #page-11785 .theme-btn.style1,#portfolio_theme #page-11785 .theme-btn.style2, 
    #portfolio_theme #page-11785 .theme-btn.style3,#portfolio_theme #page-11786 .theme-btn.style1, 
    #portfolio_theme #page-11786 .theme-btn.style2,#portfolio_theme #page-11786 .theme-btn.style3,
    #portfolio_theme #page-11787 .theme-btn.style1,#portfolio_theme #page-11787 .theme-btn.style2, 
    #portfolio_theme #page-11787 .theme-btn.style3,#portfolio_theme #page-11788 .theme-btn.style1, 
    #portfolio_theme #page-11788 .theme-btn.style2,#portfolio_theme #page-11788 .theme-btn.style3,
    #portfolio_theme #page-11766 .theme-btn.style1,#portfolio_theme #page-11766 .theme-btn.style2,
    #portfolio_theme #page-11766 .theme-btn.style3,#portfolio_theme #page-12062 .theme-btn.style1,
    #portfolio_theme #page-12062 .theme-btn.style2,#portfolio_theme #page-12062 .theme-btn.style3,
    #portfolio_theme #page-12149 .theme-btn.style1,#portfolio_theme #page-12149 .theme-btn.style2,
    #portfolio_theme #page-12149 .theme-btn.style3,#portfolio_theme #page-12238 .theme-btn.style1,
    #portfolio_theme #page-12238 .theme-btn.style2,#portfolio_theme #page-12238 .theme-btn.style3,
    #portfolio_theme #page-12491 .theme-btn.style1,#portfolio_theme #page-12491 .theme-btn.style2,
    #portfolio_theme #page-12491 .theme-btn.style3 {
      border-radius: 5px !important;
      font-family: 'DM Sans', sans-serif !important;
      font-size: 16px !important;
      text-transform: capitalize !important;
      letter-spacing: 0 !important;
      font-weight: 700 !important;
      line-height: 1.2 !important;
    }

    /*home-test*/
    #portfolio_theme #page-12591 .theme-btn.style1,
    #portfolio_theme #page-12591 .theme-btn.style2,
    #portfolio_theme #page-12591 .theme-btn.style3 {
      border-radius: 5px !important;
      font-family: 'DM Sans', sans-serif !important;
      font-size: 16px !important;
      text-transform: capitalize !important;
      letter-spacing: 0 !important;
      font-weight: 700 !important;
      line-height: 1.2 !important;
    }

/*custom menu*/
.new-custom-headermenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.new-custom-headermenu > ul { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center

    overflow hidden

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    width: 53%;
}

.new-custom-headermenu  > ul > li { 
    display: inline-block;
    padding: 0;
}

.new-custom-headermenu li:not(.has-button) > a {
    padding: 20px 20px;
    font-size: 16px;
}

.new-custom-headermenu li.has-button {
    padding-left: 20px;
}

.new-custom-headermenu .sub-menu-more {
    background-color: rgba(255,255,255,.9);
    width: 150px;
    color: #007aff;
    right: 0;
    top: 50px !important;
    text-align: right;
    border-radius: 2px;
    opacity: 0;
    height: 0;
    pointer-events: none;
}

.new-custom-headermenu .sub-menu-more li { padding: 0; }

.new-custom-headermenu .sub-menu-more li:hover { background-color: #fff; }

.new-custom-headermenu .sub-menu-more li > a {
    color: #007aff !important;
    display: block;
    padding: 8px 20px;
}

.new-custom-headermenu .more-menu:hover .sub-menu-more { 
    opacity: 1;
    height: auto;
    pointer-events: auto;
}

.new-menu-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    cursor: pointer;
}

.new-custom-menupopup {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 50px;
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/3221df039b6a4715.jpg) no-repeat;
    background-size: cover;
    overflow: auto;
    z-index: 10001;
}

.new-custom-menupopup li {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
}

.new-custom-menupopup .menu-btn { 
    padding-left: 0 !important; 
    padding: 15px 0;
}

.new-custom-menupopup .close-icon { 
    color: #fff !important;
    margin-bottom: 20px;
}

.new-custom-menupopup .menu-btn a,
.new-custom-headermenu .menu-btn a {
    border-radius: 5px!important;
    font-family: 'DM Sans', sans-serif!important;
    font-size: 16px!important;
    text-transform: capitalize!important;
    letter-spacing: 0!important;
    font-weight: 700!important;
    line-height: 1.2 !important;
    background-color: #fff!important;
    color: #007aff;
    border-color: transparent!important;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    padding: 12px 20px!important;
    font-weight: 600 !important;
}

/*cta button styling*/
#section-236017 .section-layout-wrapper .half-top.half-bottom a.theme-btn.style2 {padding: 17px 29px !important;}
   
/*media query*/
@media screen and (max-width: 899px) {
    .new-custom-headermenu .more-menu:hover .sub-menu-more:not(.show-popup) { opacity: 0 !important; }
    
    #portfolio_theme .sub-menu-more.show-popup {
        width: 100%;
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        top: 0 !important;
        background: white;
        opacity: 1;
    }

    .sub-menu-more.show-popup ul { 
        height: 100%;
        position: relative;
        padding-top: 70px;    
    }

    .sub-menu-more.show-popup ul li { text-align: center; }

    .menu-icon-container {
        top: 25px;
        width: 100%;
        text-align: center;
     }
}

@media screen and (max-width: 767px) {
    .new-menu-icon {
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 15px; 
    }
}

@media screen and (max-width: 500px) {
 /*new folio DIY*/
    #portfolio_theme #page-11668 .text-element h1,
    #portfolio_theme #page-11703 .text-element  h1,
    #portfolio_theme #page-11708 .text-element  h1,
    #portfolio_theme #page-11707 .text-element  h1,
    #portfolio_theme #page-11777 .text-element  h1,
    #portfolio_theme #page-11816 .text-element  h1,
    #portfolio_theme #page-11779 .text-element  h1,
    #portfolio_theme #page-11780 .text-element  h1,
    #portfolio_theme #page-11781 .text-element  h1,
    #portfolio_theme #page-11782 .text-element  h1,
    #portfolio_theme #page-11783 .text-element  h1,
    #portfolio_theme #page-11784 .text-element  h1,
    #portfolio_theme #page-11785 .text-element  h1,
    #portfolio_theme #page-11786 .text-element  h1,
    #portfolio_theme #page-11787 .text-element  h1,
    #portfolio_theme #page-11788 .text-element  h1,
    #portfolio_theme #page-12149 .text-element  h1,
    #portfolio_theme #page-12238 .text-element  h1,
    #portfolio_theme #page-12491 .text-element  h1,
    #portfolio_theme #page-12591 .text-element  h1 { 
      font-size: 60px !important;
      line-height: 1.1 !important;
    }
}

@media screen and (max-width: 400px) {
 /*new folio DIY*/
    #portfolio_theme #page-11668 .text-element h1,
    #portfolio_theme #page-11703 .text-element  h1,
    #portfolio_theme #page-11708 .text-element  h1,
    #portfolio_theme #page-11707 .text-element  h1,
    #portfolio_theme #page-11777 .text-element  h1,
    #portfolio_theme #page-11816 .text-element  h1,
    #portfolio_theme #page-11779 .text-element  h1,
    #portfolio_theme #page-11780 .text-element  h1,
    #portfolio_theme #page-11781 .text-element  h1,
    #portfolio_theme #page-11782 .text-element  h1,
    #portfolio_theme #page-11783 .text-element  h1,
    #portfolio_theme #page-11784 .text-element  h1,
    #portfolio_theme #page-11785 .text-element  h1,
    #portfolio_theme #page-11786 .text-element  h1,
    #portfolio_theme #page-11787 .text-element  h1,
    #portfolio_theme #page-11788 .text-element  h1,
    #portfolio_theme #page-12149 .text-element  h1,
    #portfolio_theme #page-12238 .text-element  h1,
    #portfolio_theme #page-12491 .text-element  h1,
    #portfolio_theme #page-12591 .text-element  h1 { 
      font-size: 37px !important;
      line-height: 1.1 !important;
    }
    
 /*new folio DIY*/
    #portfolio_theme #page-11668 .text-element h2,
    #portfolio_theme #page-11703 .text-element  h2,
    #portfolio_theme #page-11708 .text-element  h2,
    #portfolio_theme #page-11707 .text-element  h2,
    #portfolio_theme #page-11777 .text-element  h2,
    #portfolio_theme #page-11816 .text-element  h2,
    #portfolio_theme #page-11779 .text-element  h2,
    #portfolio_theme #page-11780 .text-element  h2,
    #portfolio_theme #page-11781 .text-element  h2,
    #portfolio_theme #page-11782 .text-element  h2,
    #portfolio_theme #page-11783 .text-element  h2,
    #portfolio_theme #page-11784 .text-element  h2,
    #portfolio_theme #page-11785 .text-element  h2,
    #portfolio_theme #page-11786 .text-element  h2,
    #portfolio_theme #page-11787 .text-element  h2,
    #portfolio_theme #page-11788 .text-element  h2,
    #portfolio_theme #page-12149 .text-element  h2,
    #portfolio_theme #page-12238 .text-element  h2,
    #portfolio_theme #page-12491 .text-element  h2,
    #portfolio_theme #page-12591 .text-element  h2 { 
      font-size: 33px !important;
      line-height: 1.2 !important;
    }
}

@media screen and (max-width: 320px) {
    /*new folio DIY*/
    #portfolio_theme #page-11668 .text-element h1,
    #portfolio_theme #page-11703 .text-element  h1,
    #portfolio_theme #page-11708 .text-element  h1,
    #portfolio_theme #page-11707 .text-element  h1,
    #portfolio_theme #page-11777 .text-element  h1,
    #portfolio_theme #page-11816 .text-element  h1,
    #portfolio_theme #page-11779 .text-element  h1,
    #portfolio_theme #page-11780 .text-element  h1,
    #portfolio_theme #page-11781 .text-element  h1,
    #portfolio_theme #page-11782 .text-element  h1,
    #portfolio_theme #page-11783 .text-element  h1,
    #portfolio_theme #page-11784 .text-element  h1,
    #portfolio_theme #page-11785 .text-element  h1,
    #portfolio_theme #page-11786 .text-element  h1,
    #portfolio_theme #page-11787 .text-element  h1,
    #portfolio_theme #page-11788 .text-element  h1,
    #portfolio_theme #page-12149 .text-element  h1,
    #portfolio_theme #page-12238 .text-element  h1,
    #portfolio_theme #page-12491 .text-element  h1,
    #portfolio_theme #page-12591 .text-element  h1 { 
      font-size: 34px !important;
      line-height: 1.1 !important;
    }

 /*new folio DIY*/
    #portfolio_theme #page-11668 .text-element  h2,
    #portfolio_theme #page-11703 .text-element  h2,
    #portfolio_theme #page-11708 .text-element  h2,
    #portfolio_theme #page-11707 .text-element  h2,
    #portfolio_theme #page-11777 .text-element  h2,
    #portfolio_theme #page-11816 .text-element  h2,
    #portfolio_theme #page-11779 .text-element  h2,
    #portfolio_theme #page-11780 .text-element  h2,
    #portfolio_theme #page-11781 .text-element  h2,
    #portfolio_theme #page-11782 .text-element  h2,
    #portfolio_theme #page-11783 .text-element  h2,
    #portfolio_theme #page-11784 .text-element  h2,
    #portfolio_theme #page-11785 .text-element  h2,
    #portfolio_theme #page-11786 .text-element  h2,
    #portfolio_theme #page-11787 .text-element  h2,
    #portfolio_theme #page-11788 .text-element  h2,
    #portfolio_theme #page-12062 .text-element  h2,
    #portfolio_theme #page-12149 .text-element  h2,
    #portfolio_theme #page-12238 .text-element  h2,
    #portfolio_theme #page-12491 .text-element  h2,
    #portfolio_theme #page-12591 .text-element  h2 { 
      font-size: 30px !important;
      line-height: 1.2 !important;
    }
}

</style>
<script async src=
"//www.googletagmanager.com/gtag/js?id=AW-776518457"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-776518457');
</script>
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '587282268288681');
  fbq('track', 'PageView');
</script>
<script type="text/javascript" src=
"//script.crazyegg.com/pages/scripts/0087/6314.js" async=
"async"></script>
            
            <!-- Custom Page Header Scripts -->
             
                <style>
@import url('https://fonts.googleapis.com/css?family=DM+Sans:400,400i,500,500i,700,700i&display=swap');
</style>
<style>
 
#portfolio_theme h2,
#portfolio_theme h3,
#portfolio_theme h4,
#portfolio_theme h5,
#portfolio_theme h6 {
    font-family: 'DM Sans', sans-serif !important;
}

#portfolio_theme a { font-family: 'DM Sans', sans-serif !important;}
#portfolio_theme p,input,span,textarea {   font-family: 'DM Sans', sans-serif!important;}

#portfolio_theme .f_xl {font-size: 18px!important;}
#portfolio_theme .f_lg {font-size: 16px!important;}
#portfolio_theme .f_md {font-size: 15px!important;}
#portfolio_theme .f_sm {font-size: 13px!important;}
#portfolio_theme .f_xs {font-size: 12px!important;}

#portfolio_theme h1 {
    font-size: 75px!important;
    line-height: 1.1!important;
}

#portfolio_theme h2 {
    font-size: 55px!important;
    line-height: 1.2!important;
}

#portfolio_theme h3 {
    font-size: 30px!important;
    line-height: 1.3!important;
}

#portfolio_theme h4 {
    font-size: 28px!important;
    line-height: 1.3!important;
}

#portfolio_theme h5 {
    font-size: 18px!important;
    line-height: 1.5!important;
}

#portfolio_theme h6 {
    font-size: 16px!important;
    line-height: 1.6!important;
}

.play-icon {margin: 0 5px 0 0!important}

.new-hero-banner {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/5dbc1d0f72180cdd.jpg) center center no-repeat;
}

.laptop-bg {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/d1b74e1e795f1059.jpg) center center no-repeat;
}

.man-bg {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/8f5cc87edd1f0f84.jpg) center center no-repeat;
}

.laptop-bg,
.man-bg { background-size: cover;}

.new-hero-banner {
    background-size: 78%;
    background-position: top right;
}

#portfolio_theme #section-242835 .popup-video,
#portfolio_theme #section-242835 .popup-video span  { color: #007aff !important; }

.fancybox-button, .fancybox-infobar__body {background: rgba(255, 255, 255, 0) !important;}
.fancybox-button {color: #83B7F6 !important;}

ul#menu li {
    display: inline;
    padding: 16px;
}

#portfolio_theme .theme-btn.style1 {
    background-color: #007aff!important;
    color: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .25);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .25);
    box-shadow: 0 0 35px 0 rgba(0, 88, 255, .25);
    padding: 17px 35px!important;

}

#portfolio_theme .theme-btn.style2 {
    background-color: transparent!important;
    border-color: #c2d6f9!important;
    color: #007aff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 88, 255, .15);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 88, 255, .15);
    box-shadow: 0 0 15px 0 rgba(0, 88, 255, .15);
    padding: 17px 35px!important;
}

#portfolio_theme .theme-btn.style3 {
    background-color: #fff!important;
    color: #007aff;
    border-color: transparent!important;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    padding: 12px 35px!important;
}

#portfolio_theme .theme-btn.style1,
#portfolio_theme .theme-btn.style2,
#portfolio_theme .theme-btn.style3 {
    border-radius: 5px!important;
    font-family: 'DM Sans', sans-serif!important;
    font-size: 16px!important;
    text-transform: capitalize!important;
    letter-spacing: 0!important;
    font-weight: 700!important;
    line-height: 1.2 !important;
}

.custom-inline-buttons { margin: 5px 0; }
.custom-inline-buttons a { margin: 0 3px; }

/*header*/
#section-242976 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#section-242976 .container-section-inner:first-child .img-container.white-logo {
    position: absolute;
    left: 15px;
    top: 0px;
    visibility: hidden;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
}

/*colored bordered columns*/
.colored-border-col {
    background-color: #fff;
    border-radius: 6px;
    height: 100%; 
    margin: 0 10px;
    /*max-width: -webkit-calc(100% / 2);
    max-width: -moz-calc(100% / 2);
    max-width: -o-calc(100% / 2);
    max-width: calc(100% / 2);
    min-width: 222px;*/
    width: 222px;
    padding: 5px 35px 65px 35px;

    -webkit-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);     
}

.colored-border-col.blue {border-top: 5px solid #007aff;}
.colored-border-col.orange {border-top: 5px solid #ffba9b;}
.colored-border-col.black {border-top: 5px solid #000;}
.colored-border-col.green {border-top: 5px solid #00eba7;}
.colored-border-col img { 
    width: 100%;
    position: relative;
}

/*#section-225994 .container-section-inner:last-child  > div,  */
#section-242981 .container-section-inner:first-child > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-justify-content: center;
    justify-content:  center;
}

/*photogrid*/
#section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .grid-sizer, 
#section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .photo-item { width: calc(96% / 3) !important; }

#section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .photo-item { margin: 1% 0; }
#section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .grid-gutter { width: 2% !important; }

/*point click edit*/
/*#section-225994 .container-section-inner:first-child .img-container { 
    left: -44%;
    overflow: visible;
}*/

/*#section-225994 .container-section-inner:first-child .img-container > img { width: 130% !important; } */

/*@-moz-document url-prefix() {
    #section-225994 .container-section-inner:first-child .img-container { width: 130%; }
}*/
    
/*Title stars*/
#section-242847 .text-element:first-child,
#section-242867 .text-element:first-child,
#section-242854 .text-element:first-child,
#section-242861 .text-element:first-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
}

#section-242847 h2,
#section-242867 h2,
#section-242854 h2,
#section-242861 h2 {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}

#section-242847 h2:before,
#section-242867 h2:before,
#section-242854 h2:before,
#section-242861 h2:before {
  content: "";
  display: inline-block;
  height: 260px;
  position: absolute;
  right: 0;
  width: 360px;
  pointer-events: none;
}


#section-242847 h2:before,
#section-242867 h2:before {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/25f9d9e8ea41ccc5.svg) no-repeat top right;
    top: -54px;
}

#section-242854 h2:before {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/5a923129b1a970de.svg) no-repeat top right;
    top: -92px;
}

#section-242861 h2:before {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/5a923129b1a970de.svg) no-repeat top right;
    top: -92px;
}

/*line*/
#section-242861 .has-line { position: relative; }
#section-242861 .has-line:before {
    content: "";
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/73ccce5716f30030.svg) no-repeat top right;
    display: inline-block;
    width: 100px;
    height: 50px;
    top: 25px;
    right: 0;
    position: absolute;
}

#section-220338 .container-section-outer {display: -webkit-box;}

#section-220338 .container-section-inner:last-child .col-container,
#section-220338 .container-section-inner:nth-child(2) .col-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    border-radius: 6px;
    padding: 20px 30px 0;
    height: 100%;
}

#section-220338 .container-section-inner:nth-child(2) h4 {width: 90%;}
#section-220338 .container-section-inner:last-child h4 {width: 84%;}
#section-220338 .container-section-inner:nth-child(2) .col-container {border-top: 6px solid #007aff;}
#section-220338 .container-section-inner:last-child .col-container {border-top: 6px solid #ffba9b;}
#section-220338 .container-section-inner:last-child {width: 24%;}

#section-220338 .container-section-inner:nth-child(2) {
    width: 24%;
    margin: 45px 0 0 174px;
}

#section-220596 .container-section-outer {display: -webkit-box;}

#section-220596 .container-section-inner:first-child .col-container,
#section-220596 .container-section-inner:nth-child(2) .col-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    border-radius: 6px;
    padding: 20px 30px 0;
    height: 100%;
}

#section-220596 .container-section-inner:first-child .col-container {border-top: 6px solid #23242b;}
#section-220596 .container-section-inner:nth-child(2) .col-container {border-top: 6px solid #00eba7;}
#section-220596 .container-section-inner:first-child {width: 24%;}

#section-220596 .container-section-inner:nth-child(2) {
    width: 24%;
    margin: 45px 174px 0 0;
}

#section-242885 .container-section-outer,
#section-242901 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
}

#section-242885 .container-section-inner .col-container,
#section-242901 .container-section-inner .col-container {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    padding: 50px 25px;
    height: 100%;
}

#section-242885 .container-section-inner .separator-element:last-child,
#section-242901 .container-section-inner .separator-element:last-child { height: 5px !important; }

#section-242885 .col-container,
#section-242901 .col-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#section-242885 .container-section-inner,
#section-242901 .container-section-inner { padding: 15px; }

#section-242885 .img-container,
#section-242901 .img-container { margin: 0; }

#section-242885 .img-container img,
#section-242901 .img-container img { width: 100% !important; }

#section-242885 .container-section-inner:first-child  .img-container { top: -25px; }
#section-242901 .container-section-inner:first-child  .img-container { top: -23px; }

#section-242885 .container-section-inner:last-child  .img-container,
#section-242901 .container-section-inner:last-child  .img-container { top: -13px; }

#section-242976 .section-layout-wrapper {background-color: transparent !important;}

#portfolio_theme .section-layout-wrapper a:not(.theme-btn) span,
#section-242970 .section-layout-wrapper a:not(.theme-btn) {color: #202020!important;}

#section-242970 .md-icon {font-size: 15px;}

#section-242874 .container-section-inner:last-child>div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

#section-242874 .service-col {
    width: -webkit-calc((100% / 3) - 3px);
    width: -moz-calc((100% / 3) - 3px);
    width: -o-calc((100% / 3) - 3px);
    width: calc((100% / 3) - 3px);
    padding: 5px;
}

#portfolio_theme #section-242874 .service-col span {
    margin-right: 10px;
    word-break: break-word;
    font-size: 18px;
    color: #fff !important;
    line-height: 1.2;
}

#section-242874 .service-col .img-wrap {
    background-color: #007aff;
    border: 2px solid #007aff;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    padding: 10px 0 10px 20px;
    height: 115px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

#section-242874 #page-12591 .custom-inline-buttons a:last-child { padding: 17px 27px !important; }
#section-242874 .container-section-inner:first-child { padding-right: 0; }

#section-242976 { z-index: 1; }

#section-242835 { z-index: 0; }

#section-242874 .service-col .img-wrap a {
    height: 100%;
    left: 0;
    position: absolute;
    top:0;
    width: 100%;
}

#section-242874 .service-col .img-wrap img:not(.white-img) {
    position: relative;
    right: -2px;
}

#section-242874 .service-col .img-wrap img.white-img {
    position: absolute;
    right: -2px;
    opacity: 0;
}

#section-242874 .service-col .img-wrap img  {
    width: 50px;
    height: auto;
}

#section-242874 .service-col:hover .img-wrap { 
    border-color: #fff; 
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#section-242874 .service-col:hover .img-wrap img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#section-242874 .service-col:hover .img-wrap img.white-img { opacity: 1; }
#section-242874 .service-col:hover .img-wrap img:not(.white-img) { opacity: 0; }

#portfolio_theme #page-12591 #section-242874  .theme-btn.style1,
#portfolio_theme #page-12591 #section-242874 .theme-btn.style3 {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
}

/*popup*/
#section-242994 { 
    background-color: transparent;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#section-242994 .content-full > div { padding: 0; }
#section-242994 .popup-w-header { position: relative; }

#section-242994 .popup-w-header > div {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/9e8f996f6213ebcc.jpg) center center no-repeat;
    color: #fff;
    padding: 0 50px;
    text-align: center;
    overflow: hidden;
}

#section-242994 .popup-w-header h4,
#section-242994 .popup-w-header p { color: #fff !important; }
#section-242994 .popup-w-header p { opacity: .8; }

#section-242994 .popup-w-header h4 { 
    display: inline-block;
    position: relative; 
}

#section-242994 .popup-w-header h4:before {
    content: "";
    display: inline-block;
    height: 260px;
    position: absolute;
    right: -67px;
    width: 360px;
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/cbf9a833ebeae6cd.svg) no-repeat top right;
    top: -98px;
}

#section-242994 .popup-w-header .close-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -9px;
}

#portfolio_theme #section-242994 .popup-w-header button { padding: 19px 25px !important; }
.custom-fancybox-video #section-242994 { display: block; }

.custom-fancybox-video .fancybox-content {
    height: 100%;
    margin: 0;
    width: 100%;
    min-height: 520px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.custom-fancybox-video .fancybox-slider-wrap { overflow: auto; }
.custom-fancybox-video .fancybox-buttons button.fancybox-button--close  { visibility: hidden; }

#section-242885 .section-layout-wrapper a:not(.theme-btn) span,
#section-242901 .section-layout-wrapper a:not(.theme-btn) span{ color: #276fff !important;  }

/*pre-footer */
#section-242916 { display:  none; }

/*try folio 2*/
#section-242996 > .section-layout-wrapper {
    background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/ac4d975a9be04a69.jpg);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
    box-shadow: 0 0 35px 0 rgba(0, 88, 255, .15);
}

#section-242996 > .section-layout-wrapper > .content-full { 
  overflow: hidden; 
  border-bottom-right-radius:  10px;
}

#section-242996 .container-section-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#section-242996 .container-section-inner:first-child { padding: 35px 0 35px 45px; }

#section-242996 .container-section-inner:last-child { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;

    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;

    padding-right: 0;
    right: -1px;
}

#section-242996 .container-section-inner:last-child .img-container {
    right: -2%;
    bottom: -35px;
    border-top-left-radius: 10px;
}

/*point click old */
#section-242987 {display: none;}

/*background colors*/
/*#section-242853 .section-layout-wrapper,*/
#section-242847 .section-layout-wrapper {background-color: #ffffff !important;}

/*media queries*/
@media screen and (max-width: 1320px) {
    .new-hero-banner { background-size: 85%;  }
}

@media(min-width:1200px) {
    #section-242885 .img-container img,
    #section-242901 .img-container img {
        width: 85% !important;
    }

    /*popup*/
    #section-242994 .popup-w-header iframe { padding: 100px 0; }
}

@media(max-width: 1200px) {
    /*point click edit*/
    /*#section-225994 .container-section-inner:first-child .img-container { left: -47%; }*/
    /*#section-225994 .container-section-inner:first-child .img-container > img { width: 145% !important; } */

  /*  @-moz-document url-prefix() {
        #section-225994 .container-section-inner:first-child .img-container { width: 145%; }
    }*/
}

@media(max-width:1120px) {
    .new-hero-banner {
        background-size: 105%;
    }
}

@media (max-width:1045px) {
    #section-242835 .go-to-form a {
        display: block;
        margin: 10px 0;
    }

    #section-242835 .go-to-form a:first-child { display: inline-block; }

    #section-242874 .container-section-inner {
        display: block;
        width: 100%;
    }

    #section-242874 .container-section-inner:first-child { 
        margin-bottom: 30px;
        text-align: center;
    }

    #section-242874 .container-section-inner:first-child .themebutton.custom-inline-buttons { text-align: center !important; }
    #section-242874 #section-220368 .separator-element { height: 0 !important; }
}

@media (min-width: 1041px) and (max-width: 1210px) {
    #section-242853 .separator-section { height: 156px !important; }
}

@media (min-width: 900px) and (max-width: 1040px) {
    #section-242853 .separator-section { height: 120px !important; }
}

@media (min-width: 900px){
    /*banner spacer last child*/
    #section-242845 { display: none; }
    
    #section-242835 .container-section-inner:last-child .img-container { visibility: hidden; }
    /*#section-242835 .container-section-inner:last-child .img-container > img {display: none;}*/

    #section-242835 .container-section-inner:last-child .img-container > img { width: 70% !important; }

    /*popup*/
    .custom-fancybox-video .fancybox-iframe {
        height: calc(100% - 200px);
        margin: 25px 0;
    }
}

@media (min-width: 1511px){
    #section-242853 .separator-section { height: 400px !important; }
}

@media (min-width: 1211px) and (max-width: 1404px){
    #section-242853 .separator-section { height: 150px !important; }
}

@media (min-width: 1405px) and (max-width: 1510px){
    #section-242853 .separator-section { height: 200px !important; }
}
@media (max-width: 1000px) {
    #section-242885 .col-container,
    #section-242901 .col-container {
        display: block;
        text-align: center;
    }

    #section-242885 .img-container img,
    #section-242901 .img-container img {
        width: 50%!important;
    }
}
@media (max-width: 899px){
    /*photogrid*/
    #section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .grid-sizer, 
    #section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .photo-item { width: calc(96% / 2) !important; }

    /*popup*/
    #section-242994 .popup-w-header > div {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    #section-242994 .popup-w-header > div  h4 { font-size: 26px !important; }
    #section-242994 .popup-w-header > div  p { font-size: 14px !important }

    #section-242994 .popup-w-header > div .img-container {
        -webkit-justify-content: center;
        justify-content: center;
    }

    #section-242994 .popup-w-header > div .img-container img { width: 25% !important; }
    #section-242994 .popup-w-header > div > div:nth-child(2) { padding-bottom: 20px; }
    #section-242994 .popup-w-header iframe { padding: 25px; }
    #section-242994 .popup-w-header .close-icon { top: 22%; }

    .custom-fancybox-video .fancybox-iframe { 
        height: calc(100% - 250px);
        margin: 15px 0;
    }

    /*header*/
    #section-242976 .container-section-inner:first-child .img-container.white-logo { visibility: visible; }
    #section-242976 .container-section-inner:first-child .img-container:not(.white-logo) { visibility: hidden; }

    #section-220731 .container-section-inner { text-align: center !important; }

    #section-242976 > .section-layout-wrapper {padding-bottom: 20px !important;}

    /*banner*/
    .new-hero-banner {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/3a9ba9e8348795df.jpg) no-repeat;
        background-position: 0 98%;
        background-size: 100%;
    }

     #section-242853 .separator-section,
     #section-220935 .separator-element { display: none; }

     #section-242835 .text-element h1,
     #section-242835 .text-element h4,
     #section-242835 .text-element p,
     #section-242835 .text-element h1 span[class*=" f_color_"],
     #section-242835 .text-element h4 span[class*=" f_color_"],
     #section-242835 .text-element p span[class*=" f_color_"],
     #portfolio_theme #section-242835 .popup-video,
     #portfolio_theme #section-242835 .popup-video span { color: #fff !important; }

     #section-242835 .text-element p { opacity: .8; }
     #section-242835 .container-section-inner:first-child { text-align: center; }
     #section-242835 .container-section-inner { padding: 0; }
     #section-242835 .themebutton a { margin: 10px 0 !important; }

     #portfolio_theme #page-12591 #section-242835 .theme-btn {
        background-color: #fff !important;
        color: #007aff;
        -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
     }

    #section-242847 > .section-layout-wrapper.section-layout.container-fluid.container-fluid { padding-top: 100px !important; }

    #section-242835 > .section-layout-wrapper { padding-top: 25px !important; }

    /*color border column*/ 
    .colored-border-col { min-width: 200px; }

    /*Spectacular section*/
    .man-bg {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b30d6f2ef1ffdb7a.jpg) no-repeat;
        background-position-y: 40%;
        background-size: 100% !important; 
    }

    #section-242983 .section-layout-wrapper { height: 350px !important; }

    /*#section-225994 .container-section-inner:last-child > div, */
    #section-242981 .container-section-inner:first-child > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: box;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

    /*point click edit*/
    /*#section-225994 .container-section-inner:first-child .img-container { 
        left: initial;
        overflow: hidden;
        -webkit-justify-content: center;
        justify-content: center;
    }*/

    /*#section-225994 .container-section-inner:first-child .img-container > img { width: 75% !important; } */

   /* @-moz-document url-prefix() {
        #section-225994 .container-section-inner:first-child .img-container { width: 75%; }
    }*/

    #section-242981 .container-section-inner:first-child > div { padding-right: 0; }

    /*Alignment*/
    /*#section-225994 h4,*/
    /*#section-225994 p,*/
    #section-242981 h4, #section-242981 p,
    #section-242874 .text-element, .themebutton.custom-inline-buttons { text-align:center !important; }

    /*#section-225994 img, */
    #section-242981 img {     
        display: block;
        left: initial !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    #section-226149 .separator-element { height: 50px !important; }

    /*footer logo*/
    #section-242970 .img-container> img { width: 25% !important; }

    /*try folio 2*/
    #section-242996 .container-section-outer {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #section-242996 .container-section-inner:last-child .img-container { bottom: -10px; }
    #section-242996 .container-section-inner:first-child { padding: 35px 15px 35px 30px; }
    #section-242996 .container-section-inner:first-child > div { text-align: center !important; }

    /*banner separator*/
    #section-242845 .section-layout-wrapper {display: none;}
}

@media (max-width:767px) {
    /*header*/
    #section-242976 .container-section-outer { display: block; }
    #section-242976 .container-section-inner  .img-container > a { text-align: center; }

    #section-242976 .container-section-inner  .img-container {
        -webkit-justify-content: center;
        justify-content: center;
    }

    #section-242976 .container-section-inner  .img-container > img { width: 50% !important; }

    /*banner*/
    .new-hero-banner {
        background: url(https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/3a9ba9e8348795df.jpg) no-repeat;
        background-position: 0 98%;
        background-size: cover;
    }
    
    /*colored border columns*/
    /*#section-225994 .container-section-inner:last-child > div, */
    #section-242981 .container-section-inner:first-child > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: box;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

    /*#section-225994 .container-section-inner:first-child .img-container > img { width: 95% !important;}*/

   /* @-moz-document url-prefix() {
        #section-225994 .container-section-inner:first-child .img-container { width: 95%; }
    }*/
    
   #section-220731 .section-layout-wrapper.section-layout.container-fluid-1200.container-fluid-1200 {  padding-bottom: 30px !important;  }

    /*footer*/
    #section-220731 .content-fixed { width: 100%; }

    #section-220731 .container-section-outer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: box;
        display: flex;

        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #section-220731 .container-section-inner { margin-left: -1px; }

    /*point click edit*/
    #portfolio_theme #page-12591 #section-242847 .theme-btn.style1,
    #portfolio_theme #page-12591 #section-242847 .theme-btn.style1 { 
        margin:5px 0 10px 0 !important; 
        padding: 19px 96px !important;
    }

    #portfolio_theme #page-12591 #section-242847 .theme-btn.style2 { margin: 0 !important; }

    /*footer logo*/
    #section-242970 .img-container a { width: 20% !important; }
}

/*@media (min-width: 768px){
    #section-242835 .container-section-inner:last-child .img-container img:last-child {display: none;}
}*/

@media (max-width:698px) {
    #section-242874 .service-col {
        width: 100%;
        display: block;
    }
}

@media (max-width: 650px){
    /*Spectacular section*/
    #section-242983 .section-layout-wrapper { height: 350px !important; }
}

@media (max-width:555px) {
    /*colored border columns*/
    .colored-border-col {
        margin: 20px auto;
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
    }

    #section-242981 .container-section-inner:first-child > div {display: block;}
    #section-242981 .container-section-inner:first-child > div { padding-right: 0;  }
}

@media (max-width: 567px) {
    #section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .grid-sizer, 
    #section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .photo-item { width: 100% !important; }
    #section-242884 .layout-photogrid.layout-photogrid_3 .photo-grid .photo-item { margin: 10px 0; }
}

@media (max-width: 555px) {
    /*spectacular*/
    #section-242983 .section-layout-wrapper { height: 265px !important; }
    .man-bg  { background-position-y: 20%; }

    #section-242985 .section-layout-wrapper {height:60px !important;}

    /*point click edit*/
    /*#section-225994 #section-226149  { display: none; }*/
    /*#section-225994 .colored-border-col.blue { margin-top: 0 !important; }*/
}

@media (max-width:520px) {
    /*popup*/
    #section-242994 .popup-w-header > div .img-container img  { width: 50% !important; }

    #section-242885 .container-section-outer,
    #section-242901 .container-section-outer {display: block;}

    .custom-inline-buttons .theme-btn { margin: 5px 5px 5px 0 !important; }

    /*Spectacular section*/
    .man-bg { background-position-y: 27%; }

    #section-242983 .section-layout-wrapper { height: 300px !important; }

    /*footer logo*/
    #section-242970 .img-container a { width: 30% !important; }

    /*refreshingly simple*/
    #section-242885 .container-section-inner, 
    #section-242901 .container-section-inner { padding: 10px 0; }
}

@media (max-width: 468px) {
    /*spectacular*/
    .man-bg  { background-position-y: 25%; }
}

@media (max-width:456px) {
    #section-242885 .container-section-outer,
    #section-242901 .container-section-outer {
        display: block;
    }

    /*Spectacular section*/
    #section-242983 .section-layout-wrapper { height: 166px !important; }
}

@media(max-width: 435px) {
    #portfolio_theme h1 { font-size: 55px!important; }
    #portfolio_theme h2 { font-size: 40px!important; }
    #portfolio_theme h3 { font-size: 30px!important; }
    #portfolio_theme h4 { font-size: 28px!important; }
    #portfolio_theme h5 { font-size: 18px!important; }
    #portfolio_theme h6 { font-size: 16px!important; }

    /*colored border columns*/
    /*#section-225994 .container-section-inner,*/
    #section-242981 .container-section-inner { padding: 0; }

    /*#section-225994 .container-section-inner .colored-border-col:first-child,*/
    #section-242981 .container-section-inner .colored-border-col:last-child { margin-top: 0 !important; }

    /*not just a website*/
    #section-242874 > .section-layout-wrapper:not(.pre-header):not(.pre-footer) { padding: 50px 0 !important; }
    #section-242874 .container-section-inner { padding: 0; }

    /*refreshingly*/
    #section-242901 > .section-layout-wrapper:not(.pre-header):not(.pre-footer) { padding-bottom: 50px !important; }

    #section-222423 .separator-element { height: 50px !important ;}

    #section-220743 .separator-section { height: 0 !important; }
}

@media (max-width: 412px) {
    /*spectacular*/
    .man-bg  { background-position-y: 26%; }

    /*footer logo*/
    #section-242970 .img-container a { width: 40% !important; }
}

@media(max-width: 320px) {
    #section-242861 .has-line:before {
        top: 51px !important;
        right: 110px !important;
    }
 
    #section-242970 .img-container> img { width: 50% !important; }
}

</style>
<style>
/*floating images new section*/
#section-242847 .content-fixed {
    width: 100%;
}
#section-242847 .content-fixed > div { padding: 0; }
#section-242847 .desktop { overflow: hidden; }
#section-242847 .mobile { overflow: hidden; display: none; }
#section-242847 .desktop img,
#section-242847 .mobile img{ width: 100%; }
#section-242847 .bottom-canvas {
    background-image: url('https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/5c2e3c45043a3049.jpg');
    padding-top: 300px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -300px;
    padding-bottom: 100px;
}
#section-242847 .bottom-canvas .content-fixed { width: 70%; }
#section-242847 .bottom-canvas .icon {
    width: 150px;
}
#section-242847 .bottom-canvas .icon > img {
    width: 100%;
}
/*#section-242847 .bottom-canvas .icon.visual {*/
/*    min-width: 170px;   */
/*}*/
#section-242847 .bottom-canvas .content h4 {
    color: #fff;
    margin-bottom: 16px;
}
#section-242847 .bottom-canvas .content p {
    color: #FFFFFFCC;
    line-height: 25px;
}

@media (max-width: 1024px){
    #portfolio_theme #page-12591 h4 {font-size: 26px !important;}
}

@media (max-width: 992px) {
    #section-242847 .bottom-canvas .content-fixed > div {
        flex-wrap: wrap;
        justify-content: center;
    }
    #section-242847 .bottom-canvas .content h4,
    #section-242847 .bottom-canvas .content p {
        text-align: center;
    }
    #section-242847 .bottom-canvas .content { padding: 0 15px; }
}

@media (max-width: 899px) {
    #section-242847 .desktop { display: none; }
    #section-242847 .mobile { display: block; }
    #section-242847 .bottom-canvas .content-fixed {
        flex-wrap: wrap;
    }
    #section-242847 .bottom-canvas { padding-bottom: 150px; }
    #section-242847 .bottom-canvas .content-fixed > div {
        flex-wrap: wrap;
        justify-content: center;
    }
    #section-242847 .bottom-canvas .content-fixed > div:first-child {
        margin-bottom: 50px;
    }
    #section-242847 .bottom-canvas h4,
    #section-242847 .bottom-canvas p {
        text-align: center;
    }
    #portfolio_theme #page-12591 h2 { font-size: 40px !important; }
}
</style>
                        <!-- End of Custom Page Header Scripts -->

                <style>
        span[class^="f_color_"], span[class*=" f_color_"] {
            color: initial !important;
        }

        
        
        #portfolio_theme { background-color: rgba(255, 255, 255, 1); }

        #portfolio_theme .number-input .inc-btn,
        #portfolio_theme .number-input .dec-btn { background-color: rgba(255, 255, 255, 1) !important; }

        #portfolio_theme h1,
        #portfolio_theme h2,
        #portfolio_theme h3,
        #portfolio_theme h4,
        #portfolio_theme h5,
        #portfolio_theme h6,
        #portfolio_theme .section-layout-wrapper h1 a,
        #portfolio_theme .section-layout-wrapper h2 a,
        #portfolio_theme .section-layout-wrapper h3 a,
        #portfolio_theme .section-layout-wrapper h4 a,
        #portfolio_theme .section-layout-wrapper h5 a,
        #portfolio_theme .section-layout-wrapper h6 a {
            font-family: 'Lato', sans-serif;
            line-height: 1.4;
        }

        #portfolio_theme h1,
        #portfolio_theme h2,
        #portfolio_theme h3,
        #portfolio_theme h4,
        #portfolio_theme h5,
        #portfolio_theme h6 {
            color: #000000;
        }

        #portfolio_theme .section-layout-wrapper li,
        #portfolio_theme .section-layout-wrapper p,
        #portfolio_theme .section-layout-wrapper p span,
        #portfolio_theme .section-layout-wrapper label,
        #portfolio_theme .section-layout-wrapper input,
        #portfolio_theme .section-layout .copyright-subtitle span {
            color: #555555;
        }

        #portfolio_theme .section-layout-wrapper p span.f-icon-e_arrowline_up_m,
        #portfolio_theme .section-layout-wrapper p span.f-icon-e_arrowline_up_m:hover,
        #portfolio_theme .section-layout-wrapper p span.f-icon-e_arrowline_down_m,
        #portfolio_theme .section-layout-wrapper p span.f-icon-e_arrowline_down_m:hover,
        #portfolio_theme .section-layout-wrapper .copyright-subtitle a {
            color: #276fff;
        }


        #portfolio_theme .section-layout-wrapper a:not(.theme-btn),
        #portfolio_theme .section-layout-wrapper a:not(.theme-btn) span {
            color: #276fff;
        }

        #portfolio_theme .section-layout-wrapper.s-title-text-black .blog-info a:not(.theme-btn),
        #portfolio_theme .section-layout-wrapper.s-title-text-black .blog-info a:not(.theme-btn):hover  {
            color: #000;
        }

        #portfolio_theme .section-layout-wrapper.s-title-text-white .blog-info a:not(.theme-btn),
        #portfolio_theme .section-layout-wrapper.s-title-text-white .blog-info a:not(.theme-btn):hover  {
        color: #fff;
        }

        #portfolio_theme .section-layout-wrapper .blog-info a:not(.theme-btn),
        #portfolio_theme .section-layout-wrapper .blog-info a:not(.theme-btn):hover  {
            color: #000000;
        }


        #portfolio_theme .blog-listing-footer .pagination li:not(:last-child) a:after,
        #portfolio_theme .section-layout-wrapper  .blog-listing-footer .pagination li:not(:last-child) a:after{
            background: #276fff;
        }

        #portfolio_theme .s-title-text-white .blog-listing-footer .pagination li:not(:last-child) a:after
        #portfolio_theme .section-layout-wrapper.s-title-text-white .blog-listing-footer .pagination li:not(:last-child) a:after
        {
            background: #276fff;
        }


        #portfolio_theme .section-layout-wrapper a:not(.theme-btn):hover,
        #portfolio_theme .pagination a:not(.theme-btn):hover {
            color: #276fff;
        }

        #portfolio_theme .section-layout-wrapper .site-title,
        #portfolio_theme .section-layout-wrapper .site-title a,
        #portfolio_theme .section-layout-wrapper .site-title a span,
        #portfolio_theme .section-layout-wrapper .site-title a:hover {
            color: #000000;
        }

        #portfolio_theme h1,
        #portfolio_theme h1 a {
            font-size: 60px;
        }

        #portfolio_theme h2,
        #portfolio_theme h2 a {
            font-size: 40px;
        }

        #portfolio_theme h3,
        #portfolio_theme h3 a {
            font-size: 32px;
        }

        #portfolio_theme h4,
        #portfolio_theme h4 a {
            font-size: 24px;
        }

        #portfolio_theme h5,
        #portfolio_theme h5 a{
            font-size: 20px;
        }

        #portfolio_theme h6,
        #portfolio_theme h6 a {
            font-size: 16px;
        }

        #portfolio_theme p,
        #portfolio_theme a:not(.theme-btn),
        #portfolio_theme input,
        #portfolio_theme label,
        #portfolio_theme select,
        #portfolio_theme option,
        #portfolio_theme li,
        #portfolio_theme textarea,
        #portfolio_theme .contact-form.form-1 .form-group .select .select-styled,
        #portfolio_theme .contact-form.form-2 .form-group .select .select-styled,
        #portfolio_theme .contact-form.form-3 .form-group .select .select-styled { font-family: 'Lato', sans-serif; }

        #portfolio_theme .f_xl {
            font-size: 17px;
            line-height: 1.5;
        }

        #portfolio_theme .f_lg {
            font-size: 16px;
            line-height: 1.5;
        }

        #portfolio_theme .f_md {
            font-size: 14px;
            line-height: 1.5;
        }

        #portfolio_theme .f_sm {
            font-size: 13px;
            line-height: 1.5;
        }

        #portfolio_theme .f_xs {
            font-size: 12px;
            line-height: 1.5;
        }

        #portfolio_theme a:not(.theme-btn),
        #portfolio_theme a:not(.theme-btn):active,
        #portfolio_theme a:not(.theme-btn):focus {
            color: #276fff;
        }

        #portfolio_theme .pagination a:not(.theme-btn):after {
            background: #276fff !important;
        }

        #portfolio_theme .s-link-text-black .pagination a:not(.theme-btn):after {
            background:  #000 !important;
        }

        #portfolio_theme .s-link-text-white .pagination a:not(.theme-btn):after {
            background:  #fff !important;
        }

        /*includes span icon*/
        /*#portfolio_theme .s-link-text-white .site-title,
        #portfolio_theme .s-link-text-white .site-title a,
        #portfolio_theme .s-link-text-white .site-title a:hover,
        #portfolio_theme .s-link-text-white .site-title span,*/
        #portfolio_theme .s-link-text-white .layout-menu span,
        #portfolio_theme .logo-text-white .layout-menu span,
        #portfolio_theme .s-content-text-white .layout-menu span {
            color: #fff;
        }

        #portfolio_theme .s-link-text-white div:not('.website-title') a:not(.m-item):not(.theme-btn),
        #portfolio_theme .s-link-text-white div:not('.website-title') a:not(.m-item):not(.theme-btn):hover {
            color: #fff;
        }


        #portfolio_theme .s-link-text-white .layout-header_1 .menu-horizontal a:before,
        #portfolio_theme .s-link-text-white .layout-header_1 .menu-horizontal a.active:before {
            background-color: #fff;
            color: #fff;
        }

        #portfolio_theme .s-content-text-white,
        #portfolio_theme .s-content-text-white p,
        #portfolio_theme .s-content-text-white li,
        #portfolio_theme .s-content-text-white label,
        #portfolio_theme .s-content-text-white input,
        #portfolio_theme .s-content-text-white span:not(.mce-text):not(.m-item):not(.mce-txt):not(.logo-link):not([class^="f_color_"]):not(.form-error):not(.form-send-message),
        #portfolio_theme .s-content-text-white span.f-icon-e_arrowline_up_m:not(.mce-text):not(.m-item):not(.mce-txt):not(.logo-link):not([class^="f_color_"]):not(.form-error):not(.form-send-message),
        #portfolio_theme .s-content-text-white span.f-icon-e_arrowline_down_m:not(.mce-text):not(.m-item):not(.mce-txt):not(.logo-link):not([class^="f_color_"]):not(.form-error):not(.form-send-message)  {
            color: #fff;
        }

        #portfolio_theme .s-content-text-white .blog-archive span.f-icon-e_arrowline_up_m:not(.mce-text):not(.m-item):not(.mce-txt):not(.logo-link):not([class^="f_color_"]):not(.form-error):not(.form-send-message),
        #portfolio_theme .s-content-text-white .blog-archive span.f-icon-e_arrowline_down_m:not(.mce-text):not(.m-item):not(.mce-txt):not(.logo-link):not([class^="f_color_"]):not(.form-error):not(.form-send-message)  {
            color: #276fff;
        }

        #portfolio_theme .s-title-text-white h1,
        #portfolio_theme .s-title-text-white h2,
        #portfolio_theme .s-title-text-white h3,
        #portfolio_theme .s-title-text-white h4,
        #portfolio_theme .s-title-text-white h5,
        #portfolio_theme .s-title-text-white h6,
        #portfolio_theme .s-title-text-white h1 a,
        #portfolio_theme .s-title-text-white h2 a,
        #portfolio_theme .s-title-text-white h3 a,
        #portfolio_theme .s-title-text-white h4 a,
        #portfolio_theme .s-title-text-white h5 a,
        #portfolio_theme .s-title-text-white h6 a,
        #portfolio_theme .s-title-text-white h1 a:hover,
        #portfolio_theme .s-title-text-white h2 a:hover,
        #portfolio_theme .s-title-text-white h3 a:hover,
        #portfolio_theme .s-title-text-white h4 a:hover,
        #portfolio_theme .s-title-text-white h5 a:hover,
        #portfolio_theme .s-title-text-white h6 a:hover {
            color: #fff;
        }

        #portfolio_theme .s-link-text-black .site-title,
        #portfolio_theme .s-link-text-black .site-title a,
        #portfolio_theme .s-link-text-black .site-title a:hover,
        #portfolio_theme .s-link-text-black .site-title span {
            color: #000;
        }

        #portfolio_theme .s-link-text-black a:not(.m-item):not(.theme-btn),
        #portfolio_theme .s-link-text-black a:not(.m-item):not(.theme-btn):hover {
            color: #000;
        }

        #portfolio_theme .s-content-text-black p,
        #portfolio_theme .s-content-text-black li,
        #portfolio_theme .s-content-text-black label,
        #portfolio_theme .s-content-text-black span:not(.mce-text):not(.m-item):not(.mce-txt):not(.logo-link):not([class^="f_color_"]):not(.form-error):not(.form-send-message)  {
            color: #000;
        }

        #portfolio_theme .s-title-text-black h1,
        #portfolio_theme .s-title-text-black h2,
        #portfolio_theme .s-title-text-black h3,
        #portfolio_theme .s-title-text-black h4,
        #portfolio_theme .s-title-text-black h5,
        #portfolio_theme .s-title-text-black h6,
        #portfolio_theme .s-title-text-black h1 a,
        #portfolio_theme .s-title-text-black h2 a,
        #portfolio_theme .s-title-text-black h3 a,
        #portfolio_theme .s-title-text-black h4 a,
        #portfolio_theme .s-title-text-black h5 a,
        #portfolio_theme .s-title-text-black h6 a,
        #portfolio_theme .s-title-text-black h1 a:hover,
        #portfolio_theme .s-title-text-black h2 a:hover,
        #portfolio_theme .s-title-text-black h3 a:hover,
        #portfolio_theme .s-title-text-black h4 a:hover,
        #portfolio_theme .s-title-text-black h5 a:hover,
        #portfolio_theme .s-title-text-black h6 a:hover {
            color: #000;
        }

        /*placeholder*/
        #portfolio_theme .s-link-text-white .no-element,
        #portfolio_theme .s-link-text-white p.no-element,
        #portfolio_theme .s-link-text-white .html-element-placeholder {
            border: 1px dashed rgba(255,255,255,1) !important;
            opacity: 1;
            color: #fff !important;
        }

        #portfolio_theme .s-link-text-black .no-element,
        #portfolio_theme .s-link-text-black p.no-element,
        #portfolio_theme .s-link-text-black .html-element-placeholder {
            border: 1px dashed rgba(0,0,0,1) !important;
            opacity: 1;
            color: #000 !important;
        }

        #portfolio_theme .s-content-text-black .html-element-placeholder { border-color: #000; }

        /*input placeholder*/
        #portfolio_theme ::-webkit-input-placeholder     { font-family: 'Lato', sans-serif; }
        #portfolio_theme ::-moz-placeholder              { font-family: 'Lato', sans-serif; }
        #portfolio_theme :-ms-input-placeholder          { font-family: 'Lato', sans-serif; }
        #portfolio_theme :-moz-placeholder               { font-family: 'Lato', sans-serif; }

        /*gallery style 2*/
        #portfolio_theme .section_photogrid .s-content-text-white .layout-photogrid_2 p,
        #portfolio_theme .section_photogrid .s-content-text-white .layout-photogrid_2 h6 { color: #fff;  }

        #portfolio_theme .section_photogrid .s-content-text-black .layout-photogrid_2 p,
        #portfolio_theme .section_photogrid .s-content-text-black .layout-photogrid_2 h6 { color: #000; }

        #portfolio_theme .s-link-text-black #header-menu-wrap .sub-menu a,
        #portfolio_theme .s-link-text-white #header-menu-wrap .sub-menu a,
        #portfolio_theme .s-content-text-white #header-menu-wrap .sub-menu a,
        #portfolio_theme .s-content-text-black #header-menu-wrap .sub-menu a { color: #202020 !important}

        #portfolio_theme .s-link-text-black .layout-header_1 #header-menu-wrap .sub-menu a:hover,
        #portfolio_theme .s-link-text-white .layout-header_1 #header-menu-wrap .sub-menu a:hover,
        #portfolio_theme .s-content-text-white .layout-header_1 #header-menu-wrap .sub-menu a:hover,
        #portfolio_theme .s-content-text-black .layout-header_1 #header-menu-wrap .sub-menu a:hover { color: rgba(29,33,44,0.6) !important}

        #portfolio_theme .s-link-text-black .layout-header_3 #header-menu-wrap .sub-menu a:hover,
        #portfolio_theme .s-link-text-white .layout-header_3 #header-menu-wrap .sub-menu a:hover,
        #portfolio_theme .s-content-text-white .layout-header_3 #header-menu-wrap .sub-menu a:hover,
        #portfolio_theme .s-content-text-black .layout-header_3 #header-menu-wrap .sub-menu a:hover { color: #26D0CE !important}

                    #portfolio_theme .f_color_0,
            #portfolio_theme .f_color_0 span,
            #portfolio_theme .f_color_0 p,
            #portfolio_theme p.f_color_0,
            #portfolio_theme span.f_color_0,
            #portfolio_theme h1 span.f_color_0,
            #portfolio_theme h2 span.f_color_0,
            #portfolio_theme h3 span.f_color_0,
            #portfolio_theme h4 span.f_color_0,
            #portfolio_theme h5 span.f_color_0,
            #portfolio_theme h6 span.f_color_0,
            #portfolio_theme .text-element h1 span.f_color_0 a,
            #portfolio_theme .text-element h2 span.f_color_0 a,
            #portfolio_theme .text-element h3 span.f_color_0 a,
            #portfolio_theme .text-element h4 span.f_color_0 a,
            #portfolio_theme .text-element h5 span.f_color_0 a,
            #portfolio_theme .text-element h6 span.f_color_0 a
            { color: #ffffff !important; }
                    #portfolio_theme .f_color_1,
            #portfolio_theme .f_color_1 span,
            #portfolio_theme .f_color_1 p,
            #portfolio_theme p.f_color_1,
            #portfolio_theme span.f_color_1,
            #portfolio_theme h1 span.f_color_1,
            #portfolio_theme h2 span.f_color_1,
            #portfolio_theme h3 span.f_color_1,
            #portfolio_theme h4 span.f_color_1,
            #portfolio_theme h5 span.f_color_1,
            #portfolio_theme h6 span.f_color_1,
            #portfolio_theme .text-element h1 span.f_color_1 a,
            #portfolio_theme .text-element h2 span.f_color_1 a,
            #portfolio_theme .text-element h3 span.f_color_1 a,
            #portfolio_theme .text-element h4 span.f_color_1 a,
            #portfolio_theme .text-element h5 span.f_color_1 a,
            #portfolio_theme .text-element h6 span.f_color_1 a
            { color: #000000 !important; }
                    #portfolio_theme .f_color_2,
            #portfolio_theme .f_color_2 span,
            #portfolio_theme .f_color_2 p,
            #portfolio_theme p.f_color_2,
            #portfolio_theme span.f_color_2,
            #portfolio_theme h1 span.f_color_2,
            #portfolio_theme h2 span.f_color_2,
            #portfolio_theme h3 span.f_color_2,
            #portfolio_theme h4 span.f_color_2,
            #portfolio_theme h5 span.f_color_2,
            #portfolio_theme h6 span.f_color_2,
            #portfolio_theme .text-element h1 span.f_color_2 a,
            #portfolio_theme .text-element h2 span.f_color_2 a,
            #portfolio_theme .text-element h3 span.f_color_2 a,
            #portfolio_theme .text-element h4 span.f_color_2 a,
            #portfolio_theme .text-element h5 span.f_color_2 a,
            #portfolio_theme .text-element h6 span.f_color_2 a
            { color: #1d212c !important; }
                    #portfolio_theme .f_color_3,
            #portfolio_theme .f_color_3 span,
            #portfolio_theme .f_color_3 p,
            #portfolio_theme p.f_color_3,
            #portfolio_theme span.f_color_3,
            #portfolio_theme h1 span.f_color_3,
            #portfolio_theme h2 span.f_color_3,
            #portfolio_theme h3 span.f_color_3,
            #portfolio_theme h4 span.f_color_3,
            #portfolio_theme h5 span.f_color_3,
            #portfolio_theme h6 span.f_color_3,
            #portfolio_theme .text-element h1 span.f_color_3 a,
            #portfolio_theme .text-element h2 span.f_color_3 a,
            #portfolio_theme .text-element h3 span.f_color_3 a,
            #portfolio_theme .text-element h4 span.f_color_3 a,
            #portfolio_theme .text-element h5 span.f_color_3 a,
            #portfolio_theme .text-element h6 span.f_color_3 a
            { color: #606060 !important; }
                    #portfolio_theme .f_color_4,
            #portfolio_theme .f_color_4 span,
            #portfolio_theme .f_color_4 p,
            #portfolio_theme p.f_color_4,
            #portfolio_theme span.f_color_4,
            #portfolio_theme h1 span.f_color_4,
            #portfolio_theme h2 span.f_color_4,
            #portfolio_theme h3 span.f_color_4,
            #portfolio_theme h4 span.f_color_4,
            #portfolio_theme h5 span.f_color_4,
            #portfolio_theme h6 span.f_color_4,
            #portfolio_theme .text-element h1 span.f_color_4 a,
            #portfolio_theme .text-element h2 span.f_color_4 a,
            #portfolio_theme .text-element h3 span.f_color_4 a,
            #portfolio_theme .text-element h4 span.f_color_4 a,
            #portfolio_theme .text-element h5 span.f_color_4 a,
            #portfolio_theme .text-element h6 span.f_color_4 a
            { color: #007aff !important; }
                    #portfolio_theme .f_color_5,
            #portfolio_theme .f_color_5 span,
            #portfolio_theme .f_color_5 p,
            #portfolio_theme p.f_color_5,
            #portfolio_theme span.f_color_5,
            #portfolio_theme h1 span.f_color_5,
            #portfolio_theme h2 span.f_color_5,
            #portfolio_theme h3 span.f_color_5,
            #portfolio_theme h4 span.f_color_5,
            #portfolio_theme h5 span.f_color_5,
            #portfolio_theme h6 span.f_color_5,
            #portfolio_theme .text-element h1 span.f_color_5 a,
            #portfolio_theme .text-element h2 span.f_color_5 a,
            #portfolio_theme .text-element h3 span.f_color_5 a,
            #portfolio_theme .text-element h4 span.f_color_5 a,
            #portfolio_theme .text-element h5 span.f_color_5 a,
            #portfolio_theme .text-element h6 span.f_color_5 a
            { color: #f1f6ff !important; }
                    #portfolio_theme .f_color_6,
            #portfolio_theme .f_color_6 span,
            #portfolio_theme .f_color_6 p,
            #portfolio_theme p.f_color_6,
            #portfolio_theme span.f_color_6,
            #portfolio_theme h1 span.f_color_6,
            #portfolio_theme h2 span.f_color_6,
            #portfolio_theme h3 span.f_color_6,
            #portfolio_theme h4 span.f_color_6,
            #portfolio_theme h5 span.f_color_6,
            #portfolio_theme h6 span.f_color_6,
            #portfolio_theme .text-element h1 span.f_color_6 a,
            #portfolio_theme .text-element h2 span.f_color_6 a,
            #portfolio_theme .text-element h3 span.f_color_6 a,
            #portfolio_theme .text-element h4 span.f_color_6 a,
            #portfolio_theme .text-element h5 span.f_color_6 a,
            #portfolio_theme .text-element h6 span.f_color_6 a
            { color: #202020 !important; }
                    #portfolio_theme .f_color_7,
            #portfolio_theme .f_color_7 span,
            #portfolio_theme .f_color_7 p,
            #portfolio_theme p.f_color_7,
            #portfolio_theme span.f_color_7,
            #portfolio_theme h1 span.f_color_7,
            #portfolio_theme h2 span.f_color_7,
            #portfolio_theme h3 span.f_color_7,
            #portfolio_theme h4 span.f_color_7,
            #portfolio_theme h5 span.f_color_7,
            #portfolio_theme h6 span.f_color_7,
            #portfolio_theme .text-element h1 span.f_color_7 a,
            #portfolio_theme .text-element h2 span.f_color_7 a,
            #portfolio_theme .text-element h3 span.f_color_7 a,
            #portfolio_theme .text-element h4 span.f_color_7 a,
            #portfolio_theme .text-element h5 span.f_color_7 a,
            #portfolio_theme .text-element h6 span.f_color_7 a
            { color: #777777 !important; }
                    #portfolio_theme .f_color_8,
            #portfolio_theme .f_color_8 span,
            #portfolio_theme .f_color_8 p,
            #portfolio_theme p.f_color_8,
            #portfolio_theme span.f_color_8,
            #portfolio_theme h1 span.f_color_8,
            #portfolio_theme h2 span.f_color_8,
            #portfolio_theme h3 span.f_color_8,
            #portfolio_theme h4 span.f_color_8,
            #portfolio_theme h5 span.f_color_8,
            #portfolio_theme h6 span.f_color_8,
            #portfolio_theme .text-element h1 span.f_color_8 a,
            #portfolio_theme .text-element h2 span.f_color_8 a,
            #portfolio_theme .text-element h3 span.f_color_8 a,
            #portfolio_theme .text-element h4 span.f_color_8 a,
            #portfolio_theme .text-element h5 span.f_color_8 a,
            #portfolio_theme .text-element h6 span.f_color_8 a
            { color: #171717 !important; }
                    #portfolio_theme .f_color_9,
            #portfolio_theme .f_color_9 span,
            #portfolio_theme .f_color_9 p,
            #portfolio_theme p.f_color_9,
            #portfolio_theme span.f_color_9,
            #portfolio_theme h1 span.f_color_9,
            #portfolio_theme h2 span.f_color_9,
            #portfolio_theme h3 span.f_color_9,
            #portfolio_theme h4 span.f_color_9,
            #portfolio_theme h5 span.f_color_9,
            #portfolio_theme h6 span.f_color_9,
            #portfolio_theme .text-element h1 span.f_color_9 a,
            #portfolio_theme .text-element h2 span.f_color_9 a,
            #portfolio_theme .text-element h3 span.f_color_9 a,
            #portfolio_theme .text-element h4 span.f_color_9 a,
            #portfolio_theme .text-element h5 span.f_color_9 a,
            #portfolio_theme .text-element h6 span.f_color_9 a
            { color: #555555 !important; }
                    #portfolio_theme .f_color_10,
            #portfolio_theme .f_color_10 span,
            #portfolio_theme .f_color_10 p,
            #portfolio_theme p.f_color_10,
            #portfolio_theme span.f_color_10,
            #portfolio_theme h1 span.f_color_10,
            #portfolio_theme h2 span.f_color_10,
            #portfolio_theme h3 span.f_color_10,
            #portfolio_theme h4 span.f_color_10,
            #portfolio_theme h5 span.f_color_10,
            #portfolio_theme h6 span.f_color_10,
            #portfolio_theme .text-element h1 span.f_color_10 a,
            #portfolio_theme .text-element h2 span.f_color_10 a,
            #portfolio_theme .text-element h3 span.f_color_10 a,
            #portfolio_theme .text-element h4 span.f_color_10 a,
            #portfolio_theme .text-element h5 span.f_color_10 a,
            #portfolio_theme .text-element h6 span.f_color_10 a
            { color: #363636 !important; }
                    #portfolio_theme .f_color_11,
            #portfolio_theme .f_color_11 span,
            #portfolio_theme .f_color_11 p,
            #portfolio_theme p.f_color_11,
            #portfolio_theme span.f_color_11,
            #portfolio_theme h1 span.f_color_11,
            #portfolio_theme h2 span.f_color_11,
            #portfolio_theme h3 span.f_color_11,
            #portfolio_theme h4 span.f_color_11,
            #portfolio_theme h5 span.f_color_11,
            #portfolio_theme h6 span.f_color_11,
            #portfolio_theme .text-element h1 span.f_color_11 a,
            #portfolio_theme .text-element h2 span.f_color_11 a,
            #portfolio_theme .text-element h3 span.f_color_11 a,
            #portfolio_theme .text-element h4 span.f_color_11 a,
            #portfolio_theme .text-element h5 span.f_color_11 a,
            #portfolio_theme .text-element h6 span.f_color_11 a
            { color: #d2d3d3 !important; }
                    #portfolio_theme .f_color_12,
            #portfolio_theme .f_color_12 span,
            #portfolio_theme .f_color_12 p,
            #portfolio_theme p.f_color_12,
            #portfolio_theme span.f_color_12,
            #portfolio_theme h1 span.f_color_12,
            #portfolio_theme h2 span.f_color_12,
            #portfolio_theme h3 span.f_color_12,
            #portfolio_theme h4 span.f_color_12,
            #portfolio_theme h5 span.f_color_12,
            #portfolio_theme h6 span.f_color_12,
            #portfolio_theme .text-element h1 span.f_color_12 a,
            #portfolio_theme .text-element h2 span.f_color_12 a,
            #portfolio_theme .text-element h3 span.f_color_12 a,
            #portfolio_theme .text-element h4 span.f_color_12 a,
            #portfolio_theme .text-element h5 span.f_color_12 a,
            #portfolio_theme .text-element h6 span.f_color_12 a
            { color: #cde3fd !important; }
                    #portfolio_theme .f_color_13,
            #portfolio_theme .f_color_13 span,
            #portfolio_theme .f_color_13 p,
            #portfolio_theme p.f_color_13,
            #portfolio_theme span.f_color_13,
            #portfolio_theme h1 span.f_color_13,
            #portfolio_theme h2 span.f_color_13,
            #portfolio_theme h3 span.f_color_13,
            #portfolio_theme h4 span.f_color_13,
            #portfolio_theme h5 span.f_color_13,
            #portfolio_theme h6 span.f_color_13,
            #portfolio_theme .text-element h1 span.f_color_13 a,
            #portfolio_theme .text-element h2 span.f_color_13 a,
            #portfolio_theme .text-element h3 span.f_color_13 a,
            #portfolio_theme .text-element h4 span.f_color_13 a,
            #portfolio_theme .text-element h5 span.f_color_13 a,
            #portfolio_theme .text-element h6 span.f_color_13 a
            { color: #d3d4d5 !important; }
        
                    #portfolio_theme .theme-btn.style1 {
                background-color : rgb(0, 122, 255);
                border-color : transparent;
                
                border-radius: 5px;
                color: #ffffff;
                font-size: 14px;
                font-weight: 700;
                font-family: 'Lato', sans-serif;
                letter-spacing: 0px;
                line-height: 1.3;
                padding: 15px 35px;
                text-transform: capitalize;
            }

            #portfolio_theme .theme-btn.style1 p,
            #portfolio_theme .theme-btn.style1 a {
                color: #ffffff;
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0px;
                line-height: 1.3;
                text-transform: capitalize;
            }
                    #portfolio_theme .theme-btn.style2 {
                background-color : rgb(241, 246, 255);
                border-color : transparent;
                
                border-radius: 5px;
                color: #007aff;
                font-size: 14px;
                font-weight: 400;
                font-family: 'Lato', sans-serif;
                letter-spacing: 3px;
                line-height: 1.3;
                padding: 15px 35px;
                text-transform: uppercase;
            }

            #portfolio_theme .theme-btn.style2 p,
            #portfolio_theme .theme-btn.style2 a {
                color: #007aff;
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                font-weight: 400 ;
                letter-spacing: 3px;
                line-height: 1.3;
                text-transform: uppercase;
            }
                    #portfolio_theme .theme-btn.style3 {
                border-color : rgb(0, 122, 255);
                background-color : transparent;
                border-width: 1px;
                border-radius: 100px;
                color: #007aff;
                font-size: 14px;
                font-weight: 400;
                font-family: 'Roboto', sans-serif;
                letter-spacing: 2px;
                line-height: 1.3;
                padding: 15px 35px;
                text-transform: uppercase;
            }

            #portfolio_theme .theme-btn.style3 p,
            #portfolio_theme .theme-btn.style3 a {
                color: #007aff;
                font-family: 'Roboto', sans-serif;
                font-size: 14px;
                font-weight: 400 ;
                letter-spacing: 2px;
                line-height: 1.3;
                text-transform: uppercase;
            }
        
        /*SweetAlert*/
        #portfolio_theme .swal2-container {
            font-family: 'Lato', sans-serif;
        }

        #portfolio_theme #email-validate-form label { color: rgba(0,0,0,1) !important; }

        #portfolio_theme #email-validate-form input {
            border: 1px solid rgba(0,0,0,.15) !important;
            color: #000 !important;
        }

        #portfolio_theme #email-validate-form input:hover,
        #portfolio_theme #email-validate-form input:focus,
        #portfolio_theme #email-validate-form input:hover {
            border: 1px solid rgba(0,0,0,.65) !important;
        }

    </style>
        </head>
    

            <body id="portfolio_theme"
            class="theme-width-none folio-live-site   new-folio-homepage"
                data-attr_currpage=page-12591>

            <div id="page-12591">
                                        
                    

                  
                 
            <section class="folio-section section-horizontal main-section main-body">     
        
    <section id="section-242976" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="0" data-column_count="2">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid s-link-text-white dark-background container-fluid" style="padding-bottom:40px;padding-top:40px;background-color:rgb(0, 122, 255)">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-4 col-md-4 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

<div class=
"img-container d-flex vertical-align flex-content-start black-logo new-folio-logo">
  <a href="/" class="full-width"><img src=
  "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/0cc10abfb50b1563.svg"
  alt="logo-footer.svg" style=
  "height: auto; width: 50%; position: relative;" draggable=
  "false"></a>
</div>
<div class=
"img-container d-flex vertical-align flex-content-start white-logo">
  <a href="/" class="full-width"><img src=
  "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/68525f976c62f43f.svg"
  alt="logo-footer.svg" style=
  "height: auto; width: 50%; position: relative;" draggable=
  "false"></a>
</div>

    </div>
    <div class="container-section-inner col-lg-8 col-md-8 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

<div class="new-custom-headermenu hidden-sm hidden-xs"></div>
<div class=
"icon md-icon f-icon-3lines_menu_m white-hover new-menu-icon text-right t-white hidden-lg hidden-md">
</div>
<div class="new-custom-menupopup hidden">
  <p class="icon md-icon f-icon-s_close_m close-icon t-white"></p>
</div>

    </div>


    </div></div></div></section>
     
        
    <section id="section-242835" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="1" data-column_count="2">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:0px;padding-top:50px">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-6 col-md-6 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

<div class="text-element">
	<h4><span class="bold f_color_8">Refreshingly</span></h4>

</div><div class="text-element">
	<h1><span class="bold f_color_8">Simple Websites</span></h1>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242839" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:22px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p><span class="f_xl f_color_8">An instantly easy, thoughtfully powerful website platform for your next idea or business.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242841" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:35px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="themebutton go-to-form">
  <a href="http://foliowebsites.com/app/go" target="_blank" class=
  "theme-btn style1 new-homepage bold no-rightclick add-right-25">Start
  Building</a> <a class="f_md popup-video" data-fancybox="" href=
  "https://vimeo.com/353594804"><img class=
  "play-icon hidden-sm hidden-xs" src=
  "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/c105cb6aefc3e06d.svg">
   <img class="play-icon hidden-lg hidden-md" src=
  "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/13700399d8702c50.svg">
   <span class="fw-bold">Introducing Folio</span> <span style=
  "font-size:13px;opacity:.45;">1m</span></a> 
  <!-- <a data-fancybox="" data-src="#section-226162" href=
                        "javascript:;" class="f_md popup-video"><img class=
                        "play-icon hidden-sm hidden-xs" src=
                        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/c105cb6aefc3e06d.svg">
                        <img class="play-icon hidden-lg hidden-md" src=
                        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/13700399d8702c50.svg">
                        <span class="fw-bold">Introducing Builder</span> <span style=
                            "font-size:13px;opacity:.45;">45s</span></a> -->
</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242843" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:60px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div>
    <div class="container-section-inner col-lg-6 col-md-6 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242845" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:363px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>    <div class="img-container row d-flex vertical-align flex-content-center">
                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/4d3156f1a535f5fb.png" alt="img-ipad-pro-mobile-cropped.png" style="height: auto; width: 100%; position: relative;"/>
            </div>


    </div>


    </div></div></div></section>
<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242853" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  container-fluid separator-section" style="padding-bottom:0px;padding-top:0px;height:400px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>     
        
    <section id="section-242847" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="2" data-column_count="1">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:41px;padding-top:0px">
            <div class="content-fixed clearfix">
        
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                

<div class="text-element">
	<h2 style="text-align:center;"><span class="bold">Point. Click. Edit.</span></h2>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242849" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_xl" style="text-align:center;"><span class="f_xl f_color_8">Real-time website editing tools to easily build your website.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242851" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="themebutton custom-inline-buttons" style=
"text-align:center">
  <a href="http://foliowebsites.com/app/go" target="_blank" class=
  "theme-btn style1">Start Building</a> <a href=
  "https://vimeo.com/302203505" class=
  "f_md popup-video theme-btn style2 d-flex vertical-align"
  data-fancybox=""><img class="play-icon" src=
  "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/c105cb6aefc3e06d.svg"
  style="margin-bottom: 1px"><span>See Builder In Action</span>
  <span style=
  "color:#007aff73 !important; font-size:13px;font-weight: 400;">3m
  10s</span></a>
</div><div class="point-click-edit">
  <div class="top-canvas">
    <div class="desktop">
      <img src=
      "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2048/5afe00e9a2ad7a5e.png">
    </div>
    <div class="mobile">
      <img src=
      "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a892d2034e6d13e0.png">
    </div>
  </div>
  <div class="bottom-canvas">
    <div class="content-fixed row d-flex vertical-align">
      <div class="col-lg-6 d-flex vertical-align">
        <div class="icon visual">
          <img src=
          "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/76d64c2a9b5c8a2c.png">
        </div>
        <div class="content">
          <h4 style="font-weight:bold;">
            Visually Edit Content
          </h4>
          <p>
            Click. Edit. Done. Managing your website has never been
            so fast and easy.
          </p>
        </div>
      </div>
      <div class="col-lg-6 d-flex vertical-align">
        <div class="icon element">
          <img src=
          "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/0ba3cda634b0ce0a.png">
        </div>
        <div class="content">
          <h4 style="font-weight:bold;">
            Easily Add Elements
          </h4>
          <p>
            Add text, photos, forms and so much more to your
            website with one-click.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

    </div></div></div></section>
<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242993" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  container-fluid separator-section" style="padding-bottom:0px;padding-top:0px;height:100px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>     
        
    <section id="section-242854" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="3" data-column_count="1">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:50px;padding-top:0px">
            <div class="content-fixed clearfix">
        
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                

<div class="text-element">
	<h2 style="text-align:center;"><span class="bold">Real. Amazing. Websites.</span></h2>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242856" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_xl" style="text-align:center;"><span class="f_xl f_color_8">Real websites built on Folio. Start building today for free.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242858" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="themebutton custom-inline-buttons" style=
"text-align:center">
  <a href="http://foliowebsites.com/app/go" target="_blank" class=
  "theme-btn style1">Start Building</a> <a href="/examples" class=
  "theme-btn style2 no-rightclick">More Examples</a> 
  <!--<a href="/new-folio-signup" class=-->
   
  <!--   "theme-btn style3 no-rightclick" style="margin:5px 0">Try-->
   <!--   Folio</a>-->
</div>

    </div></div></div></section>

<section id="section-242884" class="folio-section section-horizontal section_photogrid section-grid">
    <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->    <div class="section-layout-wrapper clearfix container-fluid container-fluid" style="padding-bottom:70px;padding-top:0px">
                    <div class="section-layout layout-photogrid layout-photogrid_3 content-fixed photogrid-photo the-gallery"
                data-element_id="242884"
                data-style="style-3"
                data-gallery_type="photo">
                <div class="clearfix">
                                            <div class="photo-grid photo-grid2 isotope-wrapper">
                            <div class="grid-sizer"></div>
                            <div class="grid-gutter"></div>

                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/c09a0b6e863713c4.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/c09a0b6e863713c4.png" alt="Designed4">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/6a652597a676d838.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/6a652597a676d838.png" alt="Saturn Media">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/3b7853be8b62401e.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/3b7853be8b62401e.png" alt="our global kids@2x.png">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/d3dda6dcbdff6ca1.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/d3dda6dcbdff6ca1.png" alt="vainlash-compressor.png">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/81ec5cb67d977511.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/81ec5cb67d977511.png" alt="zivio-compressor.png">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/56ee78ba263ef7de.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/56ee78ba263ef7de.png" alt="grover-compressor.png">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/80b7a267ad93e31e.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/80b7a267ad93e31e.png" alt="armond-rashad@2x-compressor.png">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/45e16a8700d08b92.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/45e16a8700d08b92.png" alt="dorothy lyczek@2x.min.png">
                                     </a>
                                </div>
                                                            <div class="photo-item">
                                    <a                                         class="no-rightclick clickable" data-fancybox="image-242884" rel="photogrid-group" href="javascript:;" data-src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/2560/fdccc55b64c281bc.png"
                                    >

                                    <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                                                                                                                    <button class="theme-btn style1 fw-regular hidden">View photo</button>
                                                                                </div>
                                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1024/fdccc55b64c281bc.png" alt="wolfer-productions.png">
                                     </a>
                                </div>
                                                    </div>

                                                            </div>
            </div>
            </div>
</section>
     
        
    <section id="section-242861" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="4" data-column_count="1">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:50px;padding-top:50px">
            <div class="content-fixed clearfix">
        
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                

<div class="text-element">
	<h2 style="text-align:center;"><span class="bold">Refreshingly Simple</span></h2>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242863" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
  <p class="f_xl" style="text-align:center;">
    Everything you need to launch a beautiful website <span class=
    "has-line">in minutes</span> not months.
  </p>
</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242865" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="themebutton custom-inline-buttons" style=
"text-align:center">
  <a href="http://foliowebsites.com/app/go" target="_blank" class=
  "theme-btn style1 no-rightclick">Start Building</a> <a href=
  "/pricing" class="theme-btn style2 no-rightclick">View
  Pricing</a>
</div>

    </div></div></div></section>
     
        
    <section id="section-242885" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="5" data-column_count="2">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:0px;padding-top:0px">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-6 col-md-6 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

    <div class="img-container row d-flex vertical-align flex-content-center">
                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/f0e8b7f6bb8df252.svg" alt="ico-perfect-pages.svg" style="height: auto; width: 35%; position: relative;"/>
            </div>
<div class="text-element">
	<h4><span class="bold">Perfect Pages</span></h4>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242889" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_md" style="line-height:1.6;"><span class="f_md f_color_8" style="line-height:1.6;">Start with a professionally designed layout and then add elements and content to make it perfectly yours.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242891" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_lg f_color_4"><a href="http://foliowebsites.com/tour"><span class="bold">Pages In Action</span></a></p>

</div>

    </div>
    <div class="container-section-inner col-lg-6 col-md-6 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

    <div class="img-container row d-flex vertical-align flex-content-center">
                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/707d33570ca2e0b9.png" alt="amazing-albums-1.png" style="height: auto; width: 35%; position: relative;"/>
            </div>
<div class="text-element">
	<h4><span class="bold">Amazing Albums</span></h4>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242896" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:0px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242897" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_md" style="line-height:1.6;"><span class="f_md f_color_8" style="line-height:1.6;">Managing photos has never been so easy or fun! Deliver to clients, share with friends or publish a gorgeous gallery in seconds.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242899" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_lg f_color_4"><a href="http://foliowebsites.com/tour"><span class="bold">Albums In Action</span></a></p>

</div>

    </div>


    </div></div></div></section>
     
        
    <section id="section-242901" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="6" data-column_count="2">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:135px;padding-top:0px">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-6 col-md-6 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

    <div class="img-container row d-flex vertical-align flex-content-center">
                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b786585c0fe854bf.svg" alt="ico-beautiful-blogging.svg" style="height: auto; width: 35%; position: relative;"/>
            </div>
<div class="text-element">
	<h4><span class="bold">Beautiful Blogging</span></h4>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242905" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_md" style="line-height:1.6;"><span class="f_md f_color_8" style="line-height:1.6;">Our clean, distraction free blog interface empowers you to write your best and publish in a click.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242907" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:18px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_lg f_color_4"><a href="http://foliowebsites.com/tour"><span class="bold">Blogging In Action</span></a></p>

</div>

    </div>
    <div class="container-section-inner col-lg-6 col-md-6 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

    <div class="img-container row d-flex vertical-align flex-content-center">
                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/e4f9f2069b353db1.svg" alt="ico-fantastic-forms.svg" style="height: auto; width: 35%; position: relative;"/>
            </div>
<div class="text-element">
	<h4><span class="bold">Fantastic Forms</span></h4>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242912" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_md" style="line-height:1.6;"><span class="f_md f_color_8" style="line-height:1.6;">Build interactive forms to capture visitor information, schedule appointments, or even collect payment for an event or service.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242914" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:18px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_lg f_color_4"><a href="http://foliowebsites.com/tour"><span class="bold">Forms In Action</span></a></p>

</div>

    </div>


    </div></div></div></section>
     
        
    <section id="section-242874" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="7" data-column_count="2">
        <!-- Desktop Styles -->
<style>
#section-242874 .section-layout-wrapper:not(.pre-header):not(.pre-footer) {
    background-image:url('https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/3221df039b6a4715.jpg');background-size:cover;background-repeat:no-repeat;background-position:50% 50%;
}
</style>

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:100px;padding-top:100px;background-color:rgb(32, 32, 32)">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-4 col-md-4 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242876" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:35px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<h2><span class="bold f_color_0">Not Just A Website</span></h2>
</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242878" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:20px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_xl"><span class="f_xl f_color_11">The smarter platform to promote your business.</span></p>
</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242880" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:20px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="themebutton custom-inline-buttons" style=
"text-align:left">
  <a href="/tour" class=
  "theme-btn style1 no-rightclick half-top half-bottom">Tour</a>
  <a href="http://foliowebsites.com/app/go" target="_blank" class=
  "theme-btn style3 no-rightclick half-top half-bottom">Start
  Building</a>
</div>

    </div>
    <div class="container-section-inner col-lg-8 col-md-8 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

<div class="clearfix">
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Perfect Pages</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/8fa5b613b509c035.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/a7bf3f695316683b.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Beautiful Blogging</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/0cdc090331cc5f7d.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/15157204906841b9.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Amazing Albums</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/42b60c50a3a300cd.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/db59e5b8e25ebc5b.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Fantastic Forms</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/04e5afef412a20a5.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/54c50aa619c4bf34.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Marvelous Media</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/47e0b1a05cbcb6cb.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/047645fe24bb0b04.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Elegant Elements</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/45535a2a096e8b6e.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/6dd8c5771e9f655f.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Delightful Design</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/e364915de4491a54.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/170b0d7c89cc33fc.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Staggering Storage</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/61bafafeea295c47.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/7ae134ea639c2def.svg"
        class="white-img">
      </div>
    </div>
  </div>
  <div class="service-col">
    <div class="img-wrap d-flex">
      <a href="/tour"></a> <span class=
      "f_color_0 fw-bold col-title-name">Super Support</span>
      <div class="pos-relative">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/17ec3ce3a3d1564a.svg">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/fb3cacb1933766f0.svg"
        class="white-img">
      </div>
    </div>
  </div>
</div>

    </div>


    </div></div></div></section>
<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242860" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  container-fluid separator-section" style="padding-bottom:0px;padding-top:0px;height:70px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>     
        
    <section id="section-242867" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="8" data-column_count="1">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:0px;padding-top:60px">
            <div class="content-fixed clearfix">
        
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                

<div class="text-element">
	<h2 style="text-align:center;"><span class="bold">Spectacular Service</span></h2>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242869" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_xl" style="text-align:center;"><span class="f_xl f_color_8">Build it amazing with our in-house web designers and super support team.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242871" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="themebutton custom-inline-buttons" style=
"text-align:center">
  <a href="http://foliowebsites.com/app/go" target="_blank" class=
  "theme-btn style1 no-rightclick">Start Building</a> <a href=
  "/design-services" target="_blank" class=
  "theme-btn style2 no-rightclick">View Services</a>
</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242873" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:50px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div></div></div></section>
     
        
    <section id="section-242981" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="9" data-column_count="2">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:0px;padding-top:0px">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-8 col-md-8 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242983" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:50px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="clearfix">
  <div class="colored-border-col black">
    <img src=
    "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1c629a0c4a65699a.svg"
    style="left: -30px;">
    <h4 class="bold add-bottom-2">
      Delightful Design
    </h4>
    <p class="f_md">
      Need help designing a logo or your home page? Folio has
      on-demand design services to help your website shine.<br>
      <a href="/design-services" target="_blank" class="t-blue-1"
      style="font-weight:bold;">Learn More</a>
    </p>
  </div>
  <div class="colored-border-col green add-top-5">
    <img src=
    "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/6e69fc0a9fbc3217.svg"
    style="left: -38px;">
    <h4 class="bold add-bottom-2">
      Super Support
    </h4>
    <p class="f_md">
      Instant access to live chat and email support plus USA phone
      support Monday through Friday for business plans. <a href="#"
      class="t-blue-1 hidden">Learn More</a>
    </p>
  </div>
</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242985" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:100px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div>
    <div class="container-section-inner col-lg-4 col-md-4 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">



    </div>


    </div></div></div></section>
     
        
    <section id="section-242996" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="10" data-column_count="2">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid-1200 s-content-text-white s-title-text-white dark-background container-fluid-1200" style="padding-bottom:0px;padding-top:15px;background-color:rgba(0, 26, 56, 0.86)">
            <div class="content-full clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2" data-column_count="2">
                

    <div class="container-section-inner col-lg-4 col-md-4 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

<div class="text-element">
	<h4><span class="bold f_color_0">Try Folio Today</span></h4>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242999" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_md f_color_0" style="line-height:1.6;"><span class="f_color_12">A refreshingly simple website building experience to spread your story.</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-243001" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:20px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="half-top half-bottom " style="text-align: left;">
            <a class="theme-btn d-inline trigger pos-relative style3"
            href="http://foliowebsites.com/app/go" target="_blank">
            Start Building
        </a>
    </div>

    </div>
    <div class="container-section-inner col-lg-8 col-md-8 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

    <div class="img-container row d-flex vertical-align flex-content-start">
                    <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/b1a3ac988d9ce569.png" alt="try folio1.png" style="height: auto; width: 100%; position: relative;"/>
            </div>


    </div>


    </div></div></div></section>
<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242969" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  container-fluid separator-section" style="padding-bottom:0px;padding-top:0px;height:30px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>     
        
    <section id="section-242916" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="11" data-column_count="4">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid-1200 container-fluid-1200" style="padding-bottom:75px;padding-top:100px">
            <div class="content-fixed clearfix">
        
                    <div class="clearfix container-section-outer" data-mobile_priority="1-2-3-4" data-column_count="4">
                

    <div class="container-section-inner col-lg-3 col-md-3 col-sm-12 col-xs-12 inner-col-1" data-depth="1" data-index="0">

<div class="text-element">
	<h6 style="line-height:1.6;"><span class="bold f_color_1" style="line-height:1.6;">Built On Folio</span></h6>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242919" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm" style="line-height:2;"><span class="f_color_8 f_sm" style="line-height:2;">Photographers</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242921" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Real Estate</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242923" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Professional Services</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242925" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Health &amp; Wellness</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242927" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Music Industry</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242929" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div>
    <div class="container-section-inner col-lg-3 col-md-3 col-sm-12 col-xs-12 inner-col-2" data-depth="1" data-index="1">

<div class="text-element">
	<h6 style="line-height:1.6;"><span class="bold f_color_1" style="line-height:1.6;">Builder</span></h6>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242932" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm" style="line-height:2;"><span class="f_color_8 f_sm" style="line-height:2;">All Features</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242934" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Albums</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242936" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Blogging</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242938" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Forms</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242940" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Elements</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242942" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div>
    <div class="container-section-inner col-lg-3 col-md-3 col-sm-12 col-xs-12 inner-col-3" data-depth="1" data-index="2">

<div class="text-element">
	<h6 style="line-height:1.6;"><span class="bold f_color_1" style="line-height:1.6;">Designers</span></h6>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242945" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm" style="line-height:2;"><span class="f_color_8 f_sm" style="line-height:2;">Overview</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242947" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Pricing</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242949" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Examples</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242951" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Team</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242953" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Sign Up</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242955" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div>
    <div class="container-section-inner col-lg-3 col-md-3 col-sm-12 col-xs-12 inner-col-4" data-depth="1" data-index="3">

<div class="text-element">
	<h6 style="line-height:1.6;"><span class="bold f_color_1" style="line-height:1.6;">Company</span></h6>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242958" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm" style="line-height:2;"><span class="f_color_8 f_sm" style="line-height:2;">Sales</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242960" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Support</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242962" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Social Mission</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242964" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">Blog</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242966" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:16px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_sm"><span class="f_color_8 f_sm">FAQ</span></p>

</div><!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242968" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:25px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    </div>


    </div></div></div></section>
     
        
    <section id="section-242970" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="12" data-column_count="1">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:60px;padding-top:60px">
            <div class="content-fixed clearfix">
        
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                

    <div class="img-container row d-flex vertical-align flex-content-center">
         
            <a href="/" class="no-rightclick" style="width: 12%; position: relative;" >
                <img src="https://assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/1da6910670b69d5a.svg" alt="logo-footer.svg" style="height: auto; width: 100%; position: relative;"/>
            </a>
            </div>
<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242972" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:33px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section>

    
    <nav>
    <ul class="socialmedia-element socialmedia-horizontal text-center">
                    <li>
                <a href="https://facebook.com/foliowebsites" 
                   class="icon md-icon f-icon-facebook_m" 
                   target="_blank" rel="nofollow"></a>
            </li>
                    <li>
                <a href="https://instagram.com/folio_websites/" 
                   class="icon md-icon f-icon-instagram_m" 
                   target="_blank" rel="nofollow"></a>
            </li>
            </ul>
</nav>

<!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles --><section id="section-242974" class="folio-section section-horizontal">
    <div class="section-layout-wrapper container-fluid section-layout section-line-separator  separator-element" style="padding-bottom:0px;padding-top:0px;height:10px">
         <div class="separator-style full-width">
                    </div>
    </div>
</section><div class="text-element">
	<p class="f_xs" style="text-align:center;"><span class="f_xs f_color_7">© 2019 Folio Websites, A PhotoUp Company. All Rights Reserved. This site built on Folio.</span></p>

</div>

    </div></div></div></section>
     
        
    <section id="section-242994" class="folio-section section-horizontal   clearfix" data-depth="0" data-index="13" data-column_count="1">
        <!-- Desktop Styles -->

<!-- End of Desktop Styles -->

<!-- Tablet Styles -->

<!-- End of Tablet Styles -->

<!-- Mobile Styles -->

<!-- End of Mobile Styles -->        <div class="section-layout-wrapper section-layout container-fluid container-fluid" style="padding-bottom:0px;padding-top:0px">
            <div class="content-full clearfix">
        
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                

<div class="clearfix full-width full-height popup-w-header">
  <div class=
  "pad-top-25 pad-bottom-25 d-flex vertical-align clearfix">
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
      <a href="/home"></a>
      <div class=
      "img-container d-flex vertical-align flex-content-start white-logo">
        <img src=
        "//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/68525f976c62f43f.svg"
        alt="logo-footer.svg" style=
        "height: auto; width: 65%; position: relative;" draggable=
        "false">
      </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
      <h4 style="font-weight: bold;">
        Simple. Fresh. Websites.
      </h4>
      <p>
        Try Folio today free. No credit card required.
      </p>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
      <a href="http://foliowebsites.com/app/go" target="_blank"
      class="theme-btn style3">start building</a>
    </div>
  </div>
  <p class="icon sm-icon f-icon-s_close_s close-icon"></p>
  <!--<iframe src=-->
  <!--    "//player.vimeo.com/video/302203133?autoplay=1&amp;hd=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;fullscreen=1&amp;api=1"></iframe>-->
</div>

    </div></div></div></section>
</section> 
    

                    
                                            <!-- gallery style 1 underscore template -->
                    <script type="text/template" id="gallery-tpl-style-1">
                    <% for(var key in photos) { %>
                        <div class="photo-item">
                            <% if(gallery_type == 'photo') { %>
                                <a  class="no-rightclick" href="javascript:;" data-src="<%- photos[key].url %>" data-fancybox="image-<%- element_id %>" rel="photogrid-group">
                            <% } else { %>
                                <a href="<%- photos[key].url %>">
                            <% } %>

                            <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                <% if(show_title || show_desc || show_button) { %>
                                    <% if(show_title) { %>
                                    <h3 class="photo-title fw-extrabold pos-relative add-bottom">
                                        <% if(photos[key].title) { %>
                                        <%- photos[key].title %>
                                        <% } %>
                                    </h3>
                                    <% } %>

                                    <% if(show_button) { %>
                                    <button class="theme-btn style1 hidden">View <%- gallery_type %></button>
                                    <% } %>

                                    <% if(show_desc) { %>
                                    <p class="photo-description fs-16 fw-regular pos-relative add-top">
                                        <% if(photos[key].description) { %>
                                        <%- photos[key].description.truncPlain(50) %>
                                        <% } %>
                                    </p>
                                    <% } %>
                                <% } %>
                            </div>

                            <div class"img-wrap full-height">
                                <img src="<%- photos[key].photo_url %>" alt="<%- photos[key].alt_text %>" />
                            </div>
                            </a>
                        </div>
                    <% } %>
                    </script>

                    <!-- gallery style 2 underscore template -->
                    <script type="text/template" id="gallery-tpl-style-2">
                    <% for(var key in photos) { %>
                        <div class="photo-item">
                            <% if(gallery_type == 'photo') { %>
                                <a  class="no-rightclick" href="javascript:;" data-src="<%- photos[key].url %>" data-fancybox="image-<%- element_id %>" rel="photogrid-group">
                            <% } else { %>
                            <a href="<%- photos[key].url %>">
                                <% } %>
                                <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                <% if(show_title || show_button) { %>
                                    <% if(show_title) { %>
                                    <h5 class="photo-title pos-relative add-bottom text-uppercase">
                                        <% if(photos[key].title) { %>
                                        <%- photos[key].title.truncPlain(20) %>
                                        <% } %>
                                    </h5>
                                    <% } %>

                                    <% if(show_button) { %>
                                        <button class="theme-btn style1 hidden">View <%- gallery_type %></button>
                                    <% } %>
                                <% } %>
                                </div>
                                <img src="<%- photos[key].photo_url %>" alt="<%- photos[key].alt_text %>" />
                            </a>
                        </div>
                            </a>

                    <% } %>
                    </script>

                    <!-- gallery style 3 underscore template -->
                    <script type="text/template" id="gallery-tpl-style-3">
                    <% for(var key in photos) { %>
                        <div class="photo-item">
                            <% if(gallery_type == 'photo') { %>
                                <a  class="no-rightclick" href="javascript:;" data-src="<%- photos[key].url %>" data-fancybox="image-<%- element_id %>" rel="photogrid-group">
                            <% } else { %>
                                <a href="<%- photos[key].url %>">
                            <% } %>
                            <div class="photo-info col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center d-flex vertical-align flex-content-center">
                                <% if(show_title || show_button) { %>
                                    <div class="clearfix">
                                        <% if(show_title) { %>
                                        <h5 class="photo-title pos-relative add-bottom text-uppercase">
                                            <% if(photos[key].title) { %>
                                            <%- photos[key].title.truncPlain(20) %>
                                            <% } %>
                                        </h5>
                                        <% } %>

                                        <% if(show_button) { %>
                                        <button class="theme-btn style1 fw-regular hidden">View <%- gallery_type %></button>
                                        <% } %>
                                    </div>
                                <% } %>
                            </div>
                            <img src="<%- photos[key].photo_url %>" alt="<%- photos[key].alt_text %>" />
                            </a>
                        </div>
                            </a>
                        </div>
                    <% } %>
                    </script>

                                    

                <div class="clearfix d-flex vertical-align flex-content-center email-loader">
                    <div class="spinner lg-spinner blue"></div>
                </div>

                <div class="md-overlay"></div>

                                <div id="terms" class="terms-and-contions modal section-layout-wrapper">
                    <h2 class="add-bottom">Terms & Conditions</h2>
                    <p class="f_md" style="line-height: 1.67;"><p class="letterspacing-normal ">In exchange for the monthly, quarterly or annual subscription you pay, Folio will provide you with either a custom website and access to the FolioWebsites builder application for custom website customers or access to the FolioWebsite builder application on the FolioWebsites platform for do-it-yourself (DIY) customers.</p>
<div class="add-top-2">
<p class="">FolioWebsites also will provide website hosting on one or more of our servers, so long as you abide by the terms and conditions that are set out on this page, and in any other agreements that relate to the services we may provide to you. We will provide the services according to the specifications listed for your website plan type and term.</p>
<p class="">&nbsp;</p>
<p class="">For clarity, on this page, the term &ldquo;services&rdquo; or &ldquo;service&rdquo; refers to the web hosting and custom website or website builder Folio will provide to you. The term &ldquo;FolioWebsites&rdquo; or &ldquo;us&rdquo; or &ldquo;we&rdquo; refers to FolioWebsites, a brand of PhotoUp Inc. The term &ldquo;Client&rdquo;, &ldquo;user&rdquo; or &ldquo;you&rdquo; refers to purchasers of FolioWebsites service.</p>
<p class="">&nbsp;</p>
<p class=" add-bottom">FolioWebsites reserves the right at any time to:</p>
<ol class="add-left">
<li class="add-bottom">Change the Terms of Service</li>
<li>Change the site services, including eliminating or discontinuing any content or feature of the site services.</li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4 class="">Fees and Pricing</h4>
<p class="">FolioWebsites charges various subscription and one-time fees for FolioWebsites&rsquo;s service based on plan type and length of plan term, total storage usage, financial transactions conducted through Folio's platform, and other user selected services and/or product offerings through automatic scheduled Stripe transactions each month. All payments are in USD.</p>
<p class="">&nbsp;</p>
<p class="">&nbsp;</p>
<h4 class="">Templates and Ownership</h4>
<p class="">FolioWebsites has/will provide Client with a custom website or website template and editing tools in accordance with a purchase order or other documents setting forth the design, style, and name of the FolioWebsites template. FolioWebsites grants Client a limited, non-exclusive, non-transferable license to use the Template for the sole purpose of marketing and providing information on the World Wide Web regarding Client&rsquo;s business, entity or person. The Folio platform will allow Client to log in to Client website manager with a password and upload, edit, and delete content, files and images to their website. Client may access data on the FolioWebsites servers contained in their account only. With the exception of read-only access to log files, neither Client, nor any users, shall have the authority to access, read, or write data to any other location or account on the FolioWebsites servers. Client may not use the Template for any other purpose.</p>
<p class="">&nbsp;</p>
<p class="">U.S. copyright laws and international copyright treaties protects FolioWebsite Templates, System Designs and Databases. The Database is Confidential Information as hereinafter set forth are proprietary to FolioWebsites, and title shall remain in FolioWebsites. All applicable common law and statutory rights to the aforesaid including, but not limited to, rights in confidential and trade secret material, source code, object code, menus, structure and sequence, screenshots, trademarks, service marks, patents, and copyrights, shall be and will remain the property of FolioWebsites. Client shall have no right, title, or interest in such proprietary rights except as set forth herein.</p>
<p class="">&nbsp;</p>
<p class="">THE TEMPLATES CONTAIN CONFIDENTIAL AND TRADE SECRET MATERIAL AND THE KNOW-HOW OF FOLIOWEBSITES, WHICH IS NOT READILY SUSCEPTIBLE TO REVERSE ENGINEERING, REVERSE DECOMPILING, OR DISASSEMBLING AND MAY CONTAIN PRINTED OR VISUALLY-PERCEPTIBLE MATERIALS DESCRIBING THE USE OR DESIGN OF WHICH IS PROPRIETARY TO FOLIOWEBSITES, A BRAND OF PHOTOUP INC.</p>
<p class="">&nbsp;</p>
<p class="">&nbsp;</p>
<h4 class="">Refunds and Cancellations</h4>
<p class="">Due to the public nature of FolioWebsites website templates, all sales are final. The monthly payment for FolioWebsites service is non-refundable. In the case where a user signs up for a quarterly or annual term and then wishes to cancel their subscription prior to the end of their term, user will be charged one-half (1/2) their remaining aggregate subscription fees for their committed service term.</p>
<p class="">&nbsp;</p>
<p class="">There will be no refunds or credits for partial months or years of service or refunds for months unused with an open and/or active account. In order to treat everyone equally, no exceptions will be made.</p>
<p class="">&nbsp;</p>
<p class="">If a client does not cancel the automatic subscription set up and authorized within FolioWebsites, the client understands that the monthly, quarterly or yearly subscription will automatically renew and the client authorizes FolioWebsites to collect the then-applicable subscription fee.</p>
<p class="">&nbsp;</p>
<p class="">If a client&rsquo;s PayPal subscription for service is skipped or fails to be paid, FolioWebsites will attempt to automatically and re-process the payment within 24 hours of the first failed payment. Upon a second failed payment processing attempt Folio will immediately suspend the client&rsquo;s service and all access to the service for the unpaid subscription fee. Once overdue subscription is paid and reinstated, FolioWebsites will unsuspend client&rsquo;s service within 24 hours.</p>
<p class="">&nbsp;</p>
<p class="">All disputes and overcharges must be reported directly to FolioWebsites, in writing (email is acceptable) to support@foliowebsites.com. Any user that initiates a chargeback, reversal, retrieval request, or other dispute with their credit card issuing bank (&ldquo;Dispute&rdquo;) will be charged a $50 service fee to reimburse FolioWebsites for dispute resolution. The Client&rsquo;s account will be immediately suspended or terminated pending investigation.</p>
<p class="">&nbsp;</p>
<p class="">After cancellation of FolioWebsites service, the client&rsquo;s website and all hosting account content may immediately and permanently be deleted by FolioWebsites, at it's sole discretion, and FolioWebsites accepts no liability for such deleted information or content. FolioWebsites is, however, under no obligation to delete all content or account information and may do so at the sole discretion of FolioWebsites.</p>
<p class="">&nbsp;</p>
<p class="">All fees for FolioWebsites service are exclusive of all taxes, levies, or duties imposed by taxing authorities, and you shall be responsible for payment of all such taxes, levies, or duties, excluding only United States (federal or state) taxes when applicable.</p>
<p class="">&nbsp;</p>
<p class="">&nbsp;</p>
<h4 class="">Hosting and Permission to Host Your Content</h4>
<p class="">For us to host your website, it is necessary for you to upload your content to our servers. When you do this uploading or Folio employees do this on your behalf at your direction, one or more more copies of your content may be stored on our system for purposes of system optimization, backups and any other purposes as determined by Folio. By purchasing a Folio website from us, you acknowledge these copies are being made, and give us the permission (a license) to maintain these copies and make them available to users of the Internet. You are solely responsible for providing all of the content and other data that make up your website. Please note that even though you upload a copy of your content to our servers, you must always retain a backup copy of your content, databases and other web-files, as in effect from time to time, so you can reload them in the event of any technical issues, such as server problems, technical or system related issues, loss of that content from our servers, etc.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites service includes hosting in order to maintain proper functionality and security of Folio websites and themes as well as provide customer support.</p>
<p class="">&nbsp;</p>
<h4 class="">Changing Websites Themes</h4>
<p class="">FolioWebsites allows our clients to change website at their choosing via a client&rsquo;s website&nbsp; setting page from the FolioWebsites website builder. FolioWebsites reserves the right to make changes to themes, either adding or removing features as determined by FolioWebsites, in order to improve the Service or as otherwise deemed necessary at the sole discretion of Folio.</p>
<p class="">&nbsp;</p>
<p class="">&nbsp;</p>
<h4 class="">Email Service</h4>
<p class="">FolioWebsites does not provide email hosting and does not provide email support. We recommend users use Google Apps for their email needs and to contact Google Apps support with any support questions. Folio Websites is not responsible for any emails lost due to improper setup of email service.</p>
<p class="">&nbsp;</p>
<p class="">&nbsp;</p>
<h4 class="">Passwords and Security Responsibility</h4>
<p class="">Client is solely and personally responsible for maintaining the security of Client&rsquo;s website and hosting account, including the responsibility to protect his/her Username and Password and the access they grant. Client is fully responsible for all activities that occur under his/her account and any other actions taken in connection with FolioWebsites service.</p>
<p class="">&nbsp;</p>
<p class="">Client may not disclose or share his/her password with any third parties or use his/her password for any unauthorized purpose. Any access to FolioWebsites service using a Username and Password will be considered to be the client and any loss of information or account due to use of a Username and Password will be the sole responsibility of the client. Client agrees to immediately notify FolioWebsites service in writing via an email to support@foliowebsites.com of any unauthorized uses of the account or any other breaches of security.</p>
<p class="">&nbsp;</p>
<p class="">Client acknowledges and agrees that under no circumstances will FolioWebsites be liable, in any way, for any acts or omissions by any client or a Guest, including any damages of any kind incurred as a result of such acts or omissions or from Clients failure to comply with this security obligation. FolioWebsites service only stores an encoded version of each Password, is not capable of knowing or accessing any client Passwords, and will not under any circumstances be liable for the loss, resetting, or use of any Username or Password.</p>
<p class="">&nbsp;</p>
<p class="">&nbsp;</p>
<h4 class="">Music</h4>
<p class="">For legal reasons with music royalty licensing, FolioWebsites does not include music with our websites. If the client chooses to add music to their Folio theme they are responsible for uploading as well as licensing the music they upload. FolioWebsites is not responsible for any issues that may arise regarding the addition of music to the clients website.</p>
<p class="">&nbsp;</p>
<h4 class="">Personal Information</h4>
<p class="">When you place an order for our services, your personal information, including your credit card information, is transmitted via the use of Secure Socket Layer (SSL) technology, the industry standard for encrypting sensitive information, via Stripe.</p>
<p class="">&nbsp;</p>
<p class="">Folio does not store your full credit card number on our servers nor do we have access to your full credit card number(s). You are responsible for keeping your credit card or other payment methods up-to-date and current within Folio to ensure uninterrupted billing and service.</p>
<p class="">&nbsp;</p>
<h4 class="">Backups</h4>
<p class="">FolioWebsites is not liable for any data or information loss due to server failure and or any other technical failures.</p>
<p class="">&nbsp;</p>
<p class="">Because the Services permit Users to electronically transmit or upload content directly to the User Web site, User shall be fully responsible for uploading all content to the User Web site and supplementing, modifying and updating the User Web site.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites shall not be responsible for any damages to the User Content, the User Web site or other damages or any malfunctions or service interruptions caused by any failure of the User Content or any aspect of the User Web site.</p>
<p class="">&nbsp;</p>
<p class="">User is solely responsible for making backup copies of the User Content. FolioWebsites is not responsible for maintaining backup copies of any user content or materials, including without limitation any User Web sites, databases, web files, written content, photos or e-mail or other user data or information, or other content or materials. FolioWebsites cannot guarantee that the contents of a Web site will never be deleted or corrupted, or that a backup of a Web site will always be available. Users should always keep up-to-date copies of all such materials and content to a local computer and FolioWebsites strongly suggests that Users regularly make additional copies (on tape, CD, USB drives, another desktop, or elsewhere) to ensure the availability of such files, content or materials.</p>
<p class="">&nbsp;</p>
<p class="">All products and services provided by FolioWebsites may be used for lawful purposes only. Transmission, storage, or presentation of any information, data or material in violation of any United States Federal, State or City law is prohibited. This includes, but is not limited to: copyrighted material, material we judge to be threatening or obscene, or material protected by trade secrets and other statue. The subscriber agrees to indemnify and hold harmless FolioWebsites from any claims resulting from the use of the service which damages the subscriber or any other party.</p>
<p class="">&nbsp;</p>
<p class="">Pornography and sex-related images, content, marketing, merchandising or any other related activity are strictly prohibited on any FolioWebsites server. This is also true for sites that promote any illegal activity or content that may be damaging to FolioWebsites servers or any other server on the internet. Links to such materials are also prohibited. This policy is in effect to help protect all our users and our brand and to promote a healthy and safe internet for all users.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites will be the sole arbiter as to what constitutes a violation of this provision. Any accounts found in violation of this policy may be cancelled and deleted immediately without notice.</p>
<p class="">&nbsp;</p>
<h4 class="">Limitation of Liability</h4>
<p class="">You expressly understand and agree that FolioWebsites shall not be liable for any direct, indirect, incidental, special, consequential or exemplary damages, including but not limited to, damages for loss of profits, goodwill, use, data or other intangible losses (even if FolioWebsites has been advised of the possibility of such damages), resulting from: (i) the use or the inability to use the service; (ii) the cost of procurement of substitute goods and services resulting from any goods, data, information or services purchased or obtained or messages received or transactions entered into through or from the service; (iii) unauthorized access to or alteration of your transmissions or data; (iv) statements or conduct of any third party on the service; or (v) any other matter relating to the service.</p>
<p class="">&nbsp;</p>
<p class="">You expressly understand and agree that FolioWebsites shall not be liable for any direct, indirect, incidental, special, consequential or exemplary damages, including but not limited to errors in automatic credit card debits performed by our 3rd party billing services.</p>
<p class="">&nbsp;</p>
<p class="">The information and materials contained on this web site have been compiled from a variety of sources and, as such, are subject to change without notice. In no event will FolioWebsites be liable for any damages, whether direct, indirect, general, consequential, incidental, exemplary or special, arising from the use of information provided on this server or through links to any other servers.</p>
<p class="">&nbsp;</p>
<p class="">Communications to FolioWebsites via this web site shall in no way be deemed to constitute legal or official notice to FolioWebsites, its agencies, officers, employees, representatives or agents with respect to any existing, pending or future claim or cause of action against FolioWebsites or any of its agencies, officers, employees, representatives or agents where notice is required by Federal, State or local law. Nor shall communications to FolioWebsites via this web site be deemed to constitute legal or official notice for any other purpose.</p>
</div></p>
                </div>
                
                                <div id="privacy" class="privacy-policy modal section-layout-wrapper">
                    <h2 class="add-bottom">Privacy Policy</h2>
                    <p class="f_md" style="line-height: 1.67;"><p class="">This agreement is between the User and FolioWebsites, a brand of PhotoUp Inc, a Delaware Corporation. Users certify that: user is older than 18 years of age; user is authorized to enter into this agreement on behalf of itself or its company; user is not impersonating anyone; and all information user provide in its registration is true.</p>
<p class="">&nbsp;</p>
<p class="">By registering for and using Folio Websites, a brand of PhotoUp Inc, site user agrees to be bound by the terms of this agreement. This agreement consists of the terms set forth in this document together with all applicable policies and procedures that appear on FolioWebsites, a PhotoUp Inc company&rsquo;s website. FolioWebsites, a PhotoUp Inc, company may at its discretion without notice change these terms by posting the changes on its site. User shall monitor and read these changes. User accepts these changes when user continue to use the site after FolioWebsites, a PhotoUp Inc company, posts them. If a user doesn&rsquo;t agree with a change, then he/she should discontinue use of their website and cancel their subscription.</p>
<p class="">&nbsp;</p>
<h4 class="">Services</h4>
<p class="">FolioWebsites, a PhotoUp Inc company, reserves the right to make changes to its subscription plan offerings, data storage plans and pricing, and other service offering or 3rd party integrations. Sser accepts these changes when user continues to use the services after FolioWebsites, a PhotoUp Inc company, makes the change.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites, a PhotoUp Inc company, may temporarily suspend its service whenever it needs to make upgrades, maintenance, and the like.</p>
<p class="">Notwithstanding any provision of this agreement, FolioWebsites, a PhotoUp Inc company, will have the right, in its sole discretion, to determine the content, appearance, design, functionality and all other aspects of its site&nbsp; (including the right to re-design, modify, remove and alter the content, appearance, design, navigation, functionality, and other aspects of the site and/or any page thereof and any element, aspect, portion or feature thereof, from time to time). FolioWebsites, a PhotoUp Inc company, will not do anything contrary to the law or that violates FolioWebsites user policies.</p>
<p class="">&nbsp;</p>
<h4 class="">Term</h4>
<p class="">This agreement is effective on the date user signs up for any one of FolioWebsites, a PhotoUp Inc company, free or paid subscription plans or other company offerings. Either party may at any time terminate this agreement without cause and without notice. If FolioWebsites, a PhotoUp Inc company, terminates this agreement, then it may suspend or terminate user&rsquo;s username, password and account, and remit the pro-rated monthly payment to the user, unless the termination is due to a violation of the user, in which case FolioWebsites, a PhotoUp Inc company, may terminate a user account without remittance of user&rsquo;s payment.</p>
<p class="">&nbsp;</p>
<h4 class="">Payment</h4>
<p class="">User shall pay FolioWebsites, a PhotoUp Inc company, for its services according to the pricing on the plan that user selects. FolioWebsites, a PhotoUp Inc company, will bill monthly for use of the Service or software on the billing date selected by the user or on the day of the month that the user originally started paying on.</p>
<p class="">All invoices for any charges under this agreement are due and payable on the day submitted. For users paying via credit card, user&rsquo;s credit card will be charged simultaneously with the creation of the user&rsquo;s invoice. User&rsquo;s account will be considered delinquent (in arrears) if payment in full is not received by the due date specified on the invoice.</p>
<p class="">&nbsp;</p>
<p class="">Amounts due are exclusive of all applicable taxes, levies, or duties, and user will be responsible for payment of all such amounts. All amounts are payable in U.S. dollars, unless otherwise stated. If user believes that any specific charge under this agreement is incorrect, in order to obtain a credit, user must contact FolioWebsites, a PhotoUp Inc company, in writing within 30 days of invoice date setting forth the nature and amount of the requested correction; otherwise invoices are final.</p>
<p class="">&nbsp;</p>
<p class="">In addition to other applicable remedies, FolioWebsites, a PhotoUp Inc company, may suspend and/or terminate user&rsquo;s access to the Service and/or terminate this agreement, upon three days&rsquo; email notice, if user&rsquo;s account becomes delinquent (falls into arrears) or the credit care on file does not successfully transact.</p>
<p class="">Delinquent invoices are subject to interest of 1.5% per month on any outstanding balance, or the maximum permitted by law, whichever is less, plus all expenses of collection, including reasonable attorneys&rsquo; fees and court costs.</p>
<p class="">&nbsp;</p>
<p class=""><span style="color: inherit; font-size: 18px; font-weight: 400; letter-spacing: 0px;">Appropriate Use of Service</span></p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">User may not sub-license, resell or supply the Service for use in or for the benefit of any other organization, entity, business, or enterprise without Vendor&rsquo;s prior written consent.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">User agrees not to submit to the Service any material that is illegal, misleading, defamatory, indecent or obscene, in poor taste, threatening, infringing of any third party proprietary rights, invasive of personal privacy, or otherwise objectionable (collectively &ldquo;Objectionable Matter&rdquo;).</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">It is the user&rsquo;s sole responsibility to ensure that any Objectionable Matter is not submitted to FolioWebsites, a PhotoUp Inc company. In addition, FolioWebsites, a PhotoUp Inc company, may, at its option, adopt rules for permitted and appropriate use and may update them from time to time on FolioWebsites, a PhotoUp Inc company, web site; user will be bound by any such rules.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">FolioWebsites, a PhotoUp Inc company, may remove any photograph or data that constitutes Objectionable Matter or violates any of FolioWebsites, a PhotoUp Inc company, rules regarding appropriate use, but is not obligated to do so. User will comply with all applicable laws regarding photos and data, use of the Service, including laws involving private data and any applicable export controls. FolioWebsites, a PhotoUp Inc company reserves, the right to terminate this agreement for cause in case the user materially breaches the provisions of this section.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">FolioWebsites, a PhotoUp Inc company, reserves the right to suspend or terminate immediately the user&rsquo;s account or activity that is disrupting or causing harm to FolioWebsites, a PhotoUp Inc company, computers, systems or infrastructure or to other parties, or is in violation of state or federal laws.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="color: inherit; font-size: 18px; font-weight: 400; letter-spacing: 0px;">Passwords and Access</span></p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">User is responsible for all activities that occur under its account. User is responsible for maintaining the security and confidentiality of all usernames and passwords.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">User shall notify FolioWebsites, a PhotoUp Inc company, immediately of any unauthorized use of its username or password or account or any other known or suspected breach of security. User shall change its password if it&rsquo;s compromised.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="color: inherit; font-size: 18px; font-weight: 400; letter-spacing: 0px;">Data</span></p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">All photos and other data submitted by user to FolioWebsites, a PhotoUp Inc company, will remain the sole property of user.</span></p>
<p class="">&nbsp;</p>
<p class=""><span style="font-family: 'Work sans', sans-serif; font-size: 15px; font-weight: 300;">User will have sole responsibility for the accuracy, quality, integrity, legality, reliability, appropriateness of and copyright permissions for all photographs and data it submits to FolioWebsites, a PhotoUp company.</span></p>
<div class="add-top-35">
<p class="">FolioWebsites, a PhotoUp Inc company, may use photographs uploaded and websites created by user for various marketing activities on FolioWebsites.com or other affiliated marketing websites owned by FolioWebsites, a PhotoUp company.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites, a PhotoUp Inc company, may aggregate anonymous statistical data, including but not limited to use and functioning of its system, for various marketing and internal activities to improve the system. Such aggregated statistical data will be the sole property of FolioWebsites, a PhotoUp Inc company. FolioWebsites, a PhotoUp Inc company, will use commercially reasonable security measures to protect the photographs and data against unauthorized disclosure or use.</p>
<p class="">&nbsp;</p>
<h4 class="">FolioWebsites, a brand PhotoUp Inc Data</h4>
<p class="">FolioWebsites, a brand PhotoUp Inc, and its suppliers retain all rights in FolioWebsites, a PhotoUp Inc company, to data such as text, audio, video, graphic and other information. This agreement grants no ownership rights to user. No license is granted to user except to use FolioWebsites, a PhotoUp Inc company, Services. FolioWebsites, a PhotoUp Inc company, names, logos, and the product names associated with FolioWebsites, a PhotoUp Inc company, online services are trademarks of FolioWebsites, a PhotoUp Inc company, or third parties, and they may not be used without FolioWebsites, a PhotoUp Inc company, prior written consent. Sser shall not remove FolioWebsites, a PhotoUp Inc company, marks from these licensed materials.</p>
<p class="">&nbsp;</p>
<p class="">User may not alter, resell or sublicense FolioWebsites, a PhotoUp Inc company, services or software without the written consent of Vendor. User shall not reverse engineer FolioWebsites, a PhotoUp Inc company, services or its software or other technology, in part or whole.</p>
<p class="">&nbsp;</p>
<p class="">User shall not use or access FolioWebsites, a PhotoUp Inc company, services to: (i) build a competitive product or service, (ii) make or have made a product using similar ideas, features, functions or graphics of the online services, (iii) make derivative works based upon the service or FolioWebsites, a PhotoUp Inc company, data or (iv) copy or share with any non-user not bound by the FolioWebsites, a PhotoUp Inc company, service agreement any features, functions or graphics of the services or FolioWebsites, a PhotoUp Inc company, data, either electronic or physical, including screenshots of the system.</p>
<p class="">&nbsp;</p>
<p class="">User shall not &ldquo;frame&rdquo; or &ldquo;mirror&rdquo; the services. Use, resale or exploitation of the services and/or FolioWebsites, a PhotoUp Inc company, data except as expressly permitted in this agreement is prohibited.</p>
<p class="">&nbsp;</p>
<h4 class="">Warranties</h4>
<p class="">FolioWebsites, a PhotoUp Inc company, makes no warranty or representation, express or implied, including without limitation those of merchantability or fitness for a particular purpose regarding its website and services related to this agreement.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites, a PhotoUp Inc company, services, products and content are provided to user on an &ldquo;as is&rdquo; and &ldquo;as available&rdquo; basis. User assumes all responsibility for determining whether the service or the information generated thereby is accurate or sufficient for its purposes.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites, a PhotoUp Inc company, does not warrant that use of the system will be error-free or uninterrupted. FolioWebsites, a PhotoUp Inc company, is not responsible for software installed or used by user or for the operation or performance of the Internet.</p>
<p class="">&nbsp;</p>
<p class="">FolioWebsites, a PhotoUp Inc company, is responsible and has all discretion related to customer service issues related to use of its site.</p>
<p class="">&nbsp;</p>
<h4 class="">Liability</h4>
<p class="">The aggregate liability of FolioWebsites, a PhotoUp Inc company, and its affiliates (and their respective employees, directors, agents and representatives) for any sort of claim related to this agreement, including contracts and torts, that user makes against it will not exceed the amount earned by FolioWebsites, a PhotoUp Inc company, under this agreement in the twelve months before the event occurred. Except as otherwise provided in this agreement, user shall pay for all of FolioWebsites, a PhotoUp Inc company, financial losses related to any sort of third-party claim.</p>
<p class="">&nbsp;</p>
<h4 class="">Advertising</h4>
<p class="">The FolioWebsites, a PhotoUp Inc company, website uses cookies, tracking pixels and related technologies. Cookies are small data files that are served by our platform and stored on your device. Our site uses cookies dropped by us or third parties for a variety of purposes including to operate and personalize the website. Also, cookies may also be used to track how you use the site to target ads to you on other websites. If you would like to opt out of receiving targeted advertising, please contact our team&nbsp;<a href="https://www.foliowebsites.com/contact/" target="_blank" rel="noopener noreferrer">here</a>.</p>
</div></p>
                </div>
                
                                    <div id="cookie-banner" class="cookie-policy cookie-banner">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 d-flex vertical-align flex-content-center">
                            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 no-padding">
                                <p class="f_sm" style="line-height: 1.67;"><p>Folio uses cookies, tracking pixels and related technologies. By continuing to browse our site, you are agreeing to our use of cookies. Click <a href="https://www.foliowebsites.com/cookie-policy" target="_blank" rel="noopener">here</a> for more information.</p></p>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 no-padding text-right">
                                <button class="theme-btn style1">Okay</button>
                            </div>
                        </div>
                    </div>
                            </div>
            
        </body>
    
    <!-- Custom Footer Scripts -->
            <script src=
"//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/jquery.ui.accordion.min.js"></script>
<script type="text/javascript" src=
"//assets.foliowebsites.com/fw_510e9648e9168081c1bad06f49408501/js/intercom.js"></script>
<script>

//Google Ads conversion tracker
 $(function(){
        var head = $('head');

        if(location.pathname == "/congratulations") {
            head.append('<meta name="robots" content="noindex, nofollow">');
            head.append('<script> gtag("event", "conversion", {"send_to": "AW-776518457/gXO6COOvu5QBELn2ovIC"})'); 
        }
    });
    
     $(function(){
        var head = $('head');

        if(location.pathname == "/thank-you-a") {
            head.append('<meta name="robots" content="noindex, nofollow">');
            head.append('<script> gtag("event", "conversion", {"send_to": "AW-776518457/gXO6COOvu5QBELn2ovIC"})'); 
        }
    });
    
         $(function(){
        var head = $('head');

        if(location.pathname == "/pfre-thank-you") {
            head.append('<meta name="robots" content="noindex, nofollow">');
            head.append('<script> gtag("event", "conversion", {"send_to": "AW-776518457/gXO6COOvu5QBELn2ovIC"})'); 
        }
    });

//Meta Robots Tags for Landing Pages
    $(function(){
        var head = $('head');

        if(location.pathname == "/affordable-website-design") {
            head.append('<meta name="robots" content="noindex, nofollow">');
        }
    }); 
    
    $(function(){
        var head = $('head');

        if(location.pathname == "/cheap-website-design") {
            head.append('<meta name="robots" content="noindex, nofollow">');
        }
    }); 
    
    $(function(){
        var head = $('head');

        if(location.pathname == "/cheap-website-design-1") {
            head.append('<meta name="robots" content="noindex, nofollow">');
        }
    }); 
    
    $(function(){
        var head = $('head');

        if(location.pathname == "/cost-effective-website-design") {
            head.append('<meta name="robots" content="noindex, nofollow">');
        }
    }); 
    
    $(function(){
        var head = $('head');

        if(location.pathname == "/low-budget-website-design") {
            head.append('<meta name="robots" content="noindex, nofollow">');
        }
    }); 
   

// wrapping sections with 1 bg
$(function(){
    $("#section-134952, #section-154367, #section-131969, #section-131977").wrapAll("<section class='home-section-grp'><\/section>");
});

$(function(){
    $("#section-131978,#section-132624, #section-131976,#section-131970,#section-131971,#section-132134").wrapAll("<section class='mostpopular-section-grp'><\/section>");

});

/*Website Pricing*/
$(function(){
    $("#section-190500,#section-190172, #section-190366").wrapAll("<section class='pricing-section-grp'><\/section>");

});

/*Website Project*/
$(function(){
    $("#section-190653,#section-190595").wrapAll("<section class='webproject-section-grp'><\/section>");

});

/*Website Project GOOGLE*/
$(function(){
    $("#section-191833,#section-191829").wrapAll("<section class='webproject-section-grp'><\/section>");

});
/*Website Project PFRE*/
$(function(){
    $("#section-191844,#section-191840").wrapAll("<section class='webproject-section-grp'><\/section>");

});

/*NEW Website Project GOOGLE*/
$(function(){
    $("#section-191892,#section-191851,#section-191885").wrapAll("<section class='newwebprojectgoogle-section-grp'><\/section>");

});
/*NEW Website Project PFRE*/
$(function(){
    $("#section-191943,#section-191902,#section-191936").wrapAll("<section class='newwebprojectpfre-section-grp'><\/section>");

});

/*NEW Website Project*/
$(function(){
    $("#section-190686,#section-190671, #section-190681").wrapAll("<section class='newwebproject-section-grp'><\/section>");

});
/*new website projects > including google and pfre*/
$(function(){
    $("#section-190671 .container-section-inner").wrapInner("<div><\/div>");
});
$(function(){
    $("#section-191851 .container-section-inner").wrapInner("<div><\/div>");
});
$(function(){
    $("#section-191902 .container-section-inner").wrapInner("<div><\/div>");
});
/*Professionals*/
// $(function(){
//     $("#section-190924,#section-190967, #section-190966").wrapAll("<section class='professionals-section-grp'><\/section>");

// });

/*FordPSN wrap css*/
$(function(){
    $("#section-209331 .container-section-inner").wrapInner("<div><\/div>");
});
// fordpsn bg
$(function(){
    $("#section-209325, #section-209347").wrapAll("<section class='ford-section-grp'><\/section>");

});

// affordable-website-design
$(function(){
    $("#section-197435,#section-190967, #section-190966").wrapAll("<section class='professionals-section-grp'><\/section>");

});

//cheap-website-design
$(function(){
    $("#section-197504,#section-197464, #section-197463").wrapAll("<section class='cheap-website-section-grp'><\/section>");

});

//Cost Effective Website Design
$(function(){
    $("#section-197567,#section-197527, #section-197526").wrapAll("<section class='cost-effect-website-section-grp'><\/section>");

});

//Low Budget Website Design
$(function(){
    $("#section-197622,#section-197582, #section-197581").wrapAll("<section class='low-budget-website-section-grp'><\/section>");

});



$(function(){
    /*designer program*/ 
    $("#section-181221,#section-181219, #section-181230,#section-181875,#section-181209").wrapAll("<section class='designer-program-section-grp'><\/section>");

});

$(function(){
    /*designer program pricing*/ 
    $("#section-182034,#section-194209,#section-182127").wrapAll("<section class='designer-pricing-section-grp'><\/section>");
    $("#section-181905,#section-188816").wrapAll("<section class='designer-pricing-mostpopular-grp'><\/section>");
});

$(function(){
    /*PFRE page*/ 
    $("#section-193529,#section-193436, #section-193543").wrapAll("<section class='pfre-section-grp'><div><\/div><\/section>");

});

$(function(){
    /*PFRE page*/ 
    $("#section-193523,.pfre-section-grp,#section-193621").wrapAll("<section class='pfre-section-bg-grp'><div><\/div><\/section>");

});


    // menu button
    $(function(){
        var header = $(".layout-header_1");
        var header_children = $(".layout-header_1 > div").find(".col-lg-6");
        var header_menu = header.find("#header-menu-wrap>ul");
        
        $(header_children[0]).removeClass("col-lg-6 col-md-6 col-sm-6 col-xs-9").addClass("col-lg-5 col-md-5 col-sm-5 col-xs-9");
        $(header_children[1]).removeClass("col-lg-6 col-md-6 col-sm-6 col-xs-6").addClass("col-lg-7 col-md-7 col-sm-7 col-xs-7");
        header_menu.removeClass("flex-wrap");

        header.append("<a href='https://www.foliowebsites.com/app/go' class='theme-btn style1 text-uppercase hidden-sm hidden-xs'>Try Folio<\/a>");
        
    });
    
    //slider slick//
    var section_slides = $('#section-134952 .slides');
    
    function customSlider() {
        section_slides.slick("slickPlay");
    };
    
    section_slides.on("mouseenter mouseout", function(e){
        e.preventDefault();
        e.stopPropagation();
        
        customSlider();
    });
    

    // footer swap social media & copyright
    $(function(){
        var footer = $(".layout-footer > div");
        var first_div = footer.find("> div:first-child");
        var last_div = footer.find("> div:last-child");
        
        
        last_div.removeClass("col-lg-6 col-md-6 col-sm-5 col-xs-12 d-flex vertical-align flex-content-end").addClass("col-lg-3 col-md-3 col-sm-12 col-xs-12 d-flex vertical-align flex-content-start hidden");
        last_div.find(".social-media-menu").removeClass("flex-content-end").addClass("flex-content-start");
        first_div.removeClass('col-lg-9 col-md-12 col-sm-12 col-xs-12 d-flex vertical-align flex-content-start').addClass('col-lg-6 col-md-6 col-sm-12 col-xs-12 d-flex vertical-align flex-content-start');
        footer.append(first_div);
        footer.append("<div class='col-lg-6 col-md-6 col-sm-12 col-xs-12 d-flex vertical-align flex-content-end'><p class='fs-12' style='color:#777'>This site is built on Folio.<\/p><\/div>");
    });

    // pre footer   
    $(function(){
        var footer_layoutwrapper = $('.section-footer .section-layout-wrapper');
        var html = '<div class="clearfix pad-left-5 pad-right-5">';
        html += '<div class="footerlinks col-lg-3 col-md-3 col-sm-12 col-xs-12 pad-bottom-5">'; 
        html += '<div class="img-container d-flex vertical-align flex-content-start">';
        html += '<a href="/"><img style="height: auto; width: 80%; position: relative;" src="//assets.foliowebsites.com/c15da1f2b5e5ed6e6837a3802f0d1593/web-816/14191322b214692a.svg" alt="14191322b214692a.svg" draggable="false"><\/a>';
        html += '<\/div>';
        html += '<p class="f_md add-top-2" style="color:#777">140 Pearl NW Suite 200<\/p>';
        html += '<p class="f_md  add-bottom" style="color:#777">Grand Rapids, MI 49503<\/p>';
        html += '<p class="f_md add-bottom-2" style="color:#777">(833) 365-4646<\/p>';
        html += '<a class="theme-btn style3 text-uppercase text-center" target="_blank" href="//search.google.com/local/writereview?placeid=ChIJI8OmsHKtGYgR2a6or1DjWlg">Write A Review<\/a>';
        html += '<\/div>';
        html += '<div class="footerlinks col-lg-2 col-md-2 col-sm-2 col-xs-12">&nbsp;';
        html += '<\/div>';
        html += '<div class="footerlinks col-lg-2 col-md-2 col-sm-3 col-xs-12">';
        html += '<p class="text-uppercase letterspacing-15em f_xs half-pad-left half-top" style="color: #777;">product<\/p>';
        html += '<ul class="add-top-2 add-bottom-2">';
            // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">builder<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">custom design<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">industries<\/a><\/li>';
                html += '<li><a href="/examples" class="text-capitalize f_sm" style="color: #aaa;">examples<\/a><\/li>';
                html += '<li><a href="/pricing" class="text-capitalize f_sm" style="color: #aaa;">pricing<\/a><\/li>';
                html += '<li><a href="//foliowebsites.com/app/go" class="text-capitalize f_sm" style="color: #aaa;">start building<\/a><\/li>';
                html += '<\/ul>';
                html += '<\/div>';
                html += '<div class="footerlinks col-lg-2 col-md-2 col-sm-3 col-xs-12">';
                html += '<p class="text-uppercase letterspacing-15em f_xs half-pad-left half-top" style="color: #777;">tour<\/p>';
                html += '<ul class="add-top-2 add-bottom-2">';
                html += '<li><a href="/tour" class="text-capitalize f_sm" style="color: #aaa;">albums<\/a><\/li>';
                html += '<li><a href="/tour" class="text-capitalize f_sm" style="color: #aaa;">blogging<\/a><\/li>'; 
                /* html += '<li><a href="/tour" class="text-capitalize f_sm" style="color: #aaa;">sections<\/a><\/li>'; */
            // html += '<li><a href="/tour" class="text-capitalize f_sm" style="color: #aaa;">elements<\/a><\/li>';
            html += '<li><a href="tour" class="text-capitalize f_sm" style="color: #aaa;">forms<\/a><\/li>';
            // html += '<li><a href="/tour" class="text-capitalize f_sm" style="color: #aaa;">themes<\/a><\/li>';
            html += '<\/ul>'; 
            html += '<\/div>';
                // html += '<div class="footerlinks col-lg-2 col-md-2 col-sm-3 col-xs-12">';
                // html += '<p class="text-uppercase letterspacing-15em f_xs half-pad-left half-top" style="color: #777;">industries<\/p>';
                // html += '<ul class="add-top-2 add-bottom-2">';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">photographers<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">construction<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">health care<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">professionals<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">automotive<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">small business<\/a><\/li>';
                // html += '<\/ul>';
                // html += '<\/div>';
                html += '<div class="footerlinks col-lg-2 col-md-2 col-sm-3 col-xs-12">';
                html += '<p class="text-uppercase letterspacing-15em f_xs half-pad-left half-top" style="color: #777;">connect<\/p>';
                html += '<ul class="add-top-2 add-bottom-2">';
                html += '<li><a href="/faq" class="text-uppercase f_sm" style="color: #aaa;">faq<\/a><\/li>';
                html += '<li><a href="/contact" class="f_sm" style="color: #aaa;">Contact<\/a><\/li>';
                html += '<li><a href="//www.facebook.com/foliowebsites" class="text-capitalize f_sm" style="color: #aaa;" target="_blank">facebook<\/a><\/li>';
                html += '<li><a href="//www.instagram.com/folio_websites" class="text-capitalize f_sm" style="color: #aaa;" target="_blank">instagram<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">sales<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">support<\/a><\/li>';   
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">about<\/a><\/li>';
                // html += '<li><a class="text-capitalize f_sm" style="color: #aaa;">mission<\/a><\/li>';
                html += '<\/ul>';
                html += '<\/div>';
                html += '<\/div>';
                
                footer_layoutwrapper.prepend(html);
            });

    // pricing page tabs
    
    $(function(){
        $('ul.tabs li:first-child').addClass('current');
        
        $('ul.tabs li').click(function(){
            var tab_id = $(this).attr('data-tab');

            $('ul.tabs li').removeClass('current');
            $('.tab-content').removeClass('current');

            $(this).addClass('current');
            $("#"+tab_id).addClass('current');
        })
    });
    
    // faq page 
    $(function(){
        $(".img-container").removeClass("row");
        $("#section-140074, #section-140100, #section-140131, #section-140145, #section-140158, #section-140171, #section-140185, #section-140198, #section-140211").find(".container-section-outer")
        .addClass('bordered-section');
    });
    
    
    $(function(){
        var $slider   = $(".custom-slider"),
        parent    = $slider.parent(),
        counter   = parent.find('.slick-paging');

        //Cloning Album/Photo info
        var getInfo = function() {
          var active = $slider.find('.slick-active');
          var featured_textwrap_active = active.find(".featured-textwrap");

          parent.find('.featured-textwrap:not(.hidden)').remove();
          featured_textwrap_active.clone().appendTo(parent).removeClass('hidden').find('[data-fancybox]').removeAttr('data-fancybox rel href title');

      };


      $slider.on('init reInit beforeChange', function (event, slick, currentSlide) {
        setTimeout(function(){ 
            getInfo();
        }, 100);

    });

      $('.custom-slider').slick({
        arrow: false,
        dots: true,
        autoplay: true,
        infinite: true,
        speed: 400,
        fade: true
    });

         // Pause on resize
         $(window).resize(function(){
            var container = $slider.parents('.layout-featured');

            $slider.slick('slickPause');

            setTimeout(function () {
                $slider.slick('slickPlay');
            }, 500);
        });        
     });

    // Powerful & Easy To Use section mobile priority and tour page  
    // var sectionColPriority = function() {
    //     var width_range = false;
    //     var window_w = $(window).width();
    //     var section = $("#section-132065, #section-132047, #section-139808, #section-139828");
        
    //     if(window_w < 991 && window_w > 767){
    //         width_range = true;
    //     }
        
    //     if(width_range) {
    //         section.each(function(){
    //             var $this = $(this);
    //             var container_outer = $this.find('.container-section-outer');
    //             var first_container_inner = $this.find('.container-section-inner:first-child');

    //             container_outer.append(first_container_inner);
    //         });
    //     }
    // }
    
    var hideLetsGo = function() {
        var menu_li = $(".layout-header_1 .menu-horizontal").find("li a");

        menu_li.each(function() {
            if($(this).text() == "Try Folio") {
                $(this).hide();
            } 
        });

    };


    // accordion redirect
    $( function() {
        $( ".accordion" ).accordion({
            heightStyle: "content",
            collapsible: true,
            active: false
        });
    });

    function getParam(name) {
        var query = location.search.substring(1);
        if (query.length) {
            var parts = query.split('&');

            for (var i = 0; i < parts.length; i++) {
                var pos = parts[i].indexOf('=');
                if (parts[i].substring(0,pos) == name) {
                    return parts[i].substring(pos+1);
                }
            }
        }
    }

    $(function() {
        var defaultPanel = parseInt(getParam('panel'));
        $( ".accordion" ).accordion({
            active: defaultPanel,
            activate: function( event, ui ) {
                if(!$.isEmptyObject(ui.newHeader.offset())) {
                    $('html:not(:animated), body:not(:animated)').animate({ scrollTop: ui.newHeader.offset().top - 80 });
                }
            }
        }); 
    });
    
    $(function(){
        var head = $('head');

        if(location.pathname == "/thank-you") {
            head.append('<meta name="robots" content="nofollow,noindex">');
            head.append('<script> gtag("event", "conversion", {"send_to": "AW-776518457/gXO6COOvu5QBELn2ovIC"})'); 
        }
    });



    // hide menu
    $(function(){
        if(location.pathname == "/pfre")  {
            $("#header-menu-wrap").css({ 'display': 'none'});
            $(".layout-header_1").find(".theme-btn").removeAttr("href").addClass('designer-prog-btn0 try-foliobtn-header').text("TRY FOLIO TODAY");
        }

        // if(location.pathname == "/affordable-website-design") {
        //     $("#header-menu-wrap").css({ 'display': 'none'});
        //     $(".layout-header_1").find(".theme-btn").attr("href","https://www.foliowebsites.com/new-website-project").addClass('designer-prog-btn0 try-foliobtn-header').text("TRY FOLIO TODAY");
        // }

         if(location.pathname == "/affordable-website-design" || location.pathname == "/cheap-website-design" || location.pathname == "/cost-effective-website-design" || location.pathname == "/low-budget-website-design") {
            $("#header-menu-wrap").css({ 'display': 'none'});
            $(".layout-header_1").find(".theme-btn").removeAttr("href").addClass('designer-prog-btn0 try-foliobtn-header').text("TRY FOLIO TODAY");
        }
        
        if(location.pathname == "/cheap-website-design-1") {
            $("#header-menu-wrap").css({ 'display': 'none'});
            $(".layout-header_1").find(".theme-btn").removeAttr("href").addClass('go-to-price designer-prog-btn0 try-foliobtn-header').text("PRICING");
        }

        // if(location.pathname == "/cheap-website-design") {
        //     $("#header-menu-wrap").css({ 'display': 'none'});
        //     $(".layout-header_1").find(".theme-btn").removeAttr("href").addClass('designer-prog-btn0 try-foliobtn-header').text("TRY FOLIO TODAY");
        // }

        // if(location.pathname == "/cost-effective-website-design") {
        //     $("#header-menu-wrap").css({ 'display': 'none'});
        //     $(".layout-header_1").find(".theme-btn").removeAttr("href").addClass('designer-prog-btn0 try-foliobtn-header').text("TRY FOLIO TODAY");
        // }

        // if(location.pathname == "/low-budget-website-design") {
        //     $("#header-menu-wrap").css({ 'display': 'none'});
        //     $(".layout-header_1").find(".theme-btn").removeAttr("href").addClass('designer-prog-btn0 try-foliobtn-header').text("TRY FOLIO TODAY");
        // }


    });


    /*slide down form:anchor*/
    $(function(){
        $(".go-to-form").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-197612,#section-197557,#section-191048,#section-193515,#section-197494, #section-202617").offset().top},'slow');
        });
    });
    
    $(function(){
        $(".try-foliobtn-header").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-197612,#section-197557,#section-191048,#section-197494,#section-193515, #section-202591").offset().top},'slow');
        });
    });
    /*slide down pricing*/
    $(function(){
        $(".go-to-price").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-191029, #section-197478, #section-197541, #section-197596, #section-193529,#section-202591").offset().top},'slow');
        });
    });
/*slide down pricing*/
    $(function(){
        $(".go-to-contact").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-200643").offset().top},'slow');
        });
    });
    
/*slide down fordSPN contact*/
    $(function(){
        $(".go-to-ford-contact").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-209363").offset().top},'slow');
        });
    });
/*slide down fordSPN examples*/
    $(function(){
        $(".go-to-examples").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-209405").offset().top},'slow');
        });
    });

/*slide down fordSPN standard website design*/
    $(function(){
        $(".go-to-standard-web-design").click(function() {
            $('html,body').animate({
                scrollTop: $("#section-209400").offset().top},'slow');
        });
    });

    // custom menu
    $(function(){
        var menu  = "<ul class='text-right'>";
            menu += "<li><a href='/tour'>Tour<\/a><\/li>";
            menu += "<li><a href='/pricing'>Pricing<\/a><\/li>";  
            menu += "<li><a href='/examples'>Examples<\/a><\/li>";
            menu += "<li><a href='/design-services'>Services<\/a><\/li>";
            menu += "<li><a href='/blog'>Blog<\/a><\/li>";
            menu += "<li><a href='/faq'>FAQ<\/a><\/li>";
            menu += "<li><a href='/contact'>Contact<\/a><\/li>";
            menu += "<li><a href='https://foliowebsites.com/app/login'>Login<\/a><\/li>";
            menu += "<\/ul>";
            menu += "<div class='more-menu pos-relative pad-left-15 pad-right-15 hidden'><span class='icon md-icon f-icon-3lines_menu_m white-hover' style='line-height: 2.3'><\/span>";
            menu += "<div class='sub-menu-more custom-scrollbar-2 pos-absolute'>";
            menu += "<ul><\/ul>";
            menu += "<\/div>";    
            menu += "<\/div>";
            menu += "<div class='pad-left-2 menu-btn'><a href='http://foliowebsites.com/app/go' target='_blank' class='theme-btn no-rightclick' style='margin:5px 0'>Try Folio<\/a><\/div>";
        var mq = window.matchMedia( "(max-width: 899px)" );
        var menu_cont = $(".new-custom-headermenu");
        var menu_popup = $(".new-custom-menupopup");

        $(menu).appendTo(menu_cont);
        $(menu).appendTo(menu_popup);

        $(".new-menu-icon").click(function(){
            if(mq.matches){
                menu_popup.removeClass('hidden');
                $('body').addClass('overflow-hidden');
                menu_popup.find('.more-menu').remove();
            }
        });

        $(".new-custom-menupopup .close-icon").click(function(){
            menu_popup.addClass('hidden');
            $('body').removeClass('overflow-hidden')
        });

        

    });

    $(function(){ 
        $("html").attr("lang","en");
    });

    var removeCustomPopup = function() {
        var mq = window.matchMedia( "(max-width: 899px)" );
        var menu_popup = $(".new-custom-menupopup");

        if(!mq.matches) {
           menu_popup.addClass('hidden');
           $('body').removeClass('overflow-hidden'); 
        }
    }

    var customMenu = function(){
        var ul = $(".new-custom-headermenu > ul");
        var li = $(".new-custom-headermenu ul > li");
        var new_more_menu = $(".new-custom-headermenu .more-menu");
        var new_more_submenu =$(".new-custom-headermenu .sub-menu-more ul");
        var first_topPos = $(".new-custom-headermenu li:first-child").position().top;
        var total_li_w = 0;        
        
        li.each(function(i){
            if($(this).position().top !== first_topPos) {
                    $(this).appendTo(new_more_submenu);
            }else {
                    total_li_w += $(this).outerWidth();
            }

            if(total_li_w > ul.outerWidth()) {
                $(this).appendTo(new_more_submenu);
            }else {
                new_more_submenu.find('li').first().appendTo(ul);
            }
        }) 

        if(new_more_submenu.find('li').length > 0) {
           new_more_menu.removeClass('hidden'); 
        }else {
           new_more_menu.addClass('hidden');  
        }   

        if(total_li_w + new_more_submenu.find('li').first().outerWidth() < ul.outerWidth()) {
            new_more_submenu.find('li').first().appendTo(ul);
        }
    }

    $(document).on("ready",function(){
        hideLetsGo();
        customMenu();
        // sectionColPriority();  
    });
    
    $(window).resize(function(){
        hideLetsGo();
        customMenu();
        removeCustomPopup();
        // sectionColPriority();
    });
    
        $(document).on("ready",function(){
              var sectionOne = $('#section-220551 .section-layout-wrapper');
        var sectionTwo = $('#section-220571 .section-layout-wrapper');

        var sectionArray = [];
        var sectionClass = ['section-221181','section-222392','section-221205','section-222407'];
        var sectionCounter = 0;

        sectionOne.find('a').each(function() {
            sectionArray.push($(this));
        })

        sectionTwo.find('a').each(function() {
            sectionArray.push($(this));
        })

        for (var i = 0;  i <= sectionArray.length; i++) {
            if (sectionCounter >= 4) {
                sectionCounter = 1
            } else {
                var sectionAttr = sectionClass[sectionCounter];
                $(sectionArray[i]).attr('data-section', sectionAttr)
                sectionCounter++;
            }
        }

        $.each(sectionArray, function() {
            var el = $(this)
            var elAttr = el.data('section');
            el.on('click', function(e) {
                localStorage.removeItem("link");
                localStorage.setItem("link", elAttr);
            })
        })
        
        // custom menu
// setTimeout(function(){ 
//     var tour = $('.new-custom-headermenu').find('ul.text-right li:first-child');
//     tour.append("<div class='sub-more-menu'><a href='/amazing-albums'>Amazing Albums<\/a><\/div>")
//     $('.new-custom-menupopup ul li:eq(0)').after("<li><a href='/amazing-albums'>Amazing Albums<\/a><\/li>");
//     }, 500);

    });

</script>
<script type="text/javascript" id="hs-script-loader" async defer
src="//js.hs-scripts.com/4386041.js"></script>
    
    <!-- Custom Page Footer Scripts -->
     
        <script>
$(function() {$("#section-242976,#section-242835,#section-242853").wrapAll("<section class='new-hero-banner'><\/section>");
});

$(function() {$("#section-225994,#section-220314").wrapAll("<section class='laptop-bg'><\/section");
});

$(function() {$("#section-242867,#section-242981").wrapAll("<section class='man-bg'><\/section");
});

$(function() {$("#section-220338 .container-section-inner, #section-220596 .container-section-inner").wrapInner("<div class='col-container'><\/div>");
});

$(function(){ $("#section-242885 .container-section-inner,#section-242901 .container-section-inner,#section-220627 .container-section-inner").wrapInner("<div class='col-container'><\/div>");
});

$(function(){$
        var col = $('#section-242885 .col-container,#section-242901 .col-container');

        col.each(function(){
                $(this).children(":not(.img-container)").wrapAll("<div class='text-container'><\/div>");
        });

    //footer
    $("#section-220731 .container-section-inner").removeClass("col-lg-3 col-md-3 col-sm-6 col-xs-12").addClass("col-lg-3 col-md-3 col-sm-3 col-xs-6")

    // fancybox video

    $('.popup-video[data-fancybox]').fancybox({
        baseClass: "custom-fancybox-video",
        opts: {
            clickOutside: "close",
            touch: {
                vertical: true, 
                momentum: true
            }
        },           
        afterLoad : function(instance,current) {
            var section = $("#section-242994").clone();

                current.$slide.find('.fancybox-content').prepend(section);
                $('html').addClass('overflow-hidden');

                $(".custom-fancybox-video .popup-w-header .close-icon").click(function(){
                    $.fancybox.close();
                })
        },
        afterClose : function(instance,current) {
             $('html').removeClass('overflow-hidden');
        }
    });

});

</script>
        <!-- End of Custom Page Footer Scripts -->
</html>
