/* 
Theme Name:   GutterPro
Theme URI:    https://www.teamgutters.com
Description:  
Author:       developer
Author URI:   https://www.teamgutters.com
Template:     hello-elementor
Version:      1.1.24
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html

/* == Add your own styles below this line ==
--------------------------------------------*/

@font-face {
font-family: 'SF UI Display'; font-display: swap;
src: url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Light.eot') ;
src: url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Light.eot') format('embedded-opentype'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Light.woff2') format('woff2'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Light.woff') format('woff'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Light.ttf') format('truetype'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Light.svg') format('svg') ;
font-weight: 200;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'SF UI Display' ; font-display: swap;
src: url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Medium.eot') ;
src: url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Medium.eot') format('embedded-opentype'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Medium.woff2') format('woff2'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Medium.woff') format('woff'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Medium.ttf') format('truetype'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Medium.svg') format('svg') ;
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'SF UI Display' ; font-display: swap;
src: url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Bold.eot') ;
src: url('SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Bold.woff2'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Bold.woff') format('woff'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Bold.ttf') format('truetype'),
url('https://www.teamgutters.com/wp-content/uploads/2020/07/SFUIDisplay-Bold.svg') format('svg') ;
font-weight: bold;
font-style: normal;
font-display: swap;
}
.site-header {
max-width: 1180px !important;
padding-left: 10px;
padding-right: 10px;
}
.gp-site-nav, .gp-site-logo, .gp-site-cta {
display: flex;
align-items: center;
width: 33.33%;
padding: 0px 10px;
}
.gp-site-nav {
padding-left: 0px;
}
.gp-site-logo{
justify-content: center;
}
.gp-site-cta {
justify-content: flex-end;
}
.site-navigation {
justify-content: flex-start !important;
}
.site-navigation ul.menu li a {
display: block;
padding: 8px 11px;
font-family: "SF UI Display", Sans-serif;
font-weight: 500;
color: #000;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-size: 16px;
}
.site-navigation ul.menu li:first-child a {
padding-left: 0px;
}
.site-navigation ul.menu li a:hover{
color: #00bbf3;  
}
.gp-contact-us-number{
margin-right: 7px;
padding: 10px;
color: #000;
font-weight: 500;
}
.gp-contact-us-number:hover{
color:#00BCF3;
}
.gp-site-cta-btn {
font-size: 15px;
font-weight: 500;
fill: #FFFFFF;
color: #FFFFFF;
background-color: #00BCF3;
border-radius: 6px 6px 6px 6px;
padding: 15px 25px 15px 25px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-family: "SF UI Display", Sans-serif;
}
.gp-site-cta-btn:hover{
background-color: #013957;
color:#fff;
}
.process-button {
font-size: 15px;
fill: #FFFFFF;
color: #FFFFFF;
background-color: #00BCF3;
border-radius: 6px 6px 6px 6px;
padding: 12px 25px 12px 25px;
display: inline-block;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-family: 'SF UI Display';
font-weight: 500;
text-transform: capitalize;
}
.process-button:hover {
background-color: #013957;
color:#fff;
}
.banner-section.home-banner {
position: relative;
}
.banner-section.home-banner div {
position: static !important;
}
.banner-section.home-banner .elementor-background-overlay{
position: absolute !important;
}

.banner-section.home-banner div.animated-cloud.animate-1 {
position: absolute !important;
-webkit-animation: animation-cloud-1;
-moz-animation:    animation-cloud-1;
-o-animation:      animation-cloud-1;
animation:         animation-cloud-1;

animation-timing-function: linear;
animation-iteration-count: infinite;
top: 2%;
width:100px;
transform: translateY(-2%);
animation-delay: 0s;
animation-duration: 90s;
right: 65%;
}
.banner-section.home-banner div.animated-cloud.animate-2 {
position: absolute !important;
-webkit-animation: animation-cloud-2;
-moz-animation:    animation-cloud-2;
-o-animation:      animation-cloud-2;
animation:         animation-cloud-2;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
top: 16%;
transform: translateY(-16%);
animation-delay: 0s;
animation-duration: 90s;
right:40%;
}
.banner-section.home-banner div.animated-cloud.animate-3 {
position: absolute !important;
-webkit-animation: animation-cloud-3;
-moz-animation:    animation-cloud-3;
-o-animation:      animation-cloud-3;
animation:         animation-cloud-3;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
right:-2%;
top:7%;
transform: translateY(-7%);
animation-delay: 0s;
animation-duration: 150s;
}

.banner-section.home-banner div.animated-cloud.animate-4 {
position: absolute !important;
-webkit-animation: animation-cloud-4;
-moz-animation:    animation-cloud-4;
-o-animation:      animation-cloud-4;
animation:         animation-cloud-4;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
top:20%;
transform: translateY(-20%);
animation-delay: 20s;
animation-duration: 160s;
right: -20%;
}
.banner-section.home-banner div.animated-cloud.animate-5 {
position: absolute !important;
-webkit-animation: animation-cloud-5;
-moz-animation:    animation-cloud-5;
-o-animation:      animation-cloud-5;
animation:         animation-cloud-5;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
right:-30%;
top:24%;
transform: translateY(-24%);
animation-delay: 40s;
animation-duration: 170s;
}
.banner-section.home-banner div.animated-cloud.animate-6 {
position: absolute !important;
-webkit-animation: animation-cloud-6;
-moz-animation:    animation-cloud-6;
-o-animation:      animation-cloud-6;
animation:         animation-cloud-6;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
right:-50%;
top:35%;
transform: translateY(-35%);
animation-delay: 60s;
animation-duration: 180s;
}

.banner-section.home-banner div.animated-cloud{
opacity:0.3;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;

}

@-webkit-keyframes animation-cloud-1 {
0%   { right: 65%;opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-moz-keyframes animation-cloud-1 {
0%   { right: 65%;opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-o-keyframes animation-cloud-1 {
0%   { right: 65%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@keyframes animation-cloud-1 {
0%   { right: 65%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}


@-webkit-keyframes animation-cloud-2 {
0%   { right: 40%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-moz-keyframes animation-cloud-2 {
0%   { right: 40%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-o-keyframes animation-cloud-2 {
0%   { right: 40%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@keyframes animation-cloud-2 {
0%   { right: 40%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}


@-webkit-keyframes animation-cloud-3 {
0%   { right: -10%;opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-moz-keyframes animation-cloud-3 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-o-keyframes animation-cloud-3 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@keyframes animation-cloud-3 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}

@-webkit-keyframes animation-cloud-4 {
0%   { right: -20%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-moz-keyframes animation-cloud-4 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-o-keyframes animation-cloud-4 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@keyframes animation-cloud-4 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}

@-webkit-keyframes animation-cloud-5 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-moz-keyframes animation-cloud-5 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-o-keyframes animation-cloud-5 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@keyframes animation-cloud-5 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}

@-webkit-keyframes animation-cloud-6 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-moz-keyframes animation-cloud-6 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@-o-keyframes animation-cloud-6 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}
@keyframes animation-cloud-6 {
0%   { right: -10%; opacity:0; }
5%{  opacity:0.3;}
100% { right: 105%;}
}


.site-footer {
background: #02273a;
}

#GutterProc-truck #gutter-part.gp-footer-active {
-webkit-transform: translate(-320px, 0px);
-ms-transform: translate(-320px, 0px);
transform: translate(-320px, 0px);
-webkit-animation: moveInG 3s ease-in-out 0.2s forwards;
animation: moveInG 3s ease-in-out 0.2s forwards;
}



@-webkit-keyframes moveInG {
to {
-webkit-transform: translate(30px, 0px);
transform: translate(30px, 0px);
}
}

@keyframes moveInG {
to {
-webkit-transform: translate(30px, 0px);
transform: translate(30px, 0px);
}
}

.site-footer .menu a {
font-family: "SF UI Display", Sans-serif;
color: #fff;
font-weight: 300;
font-size: 16px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
padding: 5px 0px;
display: inline-block;
}
.site-footer .menu a:hover{
color:#00BCF3
}

.site-footer .menu {
padding: 0;
margin: 0px;
list-style: none;
}

.site-footer a.gp-site-cta-btn {
display: inline-block;
/* float: right; */
}

.site-footer .gp-social .elementor-social-icons-wrapper {
text-align: left;
margin-top: 30px;
}

.site-footer .gp-social .elementor-social-icons-wrapper a.elementor-icon.elementor-social-icon {
background: transparent;
font-size: 28px;
padding: 0px;
margin-right: 16px;
}

.site-footer .gp-social .elementor-container {
max-width: 100% !important;
}

.site-footer .gp-social .elementor-container .elementor-column-wrap {
padding: 0px !important;
}
.gp-footer-container {
max-width: 1180px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.gp-footer-container > div {
width: 25%;
padding: 80px 10px 0px;
}
.gp-footer-container > div.gp-truck-image {
width: 70%;
text-align: left;
padding-top: 0px;
padding-right: 7%;
}

/*------ contact form start------*/
body .gp-input-effact input,  body .gp-input-effact textarea {
border: 1px solid #e1e0e0;
width: 100%;
padding: 10px 15px;
font-size: 16px;
font-weight: 300;
color: #00000087;
background: transparent;
border-radius: 0px;
z-index: 10;
position: relative;
}
body .gp-input-effact input:focus, body .gp-input-effact select:focus,  body .gp-input-effact textarea:focus {
border-color: #e1e0e0;
outline: 0 none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
}
input[type=number] { 
-moz-appearance: textfield;
appearance: textfield;
}
.gp-input-effact {
position: relative;
margin-bottom: 35px;
}
.gp-input-effact span.focus-border {
position: static;
}
.gp-input-effact input ~ .focus-border:before, .gp-input-effact input ~ .focus-border:after, .gp-input-effact .wpcf7-form-control ~ .focus-border:before, 
.gp-input-effact .wpcf7-form-control ~ .focus-border:after  {
content: "";
position: absolute;
top: 0px;
left: 0%;
width: 0;
height: 2px;
background-color: #00bbf3;
transition: 0.4s;
}
.gp-input-effact input ~ .focus-border:after, .gp-input-effact .wpcf7-form-control ~ .focus-border:after  {
top: auto;
bottom: 0px;
left: auto;
right: 0;
}
.gp-input-effact input:focus ~ .focus-border:before, .gp-input-effact input:focus ~ .focus-border:after,
.gp-input-effact .wpcf7-form-control:focus ~ .focus-border:before, .gp-input-effact .wpcf7-form-control:focus ~ .focus-border:after{
width: 100%;
transition: 0.3s;
}
.gp-input-effact input ~ .focus-border i:before, .gp-input-effact input ~ .focus-border i:after,
.gp-input-effact .wpcf7-form-control ~ .focus-border i:before, .gp-input-effact .wpcf7-form-control ~ .focus-border i:after{
content: "";
position: absolute;
top: 0%;
left: 0;
width: 2px;
height: 0;
background-color: #00bbf3;
transition: 0.6s;
}
.gp-input-effact input ~ .focus-border i:after, .gp-input-effact .wpcf7-form-control ~ .focus-border i:after {
left: auto;
right: 0;
top: auto;
bottom: 0;
}
.gp-input-effact input:focus ~ .focus-border i:before, .gp-input-effact input:focus ~ .focus-border i:after,
.gp-input-effact .wpcf7-form-control:focus ~ .focus-border i:before, .gp-input-effact .wpcf7-form-control:focus ~ .focus-border i:after{
height: 100%;
transition: 0.4s;
}
.gp-input-effact textarea.wpcf7-form-control ~ .focus-border:after {
bottom: 3px;
}
.gp-input-effact textarea.wpcf7-form-control:focus ~ .focus-border i:before,.gp-input-effact textarea.wpcf7-form-control:focus ~ .focus-border i:after {
height: 96% !important;
top: 0px;
}
.gp-form-step .gp-input-effact input, .gp-form-step .gp-input-effact .wpcf7-form-control  {
z-index: 6;
position: relative;
}
.gp-input-effact input ~ label, .gp-input-effact .wpcf7-form-control ~ label {
color: #999;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 17px;
font-size: 15px;
font-weight: 300;
transition: 0.3s;
z-index: 5;
}
.gp-input-effact textarea.wpcf7-form-control ~ label  {
top: 10%;
transform: translateY(-10%); 
}
.gp-input-effact input:focus ~ label,.gp-input-effact input.has-content ~ label,
.gp-input-effact .wpcf7-form-control:focus ~ label,.gp-input-effact .wpcf7-form-control.has-content ~ label,
.gp-input-effact textarea.wpcf7-form-control:focus ~ label,.gp-input-effact textarea.wpcf7-form-control.has-content ~ label{
color: #00bbf3;
top: -22px;
transform: inherit;
left: 0px;
font-size: 14px;
transition: 0.3s;
}
.wpcf7-form-control-wrap {
position: static;
}
input.wpcf7-form-control.wpcf7-submit {
font-size: 15px;
font-weight: 500;
fill: #FFFFFF;
color: #FFFFFF;
background-color: #00BCF3;
border-radius: 6px 6px 6px 6px;
padding: 11px 20px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-family: "SF UI Display", Sans-serif;
border: 0px;
text-transform: uppercase;
height: auto;
min-height: auto;
}
input.wpcf7-form-control.wpcf7-submit:hover{
background-color:#013957;
color:#fff
}

.wpcf7-form p {
text-align: center;
}

/*---- contact form -end -----*/
.sliced-invoice .sliced-business a h1 {
color: #000;
font-family: 'SF UI Display';
}
.gp-terms-privacy a {
font-weight: 600;
color: #013957;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.gp-terms-privacy a:hover{
color: #00BCF3;  
}


/*---- responsive start-----*/

@media (max-width:1199px) and (min-width:1025px){
.gp-home-gutter h3.elementor-image-box-title {
font-size: 20px !important;
}
}
@media (max-width:1279px){
.banner-section.our-gutters .elementor-column-wrap {
padding: 10px !important;
}
}
@media (max-width:1024px){
.mob-menu-logo-holder + .mobmenur-container a .right-menu-icon-text {
color: #fff;
float: none;
font-family: 'SF UI Display' !important;
font-weight: 500;
}
.mob-menu-logo-holder + .mobmenur-container a i {
display: none;
}

.mob-menu-logo-holder + .mobmenur-container a {
background: #00bbf3;
border: 1px solid #00bcf3;
border-radius: 6px;
font-size: 14px;
color: #fff;
cursor: pointer;
transition: all .2s;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
padding: 6px 15px;
}
.mob-menu-logo-holder + .mobmenur-container {
right: 7px;
top: 50%;
transform: translateY(-50%);
}
.mob-menu-logo-holder + .mobmenur-container a:hover{
background:#013957;
border-color:#013957;
}
.mob-menu-header-holder.mobmenu {
padding: 7px 0px;
}
#mobmenuleft li a, #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
font-family: "SF UI Display", Sans-serif !important;
}
.mob-standard-logo {
padding-bottom: 10px;
}
.gp-footer-container > div.gp-truck-image {
width: 50%;
padding-right: 5%;
}
.site-footer .gp-social img {
width: 90px;
}
.site-footer a.gp-site-cta-btn {
padding: 8px 15px;
font-size: 13px;
}
.gp-footer-container > div {
padding: 50px 10px 20px;
}
.site-footer .menu a {
font-size: 14px;
}
.gp-site-cta-btn {
font-size: 14px;
padding: 10px 14px 10px 15px;
}
}

@media (max-width:768px){
    span.cat_box {
        margin-left: 15px;
        margin-top: 15px !important;
    }
    .cstm_img_box h2 {
        padding: 10px !important;
        text-align: left !important;
    }
section.gp-social-naperville>.elementor-container.elementor-column-gap-default>.elementor-row {
flex-direction: column !important;
}
section.gp-social-icons .elementor-image a img {
max-width: 145px !important;
}
section.gp-social-icons .elementor-column-gap-default .elementor-row>.elementor-column.elementor-col-50 {
width: 50% !important;
}
.ctsm-cont.ctsm-conta .cstm_img_box {
    height: 300px;
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
    margin: 0;
}
.site-header {
padding-left: 20px;
}
.gp-col-2.gp-site-logo .site-branding {
max-width: 130px  !important;
}
button.cstm-tog i.fa.fa-bars {
font-size: 34px !important;
color: #013957;
}
a.custom-logo-link img {
margin-top:35px !important;
}
.gp-col-1.gp-site-cta {
width: 50% !important;
padding: 0;
}
.gp-col-9.gp-site-nav-mob {
display: flex !important;
align-items: center;
}
button.cstm-tog {
width: 100% !important;
border: none;
padding: 0;
margin-top: 5px;
}
.gp-widget-estimate-container {
margin-top:35px !important;
}
.gp-col-2.gp-site-logo {
width: 100%  !important;
order: 3;
}	
.ctsm-cont.ctsm-conta .row .col-xs-6 span.cat_box {
display: none !important;
}
.gp-widget-estimate-container .gp-widget .gp-widget-lt img {
border-radius: 0 0 0 25px !important;
max-height: 210px !important;
margin-bottom: 0 !important;
object-fit: contain !important;
width: auto !important;
}
p.gp-widget-estimate-subtitle {
font-size: 14px !important;
margin: 10px 0 15px 0!important;
}
h2.gp-widget-estimate-title {
font-size: 30px !important;
}
.gp-widget-estimate-container .gp-widget .gp-widget-lt ,.gp-widget-estimate-container .gp-widget .gp-widget-rt{
width: 100% !important;
}
.gp-widget-estimate-container .gp-widget .gp-widget-rt {
margin: 15px 0;
}
.gp-widget-estimate-container .gp-widget {
flex-direction:column-reverse;
}
.banner-section .elementor-container > .elementor-row {
flex-direction: column-reverse;
}
.page-template-page-cleaning .gp-info-form {
padding: 0px 15px 0px;
}
.media-part {
order: 1;
}
.gp-footer-container {
flex-wrap: wrap;
justify-content: center;
}
.gp-footer-container > div.gp-truck-image {
width: 80%;
padding-top: 0px;
padding-right: 10px;
}
.gp-footer-container > div.gp-truck-image svg#GutterProc-truck {
height: 180px;
}

.gp-footer-container > div {
width: 100%;
padding: 20px 10px 20px;
}
.gp-footer-container .gp-social {
margin-top: -52px;
}
.gp-footer-container div {
text-align: center;
}
.site-footer .gp-social .elementor-social-icons-wrapper {
text-align: center;
margin-top: 20px;
}
.site-footer a.gp-site-cta-btn {
float: none;
}
}
.banner-section .elementor-element-1725bbd .elementor-element-populated {
padding: 0!important;
}
.site-footer .gp-social #custom_html-6 a {
display: inline-block;
margin: 5px;
font-size: 19px;
border: 1px solid #fff;
width: 40px;
height: 40px;
border-radius: 50px;
text-align: center;
vertical-align: middle;
line-height: 37px;
color: #fff;
}
.site-footer .gp-social #custom_html-6 a:hover {
background-color: #fff;
}
.site-footer .gp-social #custom_html-6 a:hover i{color: #000;}
.gp-calculator-from .gp-pro-variant input[type=radio]:checked + label {
border-color: #003957 !important;
background-color: #003957;
}
label.gp_without_bg {
width: 22px !important;
height: 22px !important;
top: 15px !important;
left: 4px !important;
}
.gp-check-container.div_gp_main {
padding-top: 15px;
}
@media (max-width: 768px) and (min-width: 320px){
a.gp-contact-us-number {
display: none;
}
}
@media (max-width:1078px) and (min-width:768px){
button.cstm-tog i.fa.fa-bars {
font-size: 34px !important;
color: #013957;
}
button.cstm-tog {
width: 100% !important;
border: none;
padding: 0;
margin-top: 5px;
}
}
@media screen and (max-width: 991px) and (min-width:768px) {
h2.gp-widget-estimate-title {
font-size: 46px !important;
}	
p.gp-widget-estimate-subtitle {
font-size: 14px !important;
margin: 10px 0 15px 0!important;
}
}
.page-template-page-service .gp-gutters-products .gp-inner-pros {
width: 42% !important;
}
.page-template-page-cleaning section.gp-form-step {
max-width: 500px;
margin: 0 auto;
padding: 0 15px;
}
.page-template-page-cleaning form.gp-calculator-from h4 {
color: #90a4b1;
text-align: center;
margin: 20px 0;
}
.page-template-page-cleaning form.gp-calculator-from  p {
color: #000;
font-weight:700;
}
.page-template-page-cleaning form.gp-calculator-from .gutter-pros-container>div{
margin-bottom:45px;	
}
.page-template-page-cleaning form.gp-calculator-from label {
margin-right: 50px;
position:relative;
padding-left: 32px;
}
.gutter-pros-roof.question_4_wrap label {
width: 100%;
margin: 0 !important;
max-width: 200px;
}
.gutter-pros-roof.question_4_wrap label img{
width: 100%;
height:180px;
border: 2px solid #ccc;
object-fit: cover;
border-radius:10px;
margin: 0 !important;
max-width: 100% !important;
}
.gp-display-none{
display:none !important;	
}
.gutter-pros-roof.question_4_wrap label{
margin-right: 20px !important;
}
.question_discount_label_blue_filled {
background: rgb(11 191 243);
color: #ffff;
font-size: 12px;
padding: 3px 10px;
border-radius: 15px;
}
.question_discount_label_blue_outline {
color: #0bbff3;
border: 1px solid #0bbff3;
font-size: 12px;
padding: 3px 10px;
border-radius: 15px;
}
.gutter-pros-frequency.question_5_wrap label {
display: block;
margin-bottom: 18px;
}
.question-more-detail.gp-tooltip-inline {
font-size: 10px;
text-decoration: underline;
margin-bottom: 15px;
}
.gutter-pros-container textarea ,.page-template-page-cleaning form.gp-calculator-from .gutter-pros-container>div select{
max-width: 350px;
width: 100%;
}
button.gp-next-btn {
font-size: 15px;
font-weight: 500;
fill: #FFFFFF;
color: #FFFFFF;
background-color: #00BCF3 !important;
border-radius: 6px 6px 6px 6px;
padding: 10px 50px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border: none;
float:right;
}
button.gp-next-btn:focus,.gp-form-submit-wrap button.gp-form-submit:focus{
outline: unset !important;	
}
.gutter-pros-frequency.question_5_wrap {
margin-top: 50px;
}
.gutter-pros-roof.question_4_wrap img:hover {
border: 2px solid #5ecae0;
}
.gutter-pros-total p span.gp-clean-price {
font-size: 40px;
color: #00bcf3;
font-weight:700;
}
.gp-calculator-from.gp-inner-summry h4 {
font-size: 25px;
line-height: 30px;
color: #013957;
font-weight: 700;
text-align: center;
opacity: .5;
margin-bottom: 45px;
}
.gp-info-form {
max-width: 380px;
padding: 0px 15px 0px;
margin: 0 auto;
width: 100%;
}
.gp-calculator-from h3{
font-size: 30px;
line-height: 55px;
color: #013957;
font-weight: 700 !important;
text-align: center;
margin: 20px auto 60px;
}
.gp-form-available{
display: flex;
flex-wrap: wrap;
}
.gp-form-available h3 {
color: #00bbf3;
font-weight: 900;
font-size: 25px;
text-transform: capitalize;
margin: 5px 0px 10px;
width: 100%;
display: block;
text-align: left;
}
.gp-text-summry, .gp-total-summry {
width: 50%;
margin-bottom: 25px;
}
.gp-text-summry p {
font-size: 18px;
color: #999;
font-weight: 400;
}
.gp-total-summry p, .gp-text-summry p {
margin: 0px;
}
.gp-text-summry {
padding-right: 5px;
padding-left:0px;
}
.gp-total-summry {
padding-left: 5px;
padding-right: 15px;
text-align: right;
color: #000;
font-weight: 300;
}
.gp-info-form {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gp-info-form  h3 {
color: #00bbf3;
font-weight: 900;
font-size: 25px;
text-transform: capitalize;
margin: 5px 0px 10px;
width: 100%;
display: block;
}
.gp-info-form h3 {
margin: 5px 0px 40px;
}
.gp-info-form .gp-input-effact {
width: 48%;
}
.gp-info-form .gp-input-effact.gp-extra-info {
width: 100%;
margin-bottom: 20px;
}
.gp-info-form .gp-map-input-wrap {
width: 100%;
}
.gp-info-form .gp-map-input-wrap .gp-input-effact {
width: 100%;
}
.gp-form-submit-wrap button.gp-form-submit {
width: 100%;
background: #00bbf3;
border: 1px solid #00bbf3;
padding: 13px 10px;
border-radius: 6px;
font-size: 16px;
color: #fff;
margin-top: 0px;
cursor: pointer;
transition: all .2s;
}
.gp-info-form .gp-form-submit-wrap.testing {
width: 100%;
margin:0 !important;	
}
.gp-form-submit-wrap button.gp-form-submit:hover,.gutter-pros-total button.gp-btn.gp-btn-default.gp-next-btn:hover{
background: #02273a;
border-color: #02273a;
outline: none;
color: #fff;
}

.gutter-pros-total {
border-top: 1px solid #e0e0e0;
}
.page-template-page-cleaning form.gp-calculator-from p {
color: #000;
font-weight: 700;
display: flex;
align-items: center;
justify-content: start;
gap:5px;
}
.gutter-pros-container textarea, .page-template-page-cleaning form.gp-calculator-from .gutter-pros-container>div select {
border-color: #e0e0e0;
}

.gp-progress-bar {
display: flex;
align-items: center;
}
ul.gp-progress-wrap {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}

li.gp-progress-step {
width: 14px;
height: 5px;
border-radius: 1px;
background-color: #d8d8d8;
margin: 0px 5px;
cursor: pointer;
}

li.gp-progress-step.gp-step-active {
background: #17b890;
}
.gp-next-btn-section {
display: flex;
justify-content: space-between;
}
.gutter-pros-container input {
display: none;
} 
.page-template-page-cleaning form.gp-calculator-from .gutter-pros-container .gutter-pros-schedule_alternate.question_6_wrap input {
display: block !important;
max-width: 240px;
width: 100%;
}
.gutter-pros-container input + span {
display: block;
cursor: pointer;
font-size: 15px;
width: 22px;
height: 22px;
border-radius: 11px;
background-color: transparent;
border: 1px solid #c3c3c3;
position: absolute;
left: 0px;
top: 0px;
transition: all .2s;
overflow: hidden;
}
.gutter-pros-container input:checked + span {
border-color: #003957;
background-color: #003957;
}
.gutter-pros-container input + span:before {
background: #003957;
content: "\2714";
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 7px;
transform: translateY(-50%) scale(0);
border-radius: 50%;
transition: all .2s;
color: #fff;
text-align: center;
height: 22px;
}
.gutter-pros-container input:checked + span:before {
transform: translateY(-50%) scale(1);
}
.gutter-pros-container .gutter-pros-roof.question_4_wrap label {
padding-left: 0 !important;
}
.gutter-pros-container .gutter-pros-roof.question_4_wrap label p {
font-weight: 400 !important;
justify-content: center;
margin: 0;
}
.gp-next-btn-section a.gp-btn.gp-btn-default.gp-back-btn {
padding: 5px 30px 0 30px;
border: 1px solid #00BCF3;
border-radius: 5px;
}
.gp-next-btn-section button.gp-btn.gp-btn-default.gp-next-btn:hover {
background: #02273a;
}
.gp-next-btn-section a.gp-btn.gp-btn-default.gp-back-btn:hover{
color: #02273a;
border-color: #02273a;
}
.gutter-pros-container .gutter-pros-roof.question_4_wrap label span.gp-checkmark{
position:relative;
margin: 0 auto;
}
.gutter-pros-container .gutter-pros-roof.question_4_wrap label br{display:none;}
.gutter-pros-container .gutter-pros-roof.question_4_wrap label .question-more-detail.gp-tooltip-inline {
text-align: center;
margin: 0;
}
.gp-form-step .gp-info-form>h3 {
font-weight: 700;
text-align: center;
color: #000;
margin-top: 40px;
}
.city-page-review .wprevgoslick {
overflow: hidden;
}
.page-template-page-cleaning form.gp-calculator-from .gutter-pros-total p{
justify-content:space-between;
}
.gp-form-error-section .gp-form-error {
background-color: #ea09098a;
display: inline-block;
margin-right: auto;
padding: 8px 13px;
border-radius: 4px;
color: #fff;
font-size: 15px;
border: 1px solid #ef0a0a;
}
@media screen and (max-width:768px) {
    span.cat_box {
        margin: 10px 0 0 10px !important;
    }
    .tg-container.cstm-filter.container,.tg-container.ctsm-cont.ctsm-conta {
        padding: 0 !important;
    }
.gp-yelp-logo>.elementor-column-wrap.elementor-element-populated {
padding-right: 0 !important;
}
button.control.cstm-control {
width: 130px !important;
margin: 0 10px 10px 0px !important;
}
.ctsm-cont.ctsm-conta .row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.ctsm-cont.ctsm-conta>.row>.tg-col-xs-6 {
        padding-left: 0;
        padding-right: 0;
        width: 48%;
        display: inline-block;
        margin-bottom: 10px;
    
}
.ctsm-cont.ctsm-conta>.row>.tg-col-xs-6:nth-child(odd) {
    margin-right: 10px;
}
.ctsm-cont.ctsm-conta .row .col-xs-6 {
padding-right: 0;
margin-top: 10px;
}
.ctsm-cont.ctsm-conta .row .col-xs-6 h2 {
padding: 30px 5px !important;
}
.ctsm-cont.ctsm-conta .row .col-xs-6 span.cat_box {
display: flex;
margin: 0;
margin: 0 15px;
text-align: center;
justify-content: center;
margin-top: 20px !important;
}
.gp-widget-estimate-container .gp-widget .gp-widget-lt {
display: flex;
margin-top:30px;}
.gutter-pros-roof.question_4_wrap label {
max-width: 45%;
min-height: 280px !important;
margin-right: 10px !important;
height: 100%;
}
.gutter-pros-container .gutter-pros-roof.question_4_wrap label p {
font-size: 14px;
}
.gp-next-btn-section {
display: flex;
gap: 10px;
align-items: center;
padding-top: 20px !important;
}
.gp-next-btn-section a.gp-btn.gp-btn-default.gp-back-btn {
padding:6px 15px !important;
font-size: 14px !important;
}	
.gp-next-btn-section button.gp-next-btn {
font-size: 14px;
padding: 8px 28px;
}
.gutter-pros-roof.question_4_wrap {
margin-bottom: 0 !important;
}
.gutter-pros-frequency.question_5_wrap {
margin-top: 15px !important;
}
}
.page-template-page-cleaning .city-page-review .wprevpro.wprev-slick-slider .wprevgoslick {
max-width: 1180px !important;
margin: 0 auto !important;
width:100% !important;
}
.page-template-page-cleaning .city-page-review {
background-image: url(https://www.teamgutters.com/wp-content/plugins/phastpress/phast.php/c2VydmljZT1pbWFnZXMmc3JjPWh0dHBzJTNBJTJGJTJGd3d3LnRlYW1ndXR0ZXJzLmNvbSUyRndwLWNvbnRlbnQlMkZ0aGVtZXMlMkZHdXR0ZXJQcm8lMkZpbWFnZXMlMkZiZy1pbWcuanBnJmNhY2hlTWFya2VyPTE3MDg2NjgxMjAtMTQ0MDQmdG9rZW49MDVjYzczM2U0Mzg2YWQzNw.q.jpg);
background-position: top right;
width: 100%;
height: 100%;
background-repeat: no-repeat;
padding-top: 20px;
padding-bottom: 40px;
}
.city-page-review{
visibility: hidden;
height: 0px !important;}
.city-page-review.visible-city-page-review{visibility: visible;
height:100% !important;}
.gp-form-error-section {
    text-align: center;
    margin-top:25px;
}
.gp-next-btn-section {
padding-top:50px;
}
.page-template-page-cleaning .gp-info-form {
padding: 0px 15px 0px;
}
.page-template-page-cleaning .gp-info-form h4 {
font-size: 25px;
line-height: 30px;
color: #013957;
font-weight: 700;
text-align: center;
opacity: .5;
margin-bottom: 45px;
}
.page-template-page-cleaning .gp-info-form {
justify-content: center;
column-gap: 12px;
}
.gform_confirmation_message {
color: #270;
background-color: #DFF2BF;
padding: 15px;
line-height: 24px;
border-radius: 5px;
text-align: center;
}
body.page-template-page-cleaning .gp-info-form .gp-calculator-from.gp-inner-summry h3 {
margin: 35px 0px 40px;
}

/***
* Widget
*/

.gp-widget-estimate-title,.gp-widget-estimate-subtitle {
margin: 10px;
color: #fff;
}
h2.gp-widget-estimate-title {
font-size: 60px;
font-weight:700;
margin:0;
}
p.gp-widget-estimate-subtitle {
font-size:20px;
margin: 7px 0 20px 0;
}
.gp-widget-estimate-button {
padding: 12px 5px;
font-size: 16px;
border: none;
background-color: #fff;
color: #11b3ec;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
display: block;
max-width: 220px;
width: 100%;
margin: 0 auto;
transition: all .3s;
}
.gp-widget-estimate-container {
text-align: center;
padding: 20px;
max-width: 800px;
width: 100%;
margin: 0 auto;
}

.gp-widget-estimate-container .gp-widget {
border-radius: 25px;
background-color: #11b3ec;
display: flex;
align-items: center;
}
.gp-widget-estimate-container .gp-widget .gp-widget-lt {
width:40%;
height: 100%;
}
.gp-widget-estimate-container .gp-widget  .gp-widget-rt {
width: 60%;
}
.gp-widget-estimate-container .gp-widget .gp-widget-lt img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px 0 0 25px;
margin-bottom: -9px;
}
a.gp-widget-estimate-button:hover {
background-color: #013957;
color: #fff;
}
.gp-mobile-nav-wrap-active {
position: absolute;
z-index: 99;
height: 100%;
background: #54b9ee;
display: flex;
flex-direction: column;
padding: 0px;
align-items: center;
width: 100%;
justify-content:center;
margin-top: -50px;
}
.gp-mobile-nav-wrap-active .gp-mobile-close {
position: absolute;
right: 0;
top: 50px;
width: 50px;
height: 50px;
}
.gp-mobile-nav-wrap-active .gp-mobile-close button {
border: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
}
.gp-mobile-nav-wrap-active .gp-mobile-close button i.fa.fa-times {
color: #fff;
font-weight: 400 !important;
font-size: 36px !important;
}
.gp-mobile-nav-wrap-active .gp-mobile-nav ul.menu {
padding: 40px 0 60px;
list-style: none;
display: flex;
flex-direction: column;
gap: 20px;
}
.gp-mobile-nav-wrap-active .gp-mobile-nav ul.menu li a {
color: #fff;
}
.gp-mobile-nav-wrap-active .gp-mobile-nav ul.menu li a {
color: #fff;
font-size: 22px;
text-align: center;
display: block;
}
.gp-mobile-nav-wrap-active  .gp-mobile-estimate a.gp-site-cta-btn {
font-size: 14px !important;
padding:10px 42px;
background: #fff;
color: #54b9ee;
font-weight:700;
text-transform: capitalize;
border-radius: 6px 6px 6px 6px;
}
.gp-mobile-nav-wrap-active .gp-mobile-close button:hover {
background: transparent;
}
body.gp-mobile-menu-active {
overflow: hidden;
}
.gp-mobile-nav-wrap {
display: none;
}
.gp-mobile-nav-wrap.gp-mobile-nav-wrap-active {
display: flex;
}
.gp-mobile-nav-wrap.gp-mobile-nav-wrap-active span.gp-close-btn-line {
position: absolute;
left: 20px;
content: ' ';
height: 33px;
width: 2px;
background-color: #fff;
top: 8px;
}
.gp-mobile-nav-wrap.gp-mobile-nav-wrap-active span.gp-close-btn-line.gp-close-btn-left {
transform: rotate(45deg);
}
.gp-mobile-nav-wrap.gp-mobile-nav-wrap-active span.gp-close-btn-line.gp-close-btn-right {
transform: rotate(-45deg);
}
.gp-mobile-nav-wrap-active .gp-mobile-close button:hover span{
background-color:#013957;}
.gp-mobile-logo a img {
border-style: none;
height: 100px;
max-width: 155px;
width: 100%;
}
section.gp-home-gutter .elementor-container.elementor-column-gap-default .elementor-row .elementor-column.elementor-col-25 .elementor-image-box-wrapper figure.elementor-image-box-img{
height: 157px;
}
section.gp-home-gutter .elementor-container.elementor-column-gap-default .elementor-row .elementor-column.elementor-col-25 .elementor-image-box-wrapper figure.elementor-image-box-img a {
display: block;
height: 100%;
}
/* section.gp-home-gutter .elementor-container.elementor-column-gap-default .elementor-row .elementor-column.elementor-col-25 .elementor-image-box-wrapper figure.elementor-image-box-img a img {
max-width: 120px;
height: 60px;
object-fit: contain;
} */
.gp-social-naperville .elementor-text-editor h5 {
font-size: 21px !important;
font-weight: 600 !important;
}
section.gp-social-naperville .elementor-element-7d56156c.animated-slow{flex: 0 0 50%;}
section.gp-social-naperville .elementor-column.elementor-element-6a2c958a{ width: 100% !important;
flex-grow: 1;}
section.gp-social-naperville {
overflow-x: hidden;
}
section.gp-social-naperville {
position: relative;
}
section.gp-social-naperville div {
position: static !important;
z-index: 9;
}
section.gp-social-naperville .elementor-background-overlay{
position: absolute !important;
}

/* custom css */
.gp-footer-lifetime-warranty{
	width:170px !important;
	margin-bottom:40px !important;
}
@media screen and (max-width:767px){
	#gp-lifetime-warranty .elementor-widget-container .elementor-image{
		text-align:center !important;
	}
	.gp-footer-lifetime-warranty{
		margin:auto !important;
		margin-bottom:20px !important;
		width:140px !important;
	}
	.og-seamless img{
		width:35% !important;
	}
	.og-seamless-1 img{
		width:50% !important;
	}
	.og-btn{
		text-align:center !important;
	}
	.blog-page-body .controls,.cat_box{
		display:none;
	}
	.ctsm-cont.ctsm-conta .cstm_img_box {
    height: 180px;
}
	.cstm_img_box h2{
		text-align:center !important;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.ctsm-cont.ctsm-conta .row {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
	.home-icon-1 img{
		width:62% !important;
	}
	.home-icon-2 img{
		width:58% !important;
	}
}



section.gp-social-naperville div.animated-cloud.animate-1 {
position: absolute !important;
-webkit-animation: animation-cloud-1;
-moz-animation:    animation-cloud-1;
-o-animation:      animation-cloud-1;
animation:         animation-cloud-1;

animation-timing-function: linear;
animation-iteration-count: infinite;
top: 2%;
width:100px;
transform: translateY(-2%);
animation-delay: 0s;
animation-duration: 90s;
right: 65%;
}
section.gp-social-naperville div.animated-cloud.animate-2 {
position: absolute !important;
-webkit-animation: animation-cloud-2;
-moz-animation:    animation-cloud-2;
-o-animation:      animation-cloud-2;
animation:         animation-cloud-2;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
top: 16%;
transform: translateY(-16%);
animation-delay: 0s;
animation-duration: 90s;
right:40%;
}
section.gp-social-naperville div.animated-cloud.animate-3 {
position: absolute !important;
-webkit-animation: animation-cloud-3;
-moz-animation:    animation-cloud-3;
-o-animation:      animation-cloud-3;
animation:         animation-cloud-3;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
right:-2%;
top:7%;
transform: translateY(-7%);
animation-delay: 0s;
animation-duration: 150s;
}

section.gp-social-naperville div.animated-cloud.animate-4 {
position: absolute !important;
-webkit-animation: animation-cloud-4;
-moz-animation:    animation-cloud-4;
-o-animation:      animation-cloud-4;
animation:         animation-cloud-4;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
top:20%;
transform: translateY(-20%);
animation-delay: 20s;
animation-duration: 160s;
right: -20%;
}
section.gp-social-naperville div.animated-cloud.animate-5 {
position: absolute !important;
-webkit-animation: animation-cloud-5;
-moz-animation:    animation-cloud-5;
-o-animation:      animation-cloud-5;
animation:         animation-cloud-5;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
right:-30%;
top:24%;
transform: translateY(-24%);
animation-delay: 40s;
animation-duration: 170s;
}
section.gp-social-naperville div.animated-cloud.animate-6 {
position: absolute !important;
-webkit-animation: animation-cloud-6;
-moz-animation:    animation-cloud-6;
-o-animation:      animation-cloud-6;
animation:         animation-cloud-6;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 100px;
right:-50%;
top:35%;
transform: translateY(-35%);
animation-delay: 60s;
animation-duration: 180s;
}
section.gp-social-naperville div.animated-cloud{
opacity:0.3;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
@media screen and (max-width:1024px) and (min-width:768px) {
section.gp-social-naperville>.elementor-container.elementor-column-gap-default>.elementor-row >.elementor-column:nth-child(1){
width: 0% !important;
}

section.gp-social-naperville>.elementor-container.elementor-column-gap-default>.elementor-row >.elementor-column:nth-child(2),section.gp-social-naperville>.elementor-container.elementor-column-gap-default>.elementor-row >.elementor-column:nth-child(3){
width:50% !important;
}	
}
section.gp-social-naperville .slickwprev-list.draggable .slickwprev-slide .wprevpro_t1_DIV_1.outerrevdiv .indrevdiv.wprevpro_t1_DIV_2{
height: auto !important;
}
body.gp-blue-mobile-header .site-header-wrap{
background: #e9f9fe;
}
span.gp-price-spans span.gp-per-sep {
font-weight: 400  !important;
}
section.gp-social-naperville div {
position: static !important;
z-index: 0  !important;
}


/**
* Custom Bootstrap Overrides
**/

.tg-py-3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

/* Base styles for the tg-container */
.tg-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}

/* Fixed widths for different screen sizes for tg-container */
@media (min-width: 768px) {
.tg-container {
width: 750px;
}
}
@media (min-width: 992px) {
.tg-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.tg-container {
width: 1170px;
}
}

/* tg-row */
.tg-row {
margin-left: -15px;
margin-right: -15px;
}
.tg-row::before,
.tg-row::after {
content: " ";
display: table;
}
.tg-row::after {
clear: both;
}
.gp-sum-total {
    justify-content: center;
}
/* For extra small devices (xs) - .tg-col-xs-6 */
.tg-col-xs-6 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%; /* Full width on extra small screens */
}
.gutter-pros-info select,.gutter-pros-notes textarea {
border-color: #e0e0e0;
max-width: 350px;
width: 100%;
}
@media (min-width: 768px) {
.tg-col-xs-6 {
float: left;
width: 50%; /* 50% width on small screens (768px and up) */
}
}

/* For medium devices (md) - .tg-col-md-4 */
@media (min-width: 992px) {
.tg-col-md-4 {
float: left;
width: 33.33333333%; /* 33.33% width on medium screens (992px and up) */
padding-left: 15px;
padding-right: 15px;
}
}


/****
* End Bootstrap Override
*/