/*
Theme Name: WP Default
Theme URI: http://underscores.me/
Author: Red Spot Design
Author URI: https://redspotdesign.com/
Description: A custom wordpress theme for WP Default
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scwd
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Default is created by the theme generator at http://underscores.me/, (C) 2015-2016 Automattic, Inc.
_s is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/

html { font-size: 16px; /* 1em */ }
body { font-family: League Spartan; }
a, a:visited { color: #00127F;
  -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	   -o-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;
		  text-decoration: none; }
a:hover { color: #0059B3; text-decoration: none; }

ul {
    font-size: 1.313em;
    font-weight: 200!important;
}

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0; color: #001A86;}
h1, h2{ font-size: 4.5em; }
@font-face {
font-display:swap;
    font-family: League Spartan;
    src: url('/wp-content/themes/decathlon/assets/fonts/LeagueSpartan-Bold.otf');
}
/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site {
    margin: 0 auto;
    /*max-width: 1920px;*/
}

.full {
    width: 100%;
}

.main {
    margin: 0 auto;
    /*max-width: 1920px;*/
}

.container-fluid {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0;
}

.row {
    margin: 0 auto;
}

.border {
    position: relative;
    padding: 0 0 20px;
    text-align: center;
}

.border:after {
    content: "";
    border-bottom: 5px solid #D51000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 200px;
    height: 5px;
}

.lblue {
    color: #0059B3;
}

.dblue {
    color: #00127F;
}

.yellow {
    color: #FFF600;
}
.hidden {display: none!important;}
.silver,
.gold {
    display: block;
    max-width: 276px;
    width: 100%;
    padding: 18px 0;
    border: 0;
    border-radius: 5px;
    font-family: League Spartan;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 120%;
    text-align: center;
    margin: 0 auto;
}

.blue_bg_btn {
    background: #6bbaff;
	border: 2px solid #6bbaff;
    font-size: 21px;
    color: black;
    padding: 15px 0 10px 0;
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    text-align: center;
    border-radius: 5px;
}

a.gold.inl[href="/get-estimate/"], a.gold[href="https://www.decathlonconstruction.com/get-estimate/"] {
    background: #6bbaff;
	border: 2px solid #6bbaff;
    font-size: 21px;
    color: black;
    padding: 15px 0 10px 0;
    text-align: center;
    border-radius: 5px;
	box-shadow:none !important;
}

.blue_bg_btn_mobile {
    background: #6bbaff;
    border: 2px solid #6bbaff;
    font-size: 21px;
    color: black;
    padding: 15px 0 10px 0;
    display: block;
    text-align: center;
    border-radius: 5px;
    width: 350px;
    margin: 30px 0;
}

.blue_bg_btn_mobile:hover {
    background: transparent;
	border: 2px solid #6bbaff;
    color: #6bbaff;
}

.blue_bg_btn:hover, a.gold.inl[href="/get-estimate/"]:hover, a.gold[href="https://www.decathlonconstruction.com/get-estimate/"]:hover {
    background: transparent;
	border: 2px solid #6bbaff;
    color: #6bbaff;
}

.silver {
    background: url('/wp-content/themes/decathlon/images/silver.jpg') no-repeat center top;
}

.gold {
    background: url('/wp-content/themes/decathlon/images/gold.jpg') no-repeat center top;
    -webkit-box-shadow: inset 2px 1px 10px 4px #E8D53A;
       -moz-box-shadow: inset 2px 1px 10px 4px #E8D53A;
    	 	box-shadow: inset 2px 1px 10px 4px #E8D53A;
}

.silver:hover,
.silver:visited,
.gold:hover,
.gold:visited {
    background: #0059B3;
    color: #fff;
    box-shadow: none;
}

.medium {
    font-weight: 500;
}

.inner .content-area h1,
.blog .content-area h1 {
    color: #DECA2E;
/*    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url('/wp-content/themes/decathlon/images/bg.jpg') repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;*/
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #9A6905;
}

.gold-text{
        color: #EEE473!important;
        -webkit-text-stroke-width: 1px!important;
    -webkit-text-stroke-color: #9A6905!important;

}

.yellow-text {
    color: #FFF600!important;
    -webkit-text-stroke-width: 1px!important;
    -webkit-text-stroke-color: #9A6905!important;
}

.red-text {
    color: #D51000;
}

.svr-text {
    color: #ADADAD;
    /*-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url('/wp-content/themes/decathlon/images/svc.jpg') repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;*/
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.inl {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

.blue {
    border-top: 1px solid #005DB6;
    padding: 30px 0 0;
    margin: 20px auto 0;
}

.red {
    color: #D51000;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header-wrapper {
    position: relative;
}

.site-header {
    background-color: rgba(0, 18, 127, .9);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 9;
}

.site-header .logo,
.site-header .hd-right {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
}

.site-header .logo {
    width: 20%;
}

.site-header .hd-right {
    width: 79%;
}

.site-header .hd-top {
    text-align: right;
}

.site-header .hd-top span {
    display: inline-block;
    vertical-align: middle;
    width: 27%;
}

.site-header .hd-top .bbb {
    width: 15%;
    margin: 10px auto 0;
}

.site-header .hd-top .phone img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    box-sizing: border-box;
}

.site-header .hd-top .phone .gold {
    padding: 17px 0;
}

/*--------------------------------------------------------------
### Menu
--------------------------------------------------------------*/

.skip-link.screen-reader-text {
    padding: 0;
}


/* Main Navigation */

.main-navigation {
    clear: both;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #005DB6;
    padding: 30px 0 0;
    margin: 20px auto 0;
}

.main-navigation a {
    font-size: 0.875em;
    color: #fff;
    display: block;
    letter-spacing: 1px;
    line-height: 120%;
    position: relative;
    padding: 0 25px 25px;
    transition: none;
    text-transform: uppercase;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul li:first-child {
    padding-left: 0;
}

.main-navigation ul li:last-child {
    padding-right: 0;
}

.main-navigation li {
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    position: relative;
}
.main-navigation .sub-menu a{
    text-transform: none;
}
.main-navigation ul.top-menu>a:hover,
.main-navigation .current-menu-item>a,
.main-navigation .current-menu-ancestor>a,
.main-navigation ul >li:hover a {
    color: #FFF600;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDABALCwwMDBENDREYEA4QGBwVEREVHCEZGRkZGSEgGRwcHBwZICAlJygnJSAwMDQ0MDBAQEBAQEBAQEBAQEBAQED/2wBDAREQEBITEhYSEhYWEhUSFhwWFxcWHCgcHB0cHCgxJSAgICAlMSwvKCgoLyw2NjExNjZAQD9AQEBAQEBAQEBAQED/wAARCAAKAEwDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AiAJjXgAAAAAAAP/Z') no-repeat center bottom;
}

.main-navigation a:hover,
.main-navigation .sub-menu .current-menu-ancestor>a,
.main-navigation .sub-menu li:hover>a {
    color: #FFF600 !important;
}


/* Sub Menu */

.main-navigation ul ul {
    background: #005DB6;
    top: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 260px;
    text-align: left;
    border: 3px solid #D61003;
}

.main-navigation .sub-menu a {
    width: 100%;
    padding: 0;
    text-transform: uppercase;
}

.main-navigation .sub-menu li {
    padding: 10px 0;
    display: block;
}

.main-navigation .sub-menu li a{
    background: none !important;
    color: #fff !important;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation .sub-menu .current-menu-item a {
    background: none;
}


/* Banner */

#banner {
    position: relative;
    overflow-x: hidden;
    border-bottom: 10px solid #D51000;
}

#banner h2 {
    font-size: 4.5em;
    line-height: 120%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    max-width: 1425px;
    width: 100%;
}

#banner h2:before {
    content: "";
    background-image: url('/wp-content/themes/decathlon/images/star.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 128px;
    top: -45px;
    max-width: 832px;
    width: 100%;
    height: 120px;
}

#banner h3 {
    font-size: 2.25em;
    color: #fff;
    line-height: 120%;
    text-align: center;
    margin: 10px auto 30px;
}

#banner h3 small {
    display: block;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: 2px;
    line-height: 120%;
    padding-top: 10px
}

#banner .metaslider .caption-wrap {
    background: transparent;
    opacity: 1;
    top: 40%;
    bottom: inherit;
}

#banner .metaslider .caption {
    padding: 0;
}

#banner .metaslider .flex-control-nav {
    bottom: 27px;
}

#banner .flex-control-paging li a.flex-active {
    background: #E00000;
}

#banner .flex-control-paging li a {
    background: #fff;
}

#banner .metaslider .flexslider {
    margin: 0 auto;
}


/* Content Top */

.content-top {
    background-color: #fff;
    padding: 40px 0;
}

.content-top .so-widget-sow-image {
    position: relative;
}

.content-top h3 {
    font-size: 3em;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 110px
}

.content-top h3 a {
    font-size: 14px;
    text-shadow: 1px 2px 5px #000;
    margin: 100px auto 0;
}

.content-top .gold{
	padding:21px 0;
}

.content-top .so-widget-image{
	border:5px solid #D51000;
	border-radius: 10px;
}
/* Featured Video */

.featured {
    background: url('/wp-content/themes/decathlon/images/featured.jpg') no-repeat center top;
    background-size: cover;
    padding: 40px 0;
    border-top: 10px solid #D51000;
    border-bottom: 10px solid #D51000;
}

.featured h2 {
    color: #fff;
    line-height: 120%;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
}

.featured h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 120%;
    font-weight: 300;
    margin-bottom: 0;
    padding-right: 20px;
    box-sizing: border-box;
}

.featured h3 img {
    padding-right: 15px;
    box-sizing: border-box;
}

.featured p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.313em;
    line-height: 36px;
    color: #fff;
    font-weight: 300;
    margin: 0 auto;
}

.featured .yellow {
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
    margin: 20px 0;
    display: block;
    max-width: 200px;
    width: 100%;
}

.featured ul.eps {
    margin: 10px auto;
    padding: 20px 0;
    list-style: none;
    border-top: 1px solid #30516E;
}

.featured ul.eps li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    border-right: 1px solid #fff;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-size: 1.25em;
    color: #fff;
    line-height: 120%;
    font-weight: 300;
}

.featured ul.eps li:last-child {
    padding-right: 0;
    border-right: 0;
}

.featured ul.eps li a {
    color: #fff;
}

.featured .gold {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 21px 0;
    margin-top: 40px;
}

.featured .gold:first-child {
    margin-right: 15px;
}


/*--------------------------------------------------------------
# Primary / Content Area
--------------------------------------------------------------*/

.content-area {
    background-color: #fff;
}
.content-area .top{
    padding-top: 40px;
}
.content-area h1 {
    color: #001A86;
    line-height: 120%;
    font-weight: 700;
}

.content-area h1 small {
    display: block;
    font-size: 1.25rem;
    color: #00127F;
    letter-spacing: 2px;
    line-height: 120%;
    text-shadow: none;
    padding-bottom: 20px;
}

.content-area h1 .gold-text {
    position: relative;
}

.content-area h1 .gold-text:before {
    background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 0 5px 20px #000;
    top: 0;
    z-index: -1;
}

.content-area h4 {
    font-size: 1.25em;
    color: #858383;
    letter-spacing: 1px;
    line-height: 120%;
    text-align: center;
    font-weight: 700;
}

.content-area .cbot {
    padding: 40px 0;
}

ul.images {
    display: block;
    padding-left: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

ul.images li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.content-area .ctop li:first-child,
.content-area .cbot li:nth-of-type(2) {
    margin-left: 0;
}

.content-area .ctop li:nth-of-type(2),
.content-area .cbot li:last-child {
    margin-right: 0;
}

.content-area .ctop p,
.content-area .cbot p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.313em;
    color: #525252;
    line-height: 36px;
    font-weight: 300;
    margin: 20px auto;
}

.content-area p:first-child {
    margin-top: 0;
}

.content-area .ctop .dblue {
    font-weight: 500;
}

.content-area .cbot .dblue {
    font-weight: 400;
}


/* Page Bottom */

#page-bottom {
    background-color: #fff;
}


/* Estimate */

.estimate {
    background: url('/wp-content/themes/decathlon/images/estimate.jpg') no-repeat center top;
    background-size: cover;
    padding: 60px 0;
    border-top: 10px solid #D51000;
    border-bottom: 10px solid #D51000;
}

.estimate h3 {
    font-size: 3em;
    color: #fff;
    line-height: 120%;
    margin-bottom: 0;
}

.estimate p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    color: #fff;
    line-height: 36px;
    font-weight: 300;
    margin: 20px auto 0;
    max-width: 1000px;
    width: 100%;
    text-align: center;
}

.estimate .gold {
    margin: 40px auto 0;
}


/* Gallery */

.gallery {
    background-color: #fff;
    padding: 40px 0;
}

.gallery ul.images {
    display: table;
}

.gallery ul.images li {
    position: relative;
}

.gallery ul.images li.img:after {
    content: "";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAgPBAMBCQ0OBQwHCwoCBgv09d3gAAAPRJREFUOMuNlIsOwyAIRb1WUfua//+1AzKNK5rtJpVWjlCp1H20wWhzgyL5OpGn2IjQAAuFgUiEhyh1JjLhOa/VJh7JBWWNWnywZdNi2Di8XMc08+KU0InXSx6arz/ZkGSCDF33ASDoJnQaTySeVbUzFPkaEFvClzxbJGb2ncAuTJgiJCVsJdunCDuKUxUNY5GxQEkmLXIMBaIlcrHpnnmiPCQ6Fq979OrXe4agfm7LctNRj9l+qbkN0pnxzE4/I7wSV3QW6SpAYeCJkFuKBNG6r6QH8/fx/q9J1q1WtNUaW7Nt2Dw2da4L5fBVMisPzfLHL+gNbJcVftxDBIMAAAAASUVORK5CYII=') no-repeat right bottom;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.gallery ul.images li.vid:after {
    content: "";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAbCAMAAADMMLbsAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAgEDA0GCgsDDw4JAgEHBQPxWUzwAAAOFJREFUOMuFk+22hCAIRRUxP7I67/+0l86aNVnenP0v2BlguA9i+BvRItldSCp4Q4+PtGLKQmnHSQgh+Z7VIsqUP61i+uZeaAkolhWgugkVEH7Qz6yFeQ/EbyiG4Q3P+gNPJHyo8W4JEJjIvWVBeVjK6lxnkaV1Gk4BD4v3UPw2t6QlnF6eWywF0M7K/1hHhbFOLc8OqkzrIiU+e9RhXrAGLxqAcfZIzY1TTbd7hIq7c/CGPNt5hXm6OrMCsDu3Yfavugig8UhDw8Ll6tgtkPQ73+XnDpGoeEX7AWcRP3Dt9h/g8BT5DQXAFQAAAABJRU5ErkJggg==') no-repeat right bottom;
    width: 37px;
    height: 27px;
    position: absolute;
    right: 15px;
    bottom: 25px;
}

.gallery .ctop li:first-child,
.gallery .cbot li:nth-of-type(2) {
    margin-left: 0;
    width: 48%;
}

.gallery .ctop li:nth-of-type(2),
.gallery .cbot li:last-child {
    margin-right: 0;
    width: 48%;
}

.gallery .gold, .gold.inl{
    -webkit-box-shadow: 0 8px 6px -6px #444;
       -moz-box-shadow: 0 8px 6px -6px #444;
    	 	box-shadow: 0 8px 6px -6px #444;	
}

/* Information Center */
.information {background-color: #fff; padding: 40px 0; text-align: center;}
.information a {display: inline-block; vertical-align: middle; padding: 15px 20px; margin: 0 5px 10px; font-size: 16px;}

/* FAQ */
.faqList {max-width: 1160px; padding: 20px 30px; box-shadow: 0 3px 10px #888; margin: 0 auto;}
.faqList p {margin: 0!important;}

/* Testimonials */

.testimonials {
    background: url('/wp-content/themes/decathlon/images/clients.jpg') no-repeat center top;
    background-size: cover;
    padding: 75px 0;
    border-top: 10px solid #D51000;
    border-bottom: 10px solid #D51000;
}

.testimonials h2 {
    color: #fff;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.testimonials h2 small {
    display: block;
    font-size: 1.25rem;
    color: #D51000;
    letter-spacing: 2px;
    line-height: 120%;
    text-shadow: none;
    padding-bottom: 20px;
}

.testimonials p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 auto;
}

.testimonials .top p {
    font-size: 1.438em;
    color: #fff;
    line-height: 24px;
    margin: 20px auto;
    max-width: 735px;
    width: 100%;
    text-align: center;
}

.testimonials .bottom {
    max-width: 1115px;
    width: 100%;
    margin: 0 auto;
}

.testimonials .bottom p {
    font-size: 1.125em;
    color: rgba(255, 255, 255, .75);
    padding: 40px 0 0;
    font-style: italic;
    position: relative;
}

.testimonials .bottom p:before{content:""; background: url('/wp-content/themes/decathlon/images/sprites.png') no-repeat right top; width: 36px; height: 36px; position: absolute; left:0; top: 0;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-top {
    background: url('/wp-content/themes/decathlon/images/contact.jpg') no-repeat center top;
    background-size: cover;
    padding: 40px 0;
}

.footer-top h3 {
    font-size: 4.5em;
    line-height: 120%;
}
.footer-top .top img{
	border-radius:10px;
}
.footer-top .white {
    background-color: #fff;
    border-radius: 10px;
    padding: 35px 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border:2px solid #005DB6;
}

.footer-top .white #pgc-w5b457d2be1a09-1-1 {
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.footer-top .white .sow-image-container {
    min-height: 44px;
}

.footer-top .white h3 {
    font-size: 1rem;
     color: #FFF600;
    text-shadow: 0 0 6px #9A6905;
    letter-spacing: 2px;
    line-height: 120%;
    margin-top: 1em;
}

.footer-top .white a,
.footer-top .white p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.313em;
    color: #00127F;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.footer-top .white p {
    max-width: 200px;
    width: 100%;
}

.footer-top .white br {
    display: none;
}

.footer-top .ft-phone, .footer-top .ft-add, .footer-top .ft-mail{position: relative; padding:60px 0 0;}
.footer-top .ft-phone:before, .footer-top .ft-add:before, .footer-top .ft-mail:before{content:""; background:url('/wp-content/themes/decathlon/images/sprites.png') no-repeat left top; width: 36px; height: 36px; position: absolute; left:0; right: 0; top: 0; margin:0 auto;}
.footer-top .ft-add:before{background-position: left -36px top;}
.footer-top .ft-mail:before{background-position: left -72px top;}
/* Site Info */

.site-info {
    background: #00127F;
    color: #fff;
    font-size: 0.875em;
    /*14px*/
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 180%;
    text-align: center;
    padding: 10px 0;
    border-top: 10px solid #D51000;
}


/* Inner Pages */

.inner .content-area,
.blog .content-area {
    min-height: 400px;
    padding: 40px 0;
}

.inner .content-area h1,
.blog .content-area h1 {
    text-align: center;
}

.inner .content-area h2 {
    font-size: 3em;
    margin-bottom: 10px;
}

.inner .content-area p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.313em;
    color: #525252;
    line-height: 36px;
    font-weight: 300;
    margin: 10px auto;
}

.inner .content-area ul.col4 {
    display: block;
    margin: 0 auto;
    padding-left: 0;
    list-style: none;
    column-count: 4;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.inner .content-area ul.col4 li {
    font-family: 'Roboto', sans-serif;
    font-size: 1.313em;
    color: #525252;
    line-height: 36px;
    font-weight: 300;
}

.pp_content_container .pp_previous {
	background: url('https://www.decathlonconstruction.com/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_prev.png') center left no-repeat!important;
}

.pp_content_container .pp_next {
	background: url('https://www.decathlonconstruction.com/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_next.png') center right no-repeat!important;
}

/* Parent Pages */
.page-parent .child-wrapper{
	list-style-type: none;
    margin: 60px auto 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.page-parent .child-block {
    flex-grow: 1;
    padding: 0 5px;
    margin: 0 auto 30px;
    text-align: center;
    max-width: 453px;
    width: 100%;
}
.page-parent .child-block h3{
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 1.7em;
	margin: 10px 0 0 0;
}
.page-parent .child-block .featured-img img {
    border: 5px solid #D51000;
    /*padding:3px;*/
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 453px;
    width: 100%;
    height: 373px;
}

/* Child pages */
.page-child .content-area h1{
	font-size: 2.5em;
}
.page-child .content-area h2{
	font-size: 1.5em;
}
/* Services Page */
.page-id-17 .content-area .silver{
	background-size: cover;
	margin:20px auto;
	max-width: 320px;
	text-transform: uppercase;
}

/* Contact Form */
.page-id-9 .content-area form{
	max-width: 600px;
	width:100%;
	margin:0 auto;
	text-align: center;
}
.page-id-9 .content-area form p{
	text-align: left;
}
.page-id-9 .content-area input{
	width:100%;
}
.page-id-9 .content-area .g-recaptcha{
	display: inline-block;
}
.page-id-9 .content-area .gold{
	display: block;
	width: 100%;
	padding:18px 0;
	border:0;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin:20px auto 0;
}

/* Get Estimate Page */
.page-id-252 .content-area #gal ul{
	display: flex;
	text-align: center;
	margin:0 auto;
	padding-left: 0;
	list-style-type: none;
}
.page-id-252 .content-area #gal ul li{
    flex-grow: 1;
    padding: 0 5px;
    margin: 0 auto 30px;
    text-align: center;
    max-width: 232px;
    width: 100%;
}
.page-id-252 .content-area #gal ul li img{
	border: 1px solid #A3A3A3;
    padding: 3px;
    box-sizing: border-box;
    max-width: 232px;
    width: 100%;
    height: 160px;
}
.page-id-252 .content-area .boxed{
	padding:10px;
	box-sizing: border-box;
	border:1px solid #D6D6D6;
	margin:10px auto;
}
.page-id-252 .content-area .boxed select,
.page-id-252 .content-area .boxed input{
	max-width: 276px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	height: 35px;
}
.page-id-252 .content-area .gold,
.page-id-257 .content-area .gold,
.page-id-259 .content-area .gold{
	padding:18px 0;
	display: block;
	border:0;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-shadow: 0 8px 6px -6px #444;
       -moz-box-shadow: 0 8px 6px -6px #444;
    		box-shadow: 0 8px 6px -6px #444;
}
/* Estimate Form Page */
.page-id-257 .content-area form{
	max-width: 600px;
	width: 100%;
}
.page-id-257 .content-area label,
.page-id-257 .content-area input,
.page-id-257 .content-area textarea{
	display: inline-block;
	vertical-align: middle;
}
.page-id-257 .content-area label{
	width: 23%;
}
.page-id-257 .content-area input,
.page-id-257 .content-area textarea{
	width: 76%;
}
/* Estimate Result Page */
.page-id-259 .content-area .list li{
	font-size: 1.313em;
	color: #525252;
    line-height: 36px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

/* Blog Page */
.blog .content-area .entry-content{
	font-family: 'Roboto', sans-serif; 
	font-size: 1.313em; 
	color: #525252; 
	line-height: 36px; 
	font-weight: 300; 
	margin:10px auto 0;
}
.blog .content-area h2{
	font-size: 2.5em;
	margin-bottom: 10px;
}
.blog .content-area .post-thumbnail img{
    max-width: 300px;
    width: 100%;
}
.blog .content-area .inl{
    display: inline-block;
    vertical-align: middle;
}

/* Single Page */
.single-post .content-area .post-thumbnail,
.single .byline, .group-blog .byline{
    display: none;
}
/* 404 Page */
.error404 .content-area .gold{
	margin:20px auto;
	-webkit-box-shadow: 0 8px 6px -6px #444;
       -moz-box-shadow: 0 8px 6px -6px #444;
    		box-shadow: 0 8px 6px -6px #444;	
}
.error404 .content-area h2{
	font-size: 2.5em;
}
/* Gallery Thubmnails */
.gallery-columns-5 img{
	max-width: 280px;
	width: 100%;
	height: 210px;
}
/* Media Queries */
@media screen and (max-width: 1425px){
	.container-fluid{padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
	.main-navigation li{padding:0 2px;}
	#banner h2{font-size: 4em;}
	#banner h2:before{display: none;}
	.content-top h3 a{margin:60px auto 0;}
	.content-area .ctop li:first-child, 
    .content-area .ctop li:nth-of-type(2), 
    .content-area .cbot li:nth-of-type(2), 
    .content-area .cbot li:last-child, 
    .gallery .ctop li:first-child, 
    .gallery li:nth-of-type(2), 
    .gallery .cbot li:nth-of-type(2), 
    .gallery .cbot li:last-child {width: 48%;}
    .gallery-columns-5 img{padding-left: 5px; padding-right: 5px; box-sizing: border-box;}
}
@media screen and (max-width: 1320px){
	.main-navigation a{padding:0 20px 25px;}
	.site-header .hd-top span{width: 31%;}
	#banner h2{font-size: 3.5em;}
	.content-top h3 a{margin:40px auto 0;}
	.featured .gold{display: block;}
	.featured .gold:first-child{margin-right: auto; margin-top: 10px; margin-bottom: 10px;}
    .featured .gold{margin-top: 0;}
}
@media screen and (max-width: 1220px){
	h1, h2{font-size: 4em;}
	.main-navigation a{padding:0 12px 25px;}
	.content-top h3 a{margin:20px auto 0;}
	.content-area h4{letter-spacing: normal;}
}
@media screen and (max-width: 1120px){
	h1, h2{font-size: 3.5em;}
	.main-navigation a{letter-spacing: normal; padding:0 10px 25px;}
	#banner h2{font-size: 3em;}
	.content-top h3{font-size: 2.5em; top: 55px;}
    .gallery-columns-5 img{max-height: 135px;}
}
@media screen and (max-width: 980px){
	.site-header .logo, .site-header .hd-right{display: block; width: auto !important;}
	.admin-bar .site-header,
	.admin-bar #responsive-menu-container{
		top: 32px;
	}
	.admin-bar button#responsive-menu-button{
		top: 60px !important
	}
	button#responsive-menu-button{
		top: 30px !important;
	}
	#responsive-menu-container #responsive-menu-additional-content .hd-top span{
		display: block;
		margin:10px auto;
	}
	#responsive-menu-container #responsive-menu-additional-content .hd-top .phone .gold{
		padding:14px 0;
	}
	#responsive-menu-container #responsive-menu-additional-content .hd-top .gold img{
		padding-right: 15px;
	}
	#responsive-menu-container #responsive-menu-additional-content .hd-top .gold{
		padding:18px 0;
	}
	#responsive-menu a{
		text-transform: uppercase;
	}
	#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow{
		transform: rotate(-90deg);
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover{
		transform: rotate(180deg);
	}
	.site-header .logo img{
		max-width: 130px;
		width: 100%;
	}
	#banner h2 {
	    font-size: 2.5em;
	}
	.content-top h3{
		font-size: 2em;
	}
	.content-top h3 a{
		max-width: 200px;
	}
	.featured .panel-grid, 
	.home .content-area .panel-grid .ctop,
	.home .content-area .panel-grid .cbot{
		display: block !important;
	}
    .home .content-area .panel-grid .cbot{
        padding:0;
    }
	.featured .panel-grid-cell, 
	.home .content-area .panel-grid-cell{
		width:100% !important;
	}
	.featured h3{
		text-align: center !important;
		margin-bottom: 20px;
		padding-right: 0;
	}
	.content-area .ctop li:first-child, 
	.content-area .ctop li:nth-of-type(2), 
	.content-area .cbot li:nth-of-type(2), 
	.content-area .cbot li:last-child{
		width:auto;
	}
	.footer-top .white a, 
	.footer-top .white p{
		font-size: 1.1em;
	}
}
@media screen and (max-width: 880px){
	#banner .metaslider .caption-wrap{
		top: 20%;
	}
	.footer-top .white a, .footer-top .white p {
    	font-size: 1em;
	}
    .gallery-columns-5 img{
        max-height: 120px;
    }

    .estimate .medium{
        color: #FFF600;
    }
}
@media screen and (max-width: 782px){
	.admin-bar button#responsive-menu-button{
		top: 75px !important;
	}
	.admin-bar .site-header, 
	.admin-bar #responsive-menu-container{
		top: 46px;
	}
	#banner{
		background-color: #000;
	}
	#banner .metaslider .caption-wrap,
	#banner .metaslider .flex-control-nav{
		position: static;
		
	}
	#banner .metaslider .caption-wrap{
		padding:20px 15px;
		box-sizing: border-box;
	}
	#banner .metaslider .flex-control-nav{
		padding:0 0 20px;
	}
	#banner h2{
		font-size: 2em;
	}
	#banner h3{
		font-size: 1.5em;
	}
	#banner h3 small{
		font-size: 1rem;
		letter-spacing: 1px;
	}
}
@media screen and (max-width: 780px){
	h1, h2, .footer-top h3{
		font-size: 3em;
	}
	.content-top h3{
		font-size: 3em;
		top: 110px;
	}
	.content-top h3 a{
		max-width: 276px;
		margin:100px auto 0;
	}
	.content-area .ctop li:first-child, 
	.content-area .ctop li:nth-of-type(2), 
	.content-area .cbot li:nth-of-type(2), 
	.content-area .cbot li:last-child{
		width:48%;
	}
	.footer-top .white a, 
	.footer-top .white p{
		font-size: 1.3em;
	}
	.footer-top .white #pgc-w5b457d2be1a09-1-1{
		border-left: 0;
		border-right: 0;
	}
}
@media screen and (max-width: 680px){
	h1, h2, .estimate h3, .footer-top h3{
		font-size: 2.5em;
	}

    .page-id-17 h1{
        font-size: 3em !important;
    }

    .gallery-columns-5 img{
        max-height: 90px;
    }
}
@media screen and (max-width: 600px){
	#wpadminbar{
		position: fixed !important;
	}
	.inner .content-area ul.col4{
				column-count: 2;
		-webkit-column-count: 2;
	       -moz-column-count: 2;
	    -webkit-column-gap: 20px;
	       -moz-column-gap: 20px; 
	       		column-gap: 20px;
	}
    .blog .alignleft{
        float: none;
        display: block;
        margin:0 auto 10px;
        text-align: center;
    }
    .footer-top .white a{
        font-size: 1em;
    }
}
@media screen and (max-width: 460px){
	#responsive-menu-container #responsive-menu-additional-content .hd-top .gold{
		font-size: 16px;
	}
	h1, h2, .estimate h3, .footer-top h3{
		font-size: 2em !important;
	}

	#banner h2{
		font-size: 1.5em;
	}
	#banner h3{
		font-size: 1em;
	}
	#banner h3 small{
		font-size: .8rem;
		letter-spacing: normal;
	}
	.content-top h3{
		font-size: 2em;
		top: 55px;
	}
	.content-top h3 a{
		max-width: 200px !important;
		margin:20px auto 0 !important;
	}
	ul.images li{
		margin:5px auto;
	}	
	.content-area .ctop li:first-child, 
	.content-area .ctop li:nth-of-type(2), 
	.content-area .cbot li:nth-of-type(2), 
	.content-area .cbot li:last-child, 
	.gallery .ctop li:first-child, 
	.gallery li:nth-of-type(2), .gallery .cbot li:nth-of-type(2), 
	.gallery .cbot li:last-child{
		width: auto !important;
	}
	.content-area h4{
		font-size: 1em;
	}
	#pg-w5ae13b0ae02d4-0 .panel-grid-cell a{
		font-size: 0.9em;
	}
	.inner .content-area ul.col4 li{
		font-size: 1.1em;
	}
    .gallery-columns-5 .gallery-item{
        max-width: 100%;
        float: none;
        display: block;
    }
    .gallery-columns-5 img{
        max-height: 100%;
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .footer-top .white a{
        font-size: .88em;
    }

}

#banner p:before {
    content: "";
    background-image: url('/wp-content/themes/decathlon/images/star.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 128px;
    top: -45px;
    max-width: 832px;
    width: 100%;
    height: 120px;
}