html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; } body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333333;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 {
margin-top: .5rem;
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit; }
h1 {
font-size: 2.5rem; }
h2 {
font-size: 2rem; }
h3 {
font-size: 1.75rem; }
h4 {
font-size: 1.5rem; }
h5 {
font-size: 1.25rem; }
h6 {
font-size: 1rem; }
p {
margin-top: 0;
margin-bottom: .9rem; }  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace; font-size: 1em; white-space: pre-wrap; } a {
background-color: transparent;
text-decoration: none;
color: #CC3366; }
a:hover, a:active {
color: #333366; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none;
height: auto;
max-width: 100%; }  details {
display: block; } summary {
display: list-item; }
figcaption {
font-size: 16px;
color: #333333;
line-height: 1.4;
font-style: italic;
font-weight: 400; }  template {
display: none; } [hidden] {
display: none; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; } @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
page-break-inside: avoid;
border: 1px solid #cccccc; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }  label {
display: inline-block;
line-height: 1;
vertical-align: middle; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
width: 100%;
border: solid 1px #666666;
border-radius: 3px;
padding: 0.5rem 1rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #333333;
outline: 0 none; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
width: auto;
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
button,
[type="submit"],
[type="button"] {
display: inline-block;
font-weight: 400;
color: #CC3366;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid #CC3366;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 3px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
button:focus,
[type="submit"]:focus,
[type="button"]:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
button:hover, button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
color: #ffffff;
background-color: #CC3366;
text-decoration: none; }
button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
cursor: pointer; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto;
resize: vertical; } [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
select {
display: block; }  table {
background-color: transparent;
width: 100%;
margin-bottom: 15px;
font-size: 0.9em;
border-spacing: 0;
border-collapse: collapse; }
table th,
table td {
padding: 15px;
line-height: 1.5;
vertical-align: top;
border: 1px solid #cccccc; }
table th {
font-weight: bold; }
table thead th,
table tfoot th {
font-size: 1em; }
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
border-top: 1px solid #cccccc; }
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #f7f7f7; }
table tbody + tbody {
border-top: 2px solid #cccccc; }
@media (max-width: 767px) {
table table {
font-size: 0.8em; }
table table th,
table table td {
padding: 7px;
line-height: 1.3; }
table table th {
font-weight: 400; } }  dl,
dt,
dd,
ol,
ul,
li {
margin-top: 0;
margin-bottom: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }@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(//www.teamgutters.com/wp-content/themes/GutterPro/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; }
.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%;
} 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;
} .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;  
} @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;
} .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%;
} .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;
} .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;
} .tg-py-3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
} .tg-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
} @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 {
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;
} .tg-col-xs-6 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%; }
.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%; }
} @media (min-width: 992px) {
.tg-col-md-4 {
float: left;
width: 33.33333333%; padding-left: 15px;
padding-right: 15px;
}
}.tpd-tooltip {
position: absolute;
} .tpd-tooltip {
box-sizing: content-box;
}
.tpd-tooltip [class^="tpd-"] {
box-sizing: inherit;
} .tpd-content-wrapper {
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
height: 100%;
overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
float: left;
position: relative;
}
.tpd-content-relative {
width: 100%;
}
.tpd-content {
float: left;
clear: both;
position: relative;
padding: 10px;
font-size: 11px;
line-height: 16px;
color: #fff;
box-sizing: border-box !important;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content {
padding-right: 0 !important;
}
.tpd-tooltip .tpd-content-no-padding {
padding: 0 !important;
}
.tpd-title-wrapper {
float: left;
position: relative;
overflow: hidden;
}
.tpd-title-spacer {
float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
float: left;
position: relative;
}
.tpd-title-relative {
width: 100%;
}
.tpd-title {
float: left;
position: relative;
font-size: 11px;
line-height: 16px;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
box-sizing: border-box !important;
}
.tpd-has-title-close .tpd-title {
padding-right: 0 !important;
}
.tpd-close {
position: absolute;
top: 0;
right: 0;
width: 28px;
height: 28px;
cursor: pointer;
overflow: hidden;
color: #fff;
}
.tpd-close-icon {
float: left;
font-family: Arial, Baskerville, monospace;
font-weight: normal;
font-style: normal;
text-decoration: none;
width: 28px;
height: 28px;
font-size: 28px;
line-height: 28px;
text-align: center;
} .tpd-skin {
position: absolute;
top: 0;
left: 0;
}
.tpd-frames {
position: absolute;
top: 0;
left: 0;
}
.tpd-frames .tpd-frame {
float: left;
width: 100%;
height: 100%;
clear: both;
display: none;
}
.tpd-visible-frame-top .tpd-frame-top {
display: block;
}
.tpd-visible-frame-bottom .tpd-frame-bottom {
display: block;
}
.tpd-visible-frame-left .tpd-frame-left {
display: block;
}
.tpd-visible-frame-right .tpd-frame-right {
display: block;
}
.tpd-backgrounds {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.tpd-background-shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow {
box-shadow: none !important;
}
.tpd-background-box {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
} .tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
display: none;
}
.tpd-no-stem .tpd-background-box-top {
display: block;
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
position: relative;
float: left;
width: 100%;
height: 100%;
}
.tpd-background {
border-radius: 10px;
float: left;
clear: both;
background: none;
-webkit-background-clip: padding-box; background-clip: padding-box; border-style: solid;
border-width: 1px;
border-color: rgba(
255,
255,
255,
0.1
); }
.tpd-background-loading {
display: none;
} .tpd-no-radius
.tpd-skin
.tpd-frames
.tpd-frame
.tpd-backgrounds
.tpd-background {
border-radius: 0;
}
.tpd-background-title {
float: left;
clear: both;
width: 100%;
background-color: #282828;
}
.tpd-background-content {
float: left;
clear: both;
width: 100%;
background-color: #282828;
}
.tpd-background-border-hack {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-style: solid;
}
.tpd-background-box-top {
top: 0;
}
.tpd-background-box-bottom {
bottom: 0;
}
.tpd-background-box-left {
left: 0;
}
.tpd-background-box-right {
right: 0;
} .tpd-shift-stem {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.tpd-shift-stem-side {
position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
width: 100%;
}
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
height: 100%;
}
.tpd-stem {
position: absolute;
top: 0;
left: 0;
overflow: hidden; width: 16px; height: 8px;
margin-left: 3px; margin-top: 2px; -webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
margin: 0 !important;
}
.tpd-stem-spacer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer {
margin-top: 0;
}
.tpd-stem-point {
width: 100px;
position: absolute;
top: 0;
left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
float: left;
width: 100%;
height: 100%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
position: relative;
}
.tpd-stem-side {
width: 50%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
}
.tpd-stem-side-inversed {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.tpd-stem-triangle {
width: 0;
height: 0;
border-bottom-style: solid;
border-left-color: transparent;
border-left-style: solid;
position: absolute;
top: 0;
left: 0;
}
.tpd-stem-border {
width: 20px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background-color: #fff; border-right-color: #fff;
border-right-style: solid;
border-right-width: 0;
}
.tpd-stem-border-corner {
position: absolute;
top: 0;
left: 50%;
height: 100%;
border-right-style: solid;
border-right-width: 0;
} .tpd-stem * {
z-index: 0;
zoom: 1;
} .tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
float: left;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.tpd-stem-notransform {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
height: 100%;
position: relative;
float: left;
top: 0;
left: 0;
margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
background: #fff;
border: 0;
top: auto;
left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
height: 0;
border: 0;
left: 50%;
} .tpd-stem-transform-left {
-webkit-transform: rotate(-90deg) scale(-1, 1);
transform: rotate(-90deg) scale(-1, 1);
}
.tpd-stem-transform-right {
-webkit-transform: rotate(90deg) translate(0, -100%);
transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
-webkit-transform: scale(1, -1) translate(0, -100%);
transform: scale(1, -1) translate(0, -100%);
} .tpd-spinner {
position: absolute;
top: 50%;
left: 50%;
width: 46px;
height: 36px;
}
.tpd-spinner-spin {
position: relative;
float: left;
margin: 8px 0 0 13px;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #fff;
-webkit-animation: tpd-spinner-animation 1.1s infinite linear;
animation: tpd-spinner-animation 1.1s infinite linear;
box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
border-radius: 50%;
width: 20px;
height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes tpd-spinner-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
display: none;
}
.tpd-is-loading .tpd-background {
display: none;
}
.tpd-is-loading .tpd-background-loading {
display: block;
} .tpd-tooltip-measuring {
top: 0;
left: 0;
position: absolute;
max-width: 100%;
width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
display: none;
}
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
display: block;
} .tpd-tooltip a,
.tpd-tooltip a:hover {
color: #808080;
text-decoration: underline;
}
.tpd-tooltip a:hover {
color: #6c6c6c;
}  .tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
padding: 7px 8px;
font-size: 10px;
line-height: 15px;
}
.tpd-size-x-small .tpd-background {
border-radius: 5px;
}
.tpd-size-x-small .tpd-stem {
width: 12px;
height: 6px;
margin-left: 4px;
margin-top: 2px; }
.tpd-size-x-small.tpd-no-radius .tpd-stem {
margin-left: 7px;
}
.tpd-size-x-small .tpd-close {
margin-bottom: 1px;
}
.tpd-size-x-small .tpd-spinner {
width: 35px;
height: 29px;
}
.tpd-size-x-small .tpd-spinner-spin {
margin: 6px 0 0 9px;
}
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
width: 17px;
height: 17px;
} .tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
padding: 8px;
font-size: 10px;
line-height: 16px;
}
.tpd-size-small .tpd-background {
border-radius: 6px;
}
.tpd-size-small .tpd-stem {
width: 14px;
height: 7px;
margin-left: 5px;
margin-top: 2px; }
.tpd-size-small.tpd-no-radius .tpd-stem {
margin-left: 8px;
}
.tpd-size-small .tpd-close {
margin: 2px 1px;
}
.tpd-size-small .tpd-spinner {
width: 42px;
height: 32px;
}
.tpd-size-small .tpd-spinner-spin {
margin: 7px 0 0 13px;
}
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
width: 18px;
height: 18px;
} .tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
padding: 10px;
font-size: 11px;
line-height: 16px;
}
.tpd-size-medium .tpd-background {
border-radius: 8px;
}
.tpd-size-medium .tpd-stem {
width: 16px; height: 8px;
margin-left: 6px; margin-top: 2px; }
.tpd-size-medium.tpd-no-radius .tpd-stem {
margin-left: 10px;
}
.tpd-size-medium .tpd-close {
margin: 4px 2px;
} .tpd-size-medium .tpd-spinner {
width: 50px;
height: 36px;
}
.tpd-size-medium .tpd-spinner-spin {
margin: 8px 0 0 15px;
}
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
width: 20px;
height: 20px;
} .tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
padding: 10px;
font-size: 13px;
line-height: 18px;
}
.tpd-size-large .tpd-background {
border-radius: 8px;
}
.tpd-size-large .tpd-stem {
width: 18px;
height: 9px;
margin-left: 7px;
margin-top: 2px; }
.tpd-size-large.tpd-no-radius .tpd-stem {
margin-left: 10px;
}
.tpd-size-large .tpd-close {
margin: 5px 2px 5px 2px;
}
.tpd-size-large .tpd-spinner {
width: 54px;
height: 38px;
}
.tpd-size-large .tpd-spinner-spin {
margin: 9px 0 0 17px;
}
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
width: 20px;
height: 20px;
}  .tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close {
color: #fff;
}
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
background-color: #282828;
}
.tpd-skin-dark .tpd-background {
border-width: 1px;
border-color: rgba(255, 255, 255, 0.1);
} .tpd-skin-dark .tpd-title-wrapper {
border-bottom: 1px solid #404040;
} .tpd-skin-dark .tpd-spinner-spin {
border-color: rgba(255, 255, 255, 0.2);
border-left-color: #fff;
} .tpd-skin-dark a {
color: #ccc;
}
.tpd-skin-dark a:hover {
color: #c0c0c0;
} .tpd-skin-light .tpd-content,
.tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close {
color: #333;
}
.tpd-skin-light .tpd-background-content {
background-color: #fff;
}
.tpd-skin-light .tpd-background {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.3);
}
.tpd-skin-light .tpd-background-title {
background-color: #f7f7f7;
}
.tpd-skin-light .tpd-title-wrapper {
border-bottom: 1px solid #c0c0c0;
}
.tpd-skin-light .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
} .tpd-skin-light.tpd-no-shadow .tpd-background {
border-color: rgba(100, 100, 100, 0.3);
}
.tpd-skin-light .tpd-spinner-spin {
border-color: rgba(51, 51, 51, 0.2);
border-left-color: #333;
}
.tpd-skin-light a {
color: #808080;
}
.tpd-skin-light a:hover {
color: #6c6c6c;
} .tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close {
color: #fff;
}
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
background-color: #727272;
}
.tpd-skin-gray .tpd-background {
border-width: 1px;
border-color: rgba(255, 255, 255, 0.1);
}
.tpd-skin-gray .tpd-title-wrapper {
border-bottom: 1px solid #505050;
}
.tpd-skin-gray .tpd-spinner-spin {
border-color: rgba(255, 255, 255, 0.2);
border-left-color: #fff;
}
.tpd-skin-gray a {
color: #ccc;
}
.tpd-skin-gray a:hover {
color: #b6b6b6;
} .tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close {
color: #fff;
}
.tpd-skin-red .tpd-background-content {
background-color: #e13c37;
}
.tpd-skin-red .tpd-background {
border-width: 1px;
border-color: rgba(12, 0, 0, 0.6);
}
.tpd-skin-red .tpd-background-title {
background-color: #e13c37;
}
.tpd-skin-red .tpd-title-wrapper {
border-bottom: 1px solid #a30500;
}
.tpd-skin-red .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.tpd-skin-red .tpd-spinner-spin {
border-color: rgba(255, 255, 255, 0.2);
border-left-color: #fff;
}
.tpd-skin-red a {
color: #ddd;
}
.tpd-skin-red a:hover {
color: #c6c6c6;
} .tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close {
color: #fff;
}
.tpd-skin-green .tpd-background-content {
background-color: #4aab3a;
}
.tpd-skin-green .tpd-background {
border-width: 1px;
border-color: rgba(0, 12, 0, 0.6);
}
.tpd-skin-green .tpd-background-title {
background-color: #4aab3a;
}
.tpd-skin-green .tpd-title-wrapper {
border-bottom: 1px solid #127c00;
}
.tpd-skin-green .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.tpd-skin-green .tpd-spinner-spin {
border-color: rgba(255, 255, 255, 0.2);
border-left-color: #fff;
}
.tpd-skin-green a {
color: #ddd;
}
.tpd-skin-green a:hover {
color: #c6c6c6;
} .tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close {
color: #fff;
}
.tpd-skin-blue .tpd-background-content {
background-color: #45a3e3;
}
.tpd-skin-blue .tpd-background {
border-width: 1px;
border-color: rgba(0, 0, 12, 0.6);
}
.tpd-skin-blue .tpd-background-title {
background-color: #45a3e3;
}
.tpd-skin-blue .tpd-title-wrapper {
border-bottom: 1px solid #1674b4;
}
.tpd-skin-blue .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.tpd-skin-blue .tpd-spinner-spin {
border-color: rgba(255, 255, 255, 0.2);
border-left-color: #fff;
}
.tpd-skin-blue a {
color: #ddd;
}
.tpd-skin-blue a:hover {
color: #c6c6c6;
} .tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close {
color: #333;
}
.tpd-skin-lightyellow .tpd-background-content {
background-color: #ffffa9;
}
.tpd-skin-lightyellow .tpd-background {
border-width: 1px;
border-color: rgba(8, 8, 0, 0.35);
}
.tpd-skin-lightyellow .tpd-background-title {
background-color: #ffffa9;
}
.tpd-skin-lightyellow .tpd-title-wrapper {
border-bottom: 1px solid #a7a697;
}
.tpd-skin-lightyellow .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.tpd-skin-lightyellow .tpd-spinner-spin {
border-color: rgba(51, 51, 51, 0.2);
border-left-color: #333;
}
.tpd-skin-lightyellow a {
color: #777;
}
.tpd-skin-lightyellow a:hover {
color: #868686;
} .tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close {
color: #333;
}
.tpd-skin-lightblue .tpd-background-content {
background-color: #bce5ff;
}
.tpd-skin-lightblue .tpd-background {
border-width: 1px;
border-color: rgba(0, 0, 8, 0.35);
}
.tpd-skin-lightblue .tpd-background-title {
background-color: #bce5ff;
}
.tpd-skin-lightblue .tpd-title-wrapper {
border-bottom: 1px solid #909b9f;
}
.tpd-skin-lightblue .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.tpd-skin-lightblue .tpd-spinner-spin {
border-color: rgba(51, 51, 51, 0.2);
border-left-color: #333;
}
.tpd-skin-lightblue a {
color: #777;
}
.tpd-skin-lightblue a:hover {
color: #868686;
} .tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close {
color: #333;
}
.tpd-skin-lightpink .tpd-background-content {
background-color: #ffc4bf;
}
.tpd-skin-lightpink .tpd-background {
border-width: 1px;
border-color: rgba(8, 0, 0, 0.35);
}
.tpd-skin-lightpink .tpd-background-title {
background-color: #ffc4bf;
}
.tpd-skin-lightpink .tpd-title-wrapper {
border-bottom: 1px solid #a08f8f;
}
.tpd-skin-lightpink .tpd-background-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.tpd-skin-lightpink .tpd-spinner-spin {
border-color: rgba(51, 51, 51, 0.2);
border-left-color: #333;
}
.tpd-skin-lightpink a {
color: #777;
}
.tpd-skin-lightpink a:hover {
color: #868686;
}