/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.top-bar {
    background-color: #5a9dee;
    padding: 0 20px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
	overflow: auto;
}
.top-bar a {
    color: #ffffff;
}
.top-bar a:hover {
    text-decoration: underline;
    color: #ffffff;
}
.top-bar-divider {
    font-size: 40px;
    line-height: 1em;
    font-size: 51px;
}
.top-bar-left, .top-bar-right {
    padding: 20px 0;
}
.top-bar-left .top-bar-divider {
    margin-right: 6px;
}
.top-bar-right .top-bar-divider {
    margin-right: 12px;
}
.top-bar-events {
    white-space: nowrap;
}
.button.ghost {
    background-color: transparent;
    border: 4px solid #FFF;
    color: #ffffff;
    vertical-align: bottom;
    padding: 6px 12px;
}
.button.ghost:hover {
    background-color: #2b2b2b;
    text-decoration: none;
}
.home-intro-ctas {
    text-align: center;
}
.home-intro h2 {
    font-weight: 600;
}
.home-intro p {
    font-size: 24px;
    font-weight: 300;
}
.home-intro-ctas img {
    visibility: hidden;
}
.cta-web-design {
    background:url('images/cta-web-design.jpg') 50% 0 no-repeat;
    background-size: cover;
    display:block;
    height:100%;
    width:100%;
}
.cta-web-design:hover {
    background: url('images/cta-web-design-hover.jpg') 50% 100% no-repeat;
    background-size: cover;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -webkit-transition-delay: .1s; /* Safari */
    transition-delay: .1s;
}
.cta-seo {
    background:url('images/cta-seo.jpg') 50% 0 no-repeat;
    background-size: cover;
    display:block;
    height:100%;
    width:100%;
}
.cta-seo:hover {
    background: url('images/cta-seo-hover.jpg') 50% 100% no-repeat;
    background-size: cover;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -webkit-transition-delay: .1s; /* Safari */
    transition-delay: .1s;
}
.cta-pay-per-click {
    background:url('images/cta-pay-per-click-advertising.jpg') 50% 0 no-repeat;
    background-size: cover;
    display:block;
    height:100%;
    width:100%;
}
.cta-pay-per-click:hover {
    background: url('images/cta-pay-per-click-advertising-hover.jpg') 50% 100% no-repeat;
    background-size: cover;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -webkit-transition-delay: .1s; /* Safari */
    transition-delay: .1s;
}
.cta-social-media {
    background:url('images/cta-social-media-management.jpg') 50% 0 no-repeat;
    background-size: cover;
    display:block;
    height:100%;
    width:100%;
}
.cta-social-media:hover {
    background: url('images/cta-social-media-management-hover.jpg') 50% 100% no-repeat;
    background-size: cover;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -webkit-transition-delay: .1s; /* Safari */
    transition-delay: .1s;
}
.home-cta-services {
    display: inline-block;
    padding: 0 20px;
}
.home-cta-service {
    text-align: center;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    margin: 8px 0 20px;
}
h3.home-form, #text-5 h2.widget-title {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.home-it-takes-a-village h2 {
    font-weight: 600;
}
.home-it-takes-a-village p {
    font-size: 24px;
    font-weight: 300;
}
p.home-village-content {
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}
.home-village-logos {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.home-village-logos img {
    border: 1px solid #ffffff;
}
.home-village-logos img:hover {
    border: 1px solid #b0b0b0;
}
.home-proven-success h2 {
    font-weight: 600;
}
.home-proven-success p {
    font-size: 24px;
    font-weight: 300;
}
.home-proven-success .button.ghost {
    background-color: transparent;
    border: 4px solid #174e98;
    color: #174e98;
    font-weight: 500;
    font-size: 20px;
}
.home-proven-success .button.ghost:hover {
    background-color: #174e98;
    color: #ffffff;
}
#testimonials-slider {
    max-width: 900px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 300;
}
#testimonials-slider .flexslider {
    background: transparent;
    border: 0px;
}
#testimonials-slider .flexslider .slides img {
    width: initial;
}
.home-proven-success-content {
    max-width: 600px;
    margin: 20px auto 40px auto;
    text-align: center;
}
#testimonials-slider .flex-control-paging li a {
    background: #a6a6a6;
    width: 17px;
    height: 17px; 
}
#testimonials-slider .flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
    background: #174e98;
}
#testimonials-slider .flexslider .slides>li {
    margin-bottom: 20px;
    text-align: center;
}
.cta-hero-about-image {
    margin: 0 auto;
    max-width: 100%;
    overflow: auto;
}
#cta-hero-about-photos {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
#cta-hero-about-photos a {
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
}
#cta-hero-about-photos img {
    position: relative;
    float: left;
    width: 100%;
}
#cta-hero-about-photos a.cta-hero-about-us {
    display: block;
    padding: 18% 10% 0 0;
    position: absolute;
    max-width: 100%;
    color: #fff;
    font-size: 67px;
    text-transform: uppercase;
    text-align: center;
    right: 0;
    font-weight: 500;
}
#cta-hero-about-photos a {
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
}
.cta-hero-about-image:hover #cta-hero-about-photos a.cta-hero-about-us {
	color: #f7bf18;
}
.home .generate-sections-inside-container {
	padding-left: 20px;
	padding-right: 20px;
}
.home-why-pistonbroke .grid-parent {
	overflow: hidden;	
}
.home-why-pistonbroke blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
    line-height: 1.4;
    position: relative;
    border-left: 0;
    padding: 0;
    text-align: center;
    font-size: 30px;
    padding: 0 150px;
    margin: 0 0 .7em;
}
.home-why-pistonbroke blockquote:before {
    content: open-quote;
    display: block;
    color: #ffffff;
    font-size: 160px;
    position: absolute;
    top: 80%;
    left: 40px;
    transform: translateY(-50%);
}
.home-why-pistonbroke blockquote:after {
    content: close-quote;
    display: block;
    color: #ffffff;
    font-size: 160px;
    position: absolute;
    top: 80%;
    right: 40px;
    transform: translateY(-50%);
}
.home-why-pistonbroke h2 {
    color: #ffffff;
    text-align: center;
    font-weight: 600;
}
.home-why-pistonbroke p {
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
}
.home-free-website-review h2 {
    font-size: 26px;
    font-weight: 600;
}
.home-free-website-review h3 {
    font-size: 24px;
    font-weight: 300;
}
.home-free-website-review h3.home-form {
    font-size: 26px;
    font-weight: 600;
}
.home-free-website-review p {
    font-size: 20px;
}
.home-free-website-review .button.ghost {
    background-color: transparent;
    border: 4px solid #174e98;
    color: #174e98;
    font-weight: 500;
}
.home-free-website-review .button.ghost:hover {
    background-color: #174e98;
    color: #ffffff;
}
.home-examples-row h2 {
    color: #ffffff;
    font-weight: 600;
}
.home-examples-content {
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
}
.home-examples-row .flexslider {
    background-color: transparent;
    border: 0px;
}
.home-examples-row .flexslider .slides img {
    max-width: 750px;
}
#examples-slider .flex-control-paging li a {
    text-indent: 0px;
    color: #ffffff;
    background: #a3cdff;
    width: 41px;
    height: 41px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.7em;
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
    box-shadow: inset 0 0 0px rgba(0,0,0,.3);
}
#examples-slider .flex-control-paging li a.flex-active {
    background: #174e98;
}
.video-container {
	position: relative;
}
.video-container ol.flex-control-nav {
    display: none;
}
.video-container video {
	height: auto;
	vertical-align: middle;
	width: 100%;
	pointer-events: none;
}
.home-video-content {
    margin-bottom: 10px;
}
.video-container #slider {
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
}
.video-container .flexslider {
    background-color: transparent;
    border: 0px;
    margin: 0px;
}
.video-container .overlay-desc {
    display: flex;
    justify-content: center;
}
.video-container .overlay-desc .fade-in {
	color: #ffffff;
	font-size: 4vw;
	font-weight: normal;
	text-shadow: 2px 2px 4px #666666;
	text-align: left;
	line-height: 1.2em;
}
.video-container .overlay-desc .fade-in .video-subheader {
	display: block;
	font-size: 2vw;
	text-align: left;
}
.video-container .home-video-button {
    font-size: initial;
    line-height: initial;
    text-shadow: none;
}
.video-container .home-video-button a {
    text-transform: uppercase;
    font-weight: 500;
}
.video-container .home-video-button a.button {
    background-color: #b52b23;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.video-container .home-video-button a.button:hover {
    background-color: #8b211b;
}
.wpcf7-form p {
    margin-bottom: .8em;
}
.wpcf7-form p.contact-submit {
    margin-bottom: 0px;
}
.wpcf7 input[type="text"], .wpcf7 textarea, .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="submit"] {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 17px;
    width: 100%;
    padding: 16px;
}
.wpcf7 textarea {
    height: 200px;
}
.wpcf7 input[type="submit"] {
    text-transform: uppercase;
    font-weight: 500;
}
.event-landingpage-phone {
    color: #ffffff;
    text-align: right;
    font-size: 22px;
    font-weight: 500;
    margin-top: 40px;
}
.landing-page-hero img {
    width: 100%;
    margin-bottom: 40px;
}
.landing-page-form-call {
    text-align: center;
    font-weight: bold;
}
.landing-page-button {
    text-transform: uppercase;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.site-footer {
    color: #9f9f9f;
    background-color: #2b2b2b;
    padding-top: 20px;
}
.top-footer {
    padding: 0 20px;
    width: initial !important;
}
.top-footer a {
    color: #9f9f9f;
}
.grid-50.top-footer-left {
    padding-left: 0px;
}
.top-footer-left {
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 500;
}
.top-footer-right {
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 500;
}
.top-footer-right-inside {
    margin-top: 24px;
}
.top-footer a:hover {
    text-decoration: underline;
}
hr.top-footer-hr {
    background-color: #9f9f9f;
    max-width: 1200px;
    width: 90%;
	margin: 40px auto;
}
.social-icons img {
    padding-right: 8px;
    vertical-align: bottom;
}
body.page .featured-image.grid-container {
    max-width: 100%;
}
.page.post-image-aligned-center .featured-image {
    margin-top: 0px;
}
.page .featured-image img {
    width: 100%;
}
.footer-widgets .widget {
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 500;
}
.footer-widgets .widget a:hover {
    text-decoration: underline;
}
.copyright-offer {
    font-weight: bold;
}
a.copyright-offer:hover {
    text-decoration: underline;
}

@media (min-width: 1100px) {
    .top-bar-right {
        text-align: right;
    }
    .inside-header {
        display: flex;
    }
    .nav-float-right .inside-header .main-navigation {
        float: none;
    }
    body header .grid-container {
        width: 100%;
    }
    .main-navigation ul {
        margin: 0 2.5em;
        display: flex;
        justify-content: space-around;
    }
    .main-navigation ul ul {
        margin: 0;
    }
    .main-nav {
        margin-top: 20px;
    }
    .main-nav li:last-child a {
        background-color: #f7bf18;
        text-transform: capitalize;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .main-nav li li:last-child a {
        background-color: initial;
        text-transform: initial;
        -webkit-border-radius: initial;
        -moz-border-radius: initial;
        border-radius: initial;
    }
    .main-navigation .main-nav ul ul li a {
        font-size: 16px;
        text-transform: none;
    }
    .home-examples-content {
        padding-right: 35px;
    }
    .top-footer-right {
        text-align: right;
    }
    .footer-widget-2 #text-2 {
        display: flex;
        justify-content: center;
    }
    .footer-widget-3 #text-3 {
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 1100px) {
    .inside-header {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .site-logo {
        flex-grow: 1;
        margin-bottom: 0px;
    }
    .main-navigation .menu-toggle,
	.main-navigation .mobile-bar-items,
	.sidebar-nav-mobile:not(#sticky-placeholder) {
		display: block;
	}

	.main-navigation ul,
	.gen-sidebar-nav {
		display: none;
	}
    .menu-toggle {
        font-size: 200%;
    }
	[class*="nav-float-"] .site-header .inside-header > * {
		float: none;
		clear: both;
    }
    .social-icons {
        text-align: center;
    }
    .site-footer .social-icons {
        text-align: left;
    }
    .top-bar-right {
        text-align: center;
    }
    .top-bar-left {
        padding-bottom: 0px;
    }
    .video-container .overlay-desc .fade-in {
        font-size: 30px;
    }
    .video-container .overlay-desc .fade-in .video-subheader {
        font-size: 24px;
    }
    .event-landingpage-header, .event-landingpage-header .event-landingpage-phone {
        text-align: center;
        margin-top: 0px;
    }
    .home-examples-row .flexslider .slides>li {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .inside-header {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .site-logo {
        flex-grow: 1;
    }
    .inside-header>:not(:last-child):not(.main-navigation) {
        margin-bottom: 0px;
    }
    #cta-hero-about-photos a.cta-hero-about-us {
        font-size: 47px;
    }
    #generate-section-2.home-intro .generate-sections-inside-container {
        padding-bottom: 0px;
    }
    .home-why-pistonbroke blockquote:before {
        position: static;
        transform: translateY(-0%);
        line-height: 50px;
        padding: 30px 0 0 0;
        font-size: 100px;
    }
    .home-why-pistonbroke blockquote:after {
        position: static;
        transform: translateY(-0%);
        line-height: 50px;
        padding: 60px 0 0 0;
        font-size: 100px;
    }
    .home-why-pistonbroke blockquote {
        padding: 0;
        font-size: 24px;
    }
    .landing-page-hero img {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .home-cta-services {
        width: 270px;
    }
}

@media (max-width: 480px) {
    .top-bar-events {
        padding-top: 10px;
        display: inline-block;
    }
    .social-icons {
        margin-bottom: 10px;
    }
    .social-icons img {
        padding-right: 5px;
        width: 27px;
    }
    .top-bar-divider {
        display: none;
    }
    .top-bar-left .top-bar-divider {
        font-size: 31px;
    }
    .top-bar .button.ghost {
        margin: 10px auto 0;
        display: block;
        max-width: 120px;
    }
    .top-bar-left {
        padding: 20px 0 0 0;
    }
    .top-bar-right {
        padding: 0 0 20px 0;
        text-align: center;
    }
    .top-bar-phone {
        font-size: 120%;
        font-weight: 600;
    }
    .video-container .overlay-desc .fade-in {
        padding: 0 20px;
        font-size: 22px;
    }
    .video-container .overlay-desc .fade-in .video-subheader {
        font-size: 14px;
    }
    .video-container .home-video-button a {
        font-size: 14px;
        padding: 10px;
    }
}

/* Interior Contact Form */
@media (min-width: 1000px) {
	.wpcf7 .horizontal-form .contact-container {
		display: flex;
	}
	.wpcf7 .horizontal-form .contact-interior-container {
		display: flex;
		max-width: 1000px;
	}
	.wpcf7 .horizontal-form .contact-interior-container p:first-child, .wpcf7 .horizontal-form .contact-interior-container p:nth-child(2), .wpcf7 .horizontal-form .contact-interior-container p:nth-child(3), .wpcf7 .horizontal-form .contact-interior-container p:nth-child(4) {
		width: 25%;
		padding-right: 15px;
	}
	.wpcf7 .horizontal-form textarea {
		height: 47px;
	}
}
@media (max-width: 1000px) {
	.wpcf7 .horizontal-form .contact-container {
		max-width: 600px;
		margin: 0 auto;
	}
	.wpcf7 .horizontal-form input, .wpcf7 .horizontal-form textarea {
		width: 100%;
	}
	.wpcf7 .horizontal-form p {
		margin-bottom: 14px;
	}
	.wpcf7 .horizontal-form textarea  {
		height: 100px;
	}
}
.wpcf7 .horizontal-form input, .wpcf7 .horizontal-form textarea {
	background-color: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 40px;
	padding: 10px 15px;
	overflow: hidden;
}
.wpcf7 .horizontal-form .contact-submit button {
	background-color: #174e98;
    color: #ffffff;
    font-weight: 500;
    -webkit-border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border-radius: 40px;
}
.wpcf7 .horizontal-form .contact-submit button:hover {
    background-color: #222222;
}
.wpcf7 .horizontal-form .contact-submit button span {
	text-transform: uppercase;
    display: flex;
    align-items: center;
}
.wpcf7 .horizontal-form .contact-submit img {
    height: 15px;
    width: 15px;
    margin-left: 6px;
}
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, [class*=mobile-grid-], [class*=tablet-grid-] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 1025px) {
    .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95
 {
        float: left;
    }
}
@media (min-width: 1025px) {
    .grid-50 {
        width: 50%;
    }
}
.grid-parent {
    padding-left: 0;
    padding-right: 0;
	overflow: auto;
}
@media (min-width: 1025px) {
    .grid-10,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-5,.grid-50,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95 {
        float:left
    }

    .pull-10,.pull-15,.pull-20,.pull-25,.pull-30,.pull-33,.pull-35,.pull-40,.pull-45,.pull-5,.pull-50,.pull-55,.pull-60,.pull-65,.pull-66,.pull-70,.pull-75,.pull-80,.pull-85,.pull-90,.pull-95,.push-10,.push-15,.push-20,.push-25,.push-30,.push-33,.push-35,.push-40,.push-45,.push-5,.push-50,.push-55,.push-60,.push-65,.push-66,.push-70,.push-75,.push-80,.push-85,.push-90,.push-95 {
        position: relative
    }

    .hide-on-desktop {
        display: none!important
    }

    .grid-5 {
        width: 5%
    }

    .prefix-5 {
        margin-left: 5%
    }

    .suffix-5 {
        margin-right: 5%
    }

    .push-5 {
        left: 5%
    }

    .pull-5 {
        left: -5%
    }

    .grid-10 {
        width: 10%
    }

    .prefix-10 {
        margin-left: 10%
    }

    .suffix-10 {
        margin-right: 10%
    }

    .push-10 {
        left: 10%
    }

    .pull-10 {
        left: -10%
    }

    .grid-15 {
        width: 15%
    }

    .prefix-15 {
        margin-left: 15%
    }

    .suffix-15 {
        margin-right: 15%
    }

    .push-15 {
        left: 15%
    }

    .pull-15 {
        left: -15%
    }

    .grid-20 {
        width: 20%
    }

    .prefix-20 {
        margin-left: 20%
    }

    .suffix-20 {
        margin-right: 20%
    }

    .push-20 {
        left: 20%
    }

    .pull-20 {
        left: -20%
    }

    .grid-25 {
        width: 25%
    }

    .prefix-25 {
        margin-left: 25%
    }

    .suffix-25 {
        margin-right: 25%
    }

    .push-25 {
        left: 25%
    }

    .pull-25 {
        left: -25%
    }

    .grid-30 {
        width: 30%
    }

    .prefix-30 {
        margin-left: 30%
    }

    .suffix-30 {
        margin-right: 30%
    }

    .push-30 {
        left: 30%
    }

    .pull-30 {
        left: -30%
    }

    .grid-35 {
        width: 35%
    }

    .prefix-35 {
        margin-left: 35%
    }

    .suffix-35 {
        margin-right: 35%
    }

    .push-35 {
        left: 35%
    }

    .pull-35 {
        left: -35%
    }

    .grid-40 {
        width: 40%
    }

    .prefix-40 {
        margin-left: 40%
    }

    .suffix-40 {
        margin-right: 40%
    }

    .push-40 {
        left: 40%
    }

    .pull-40 {
        left: -40%
    }

    .grid-45 {
        width: 45%
    }

    .prefix-45 {
        margin-left: 45%
    }

    .suffix-45 {
        margin-right: 45%
    }

    .push-45 {
        left: 45%
    }

    .pull-45 {
        left: -45%
    }

    .grid-50 {
        width: 50%
    }

    .prefix-50 {
        margin-left: 50%
    }

    .suffix-50 {
        margin-right: 50%
    }

    .push-50 {
        left: 50%
    }

    .pull-50 {
        left: -50%
    }

    .grid-55 {
        float: left;
        width: 55%
    }

    .prefix-55 {
        margin-left: 55%
    }

    .suffix-55 {
        margin-right: 55%
    }

    .push-55 {
        left: 55%
    }

    .pull-55 {
        left: -55%
    }

    .grid-60 {
        width: 60%
    }

    .prefix-60 {
        margin-left: 60%
    }

    .suffix-60 {
        margin-right: 60%
    }

    .push-60 {
        left: 60%
    }

    .pull-60 {
        left: -60%
    }

    .grid-65 {
        width: 65%
    }

    .prefix-65 {
        margin-left: 65%
    }

    .suffix-65 {
        margin-right: 65%
    }

    .push-65 {
        left: 65%
    }

    .pull-65 {
        left: -65%
    }

    .grid-70 {
        width: 70%
    }

    .prefix-70 {
        margin-left: 70%
    }

    .suffix-70 {
        margin-right: 70%
    }

    .push-70 {
        left: 70%
    }

    .pull-70 {
        left: -70%
    }

    .grid-75 {
        width: 75%
    }

    .prefix-75 {
        margin-left: 75%
    }

    .suffix-75 {
        margin-right: 75%
    }

    .push-75 {
        left: 75%
    }

    .pull-75 {
        left: -75%
    }

    .grid-80 {
        width: 80%
    }

    .prefix-80 {
        margin-left: 80%
    }

    .suffix-80 {
        margin-right: 80%
    }

    .push-80 {
        left: 80%
    }

    .pull-80 {
        left: -80%
    }

    .grid-85 {
        width: 85%
    }

    .prefix-85 {
        margin-left: 85%
    }

    .suffix-85 {
        margin-right: 85%
    }

    .push-85 {
        left: 85%
    }

    .pull-85 {
        left: -85%
    }

    .grid-90 {
        width: 90%
    }

    .prefix-90 {
        margin-left: 90%
    }

    .suffix-90 {
        margin-right: 90%
    }

    .push-90 {
        left: 90%
    }

    .pull-90 {
        left: -90%
    }

    .grid-95 {
        width: 95%
    }

    .prefix-95 {
        margin-left: 95%
    }

    .suffix-95 {
        margin-right: 95%
    }

    .push-95 {
        left: 95%
    }

    .pull-95 {
        left: -95%
    }

    .grid-33 {
        width: 33.33333%
    }

    .prefix-33 {
        margin-left: 33.33333%
    }

    .suffix-33 {
        margin-right: 33.33333%
    }

    .push-33 {
        left: 33.33333%
    }

    .pull-33 {
        left: -33.33333%
    }

    .grid-66 {
        width: 66.66667%
    }

    .prefix-66 {
        margin-left: 66.66667%
    }

    .suffix-66 {
        margin-right: 66.66667%
    }

    .push-66 {
        left: 66.66667%
    }

    .pull-66 {
        left: -66.66667%
    }

    .grid-100 {
        clear: both;
        width: 100%
    }
}
.top-footer {
	max-width: 1300px;
	padding: 0px 40px 0px 40px;
}