/***
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    # Colors
    # Hero
    # CTA Blocks
    # Page Sections
    # Footer
    # Page Title
    # Parallax
    # Pointer List
***/

* {
    font-family: 'Source Sans Pro', sans-serif;
}

/*
    ====================~
   <| COLORS
    ====================~
*/

/* general color */

html {
    color: #555;
}

a {
    color: #333;
}

a.btn,
.gform_wrapper .gform_footer input.button {
    background-color: #1892E8;
}

.gform_wrapper .gform_footer input.button {
    transition: background-color 0.25s ease-in-out 75ms;
    -webkit-transition: background-color 0.25s ease-in-out 75ms;
    -moz-transition: background-color 0.25s ease-in-out 75ms;
    -ms-transition: background-color 0.25s ease-in-out 75ms;
    -o-transition: background-color 0.25s ease-in-out 75ms;
    cursor: pointer;
    color: #fff !important;
}

@media (min-width: 767px){
    .gform_wrapper .gform_footer input.button {
        float: right;
    }
}

.gform_wrapper .gform_footer input.button:hover {
    background-color: #253D4E;
}

.gform_wrapper select {
    background-color: white;
}

a.btn.light {
    color: #fff;
}

a.btn.dark {
    color: #111;
}

hr {
    background-color: #1892E8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1B3B6D;
    text-transform: uppercase;
}

.sub-heading {
    color: #192B47;
}

p {
    color: #1B3B6D;
}

strong, a strong, strong a {
    color: #1892E8;
}

blockquote {
    border-color: #000000;
    color: #25539B;
}

/* header color */

.bcm-flex-header {
    background: #fff;
}

/* nav color */

.bcm-flex-nav a {
    color: #192B47;
}

.bcm-flex-nav a:hover {
    color: #1892E8;
}

@media (min-width:1139px) {
    .bcm-flex-nav>ul>li.active>a {
        color: #1892E8;
    }
}

.primary-accent-bg {
    background: #1892E8;
}

.primary-accent-bg,
.primary-accent-bg * {
    color: #fff !important;
}

.primary-accent-bg i {
    color: #6CB8ED !important;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.10);
}

.primary-accent-bg p {
    color: #BAE2FF !important;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.10);
}

.primary-accent-color {
    color: #1892E8;
}

/* Footer Color */

.bcm-footer {
    background-color: #1B3B6D;
}

.bcm-footer,
.bcm-footer * {
    color: #A0C1F2;
}

.bcm-footer a {
    color: #fff;
}

.sub-footer {
    background-color: #15305B;
}

.sub-footer,
.sub-footer * {
    color: #5071A4;
}

/*
    ====================~
   <| HERO
    ====================~
*/

.home-hero {
    background-image: url(../img/hero-hompage-mobile.jpg);
    background-color: #1F93E4;
}

@media screen and (min-width: 750px) {
    .home-hero {
        background-image: url(../img/hero-hompage-tablet.jpg);
    }
}

@media screen and (min-width: 1140px) {
    .home-hero {
        background-image: url(../img/hero-hompage-desktop.jpg);
    }
}

/*
    ====================~
   <| CALL TO ACTION BLOCKS
    ====================~
*/

.cta-blocks {
    padding: 1em;
    background: rgb(5, 171, 224);
    background: -moz-linear-gradient(top, rgba(5, 171, 224, 1) 0%, rgba(19, 116, 184, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(5, 171, 224, 1) 0%, rgba(19, 116, 184, 1) 100%);
    background: linear-gradient(to bottom, rgba(5, 171, 224, 1) 0%, rgba(19, 116, 184, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#1374b8', GradientType=0);
}

.ott-icon-block {
    display: flex;
    margin-bottom: 1.2em;
}

.ott-icon-block.right {
    margin-bottom: 0;
}

@media (min-width: 990px) {
    .ott-icon-block {
        margin-bottom: 0;
    }
}

@media (min-width:1200px) {
    .ott-icon-block {
        border-right: 1px solid #51A5E0;
    }
    .ott-icon-block.center {
        border: 0px;
        box-shadow: none;
    }
    .ott-icon-block.right {
        border: 0px;
        box-shadow: none;
        border-left: 1px solid #51A5E0;
    }
}

.ott-icon-block .icon-block {
    border: 1px solid #6CB8ED;
    width: 2.5em;
    height: 2.5em;
    min-width: 2.5em;
    min-height: 2.5em;
    border-radius: 100em;
    line-height: 2.8em;
    text-align: center;
    color: #6CB8ED;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
    margin-right: 0.5em;
    align-self: flex-start;
}

.ott-icon-block .icon-block i {
    font-size: 1.5em;
    line-height: 1.5em;
    text-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
}

h4.icon-text-small,
h4.icon-text-large {
    text-align: center;
}

h4.icon-text-small {
    color: #A0D5F9;
    font-weight: normal;
    font-size: 0.85em;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

h4.icon-text-large {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.2em;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

h4.icon-text-large a,
h4.icon-text-small a {
    color: #fff;
    opacity: 1;
    transition: text-shadow 0.25s ease-out 75ms;
    -webkit-transition: text-shadow 0.25s ease-out 75ms;
    -moz-transition: text-shadow 0.25s ease-out 75ms;
    -ms-transition: text-shadow 0.25s ease-out 75ms;
    -o-transition: text-shadow 0.25s ease-out 75ms;
}

h4.icon-text-large a:hover {
    text-shadow: 1px 1px 24px rgba(109, 185, 239, 1);
}

@media (min-width: 275px) {
    h4.icon-text-large,
    h4.icon-text-small {
        white-space: nowrap;
        text-align: left;
    }
}

@media (min-width: 575px) {
    .cta-blocks {
        padding: 2em;
    }
}

@media (min-width: 1140px) {
    .cta-blocks {
        padding: 2em 0;
    }
}

/*
    ====================~
   <| PAGE SECTIONS
    ====================~
*/

.section-heading {
    margin-bottom: 1em;
}

.checklist.twoup {
    max-width: 150px;
    margin: 0 auto;
}

@media (min-width: 400px) {
    .checklist.twoup {
        max-width: 100%;
        margin: 0;
    }
    .checklist.twoup li {
        width: 49%;
        display: inline-block;
        padding: 0.5em;
    }
    .checklist.twoup li .fa-large {
        font-size: 1.3em;
    }
    .checklist.twoup.budgeleft {
        position: relative;
        left: 1em;
    }
}

.checklist.twoup li i {
    margin-right: 0.5em;
}

.checklist.twoup li span {
    position: relative;
    top: -0.15em;
}

.heading {
    text-transform: uppercase;
}

/*
    ====================~
   <| FOOTER
    ====================~
*/

.bcm-footer .heading {
    margin-bottom: 0;
}

.bcm-footer .footer-logo {
    max-width: 100%;
    width: 12em;
}

/*
    ====================~
   <| PAGE TITLE
    ====================~
*/

.page-title.windowcleaning,
.page-title.guttercleaning,
.page-title.pressurewashing,
.page-title.buildingcleaning,
.page-title.contact {
    background: url(../img/window-cleaning-title-mobile.jpg) no-repeat center center / cover;
}

@media screen and (min-width: 750px) {
    .page-title.windowcleaning,
    .page-title.guttercleaning,
    .page-title.pressurewashing,
    .page-title.buildingcleaning,
    .page-title.contact {
        background-image: url(../img/window-cleaning-title-tablet.jpg);
    }
}

@media screen and (min-width: 1140px) {
    .page-title.windowcleaning,
    .page-title.guttercleaning,
    .page-title.pressurewashing,
    .page-title.buildingcleaning,
    .page-title.contact {
        background-image: url(../img/window-cleaning-title-desktop.jpg);
    }
}

/*
    ====================~
   <| PARALLAX
    ====================~
*/

.window-cleaning-parallax {
    background-image: url(../img/services/window-cleaning-large-mobile.jpg);
}

@media screen and (min-width: 750px) {
    .window-cleaning-parallax {
        background-image: url(../img/services/window-cleaning-large-tablet.jpg);
    }
}

@media screen and (min-width: 1140px) {
    .window-cleaning-parallax {
        background-image: url(../img/services/window-cleaning-large.jpg);
    }
}

.gutter-cleaning-parallax {
    background-image: url(../img/services/gutter-cleaning-large-mobile.jpg);
}

@media screen and (min-width: 750px) {
    .gutter-cleaning-parallax {
        background-image: url(../img/services/gutter-cleaning-large-tablet.jpg);
    }
}

@media screen and (min-width: 1140px) {
    .gutter-cleaning-parallax {
        background-image: url(../img/services/gutter-cleaning-large.jpg);
    }
}

.pressure-washing-parallax {
    background-image: url(../img/services/pressure-washing-large-mobile.jpg);
}

@media screen and (min-width: 750px) {
    .pressure-washing-parallax {
        background-image: url(../img/services/pressure-washing-large-tablet.jpg);
    }
}

@media screen and (min-width: 1140px) {
    .pressure-washing-parallax {
        background-image: url(../img/services/pressure-washing-large.jpg);
    }
}

.building-cleaning-parallax {
    background-image: url(../img/services/building-cleaning-large-mobile.jpg);
}

@media screen and (min-width: 750px) {
    .building-cleaning-parallax {
        background-image: url(../img/services/building-cleaning-large-tablet.jpg);
    }
}

@media screen and (min-width: 1140px) {
    .building-cleaning-parallax {
        background-image: url(../img/services/building-cleaning-large.jpg);
    }
}

/*
    ====================~
   <| POINTER LIST
    ====================~
*/

.checklist.pointer li {
    padding: 1em 0;
    color: #1B3B6D;
}

.checklist.pointer li i {
    margin-right: 0.75em;
    font-size: 1.5em;
    color: #1892E8;
}


/*
    ====================~
   <| SOCIAL ICONS
    ====================~
*/


.social-share i {
    font-size: 1.5em;
    margin-right: 0.3em;
}

.social-share { margin-top: 1em; }
@media (min-width: 767px){
    .social-share {
        margin-top: 0.5em;
    }
}

/*
    ====================~
   <| CAROUSEL
    ====================~
*/

.flexslider { 
    background-color: transparent !important;
    border: transparent !important;
}

.flexslider .slides li div {
    height: 470px;
}