@charset "UTF-8";

/*
Theme Name: Easy On Gutter Guard
Author: Easy On Gutter Guard
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*****custom css****/
body{font-family: 'Montserrat', sans-serif;}
/********index.html atlas page*********/
@font-face {
font-family: 'Montserrat', sans-serif;
src: url(assets/font/Montserrat-Italic-VariableFont_wght.ttf);
src: url(assets/font/Montserrat-VariableFont_wght.ttf);
}
@font-face {
font-family: 'Montserrat black';
src: url(assets/font/Montserrat-Black.ttf);
}
@font-face {
font-family: 'Montserrat light';
src: url(assets/font/Montserrat-Light.ttf);
}
@font-face {
font-family: "Avenir";
src: url(assets/font/AvenirLTStd-Black.otf);
src: url(assets/font/AvenirLTStd-Book.otf);
src: url(assets/font/AvenirLTStd-Roman.otf);
}
.atlas{
    background-image: url(assets/images/homepage-bg2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 100%;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    background-color: #000;   
}
.logo{margin:100px auto 50px;width: 80%;text-align: center;}
.logo img{max-width: 255px;}
.site_content{width: 80%;margin: 0 auto;}
.site_content h2, .site_content p{color:#000000;margin:10px 0;line-height:normal;
font-weight: bold;text-align: center;}
.site_content h2{font-size:27px;font-weight:bold;line-height:33px;}
.site_content p{font-size: 18px;}

.site_button{margin:40px auto;width: 80%;}
.site_button img{/*padding:7px 15px;border-radius: 5px;background: #FFF;font-size: 20px;
    text-decoration: none;color: #0759A2;*/max-width: 275px;margin:15px auto;display: block;}
.site_button a{padding:15px 0px 15px 40px;border-radius:25px;background:#000000;
    font-size:19px;
    text-decoration: none;color:#FFFFFF;max-width: 275px;margin:15px auto;display: block;
    text-align: center;text-transform:capitalize;font-weight:normal;position: relative;}
.site_button a img{display:block;margin:0;position:absolute;left:20px;top:12px;}
.text_span{font-size: 17px;line-height: 23px;letter-spacing: 0;color:#FFF;
    font-weight:bold;display: block;width:100%;margin:40px auto 0;width: 80%;
    font-style: italic;}
.text_span strong{color: #FFF;font-weight: bold;} 
.sold{margin:60px auto 250px;position: relative;width: 80%;text-align: center;}
.sold span{display:block;color:#3C3C3C;text-transform: uppercase;font-size:19px;
font-weight: bold;}
.sold span img{margin: 0;position: relative;top: 15px;max-width:180px;}

.footer_home{position: relative;}
.footer_home img{width: 100%;height: 100%;position: relative;top: 3px;}

/************user address***************/
body .user_address{padding: 10px;}
.links{display: block;width: 80%;margin: 0 10%;padding: 10px 0;clear: both;overflow: auto;}
.half{width: 50%;}
.left{float: left;}
.right{float: right;}
.links .right{text-align: right;}
.links .left{text-align: left;}
.links a{color:#000;position: relative;text-decoration: none;
font-size: 14px;}
.links a img{position: relative;top:0.5px;}
.user_address h3{color: #0b2870;}
.my_home{display: block;text-align: center;width: 80%;margin:0 auto 50px auto;}
.my_home img{margin: 0 0 20px;}
.my_home h3{font-size: 32px;margin: 0 0 20px;font-weight:900;text-transform: capitalize;
color:#000;}
.my_home p{color: #81807e;line-height: normal;}
.enter_addr{width: 80%;margin: 0 auto;}
.enter_addr input{padding:10px 15px;color: #025091;border-radius:20px;width:100%;margin: 0 auto;
border: 1px solid #707070;}
.enter_addr img{margin: 10px 0 0 10px;}
.small_text{width: 80%;margin:30px auto 10px;text-align: center;}
.small_text p{font-size:12px;color: #6F6E6C;line-height:normal;margin: 0 0 10px 0;
    letter-spacing:0;text-transform: uppercase;}

/**********locating_home************/
.locating_home{background: #0b2870;display: block;overflow: auto;}
.locating_home_bg{background-color: #0b2870;}
.locating_home a{color:#fff;}
.progress {background:rgb(123 139 178);width: 100%;height:2px;}
.progress-indicator_1 {background:#7BB28B;width:15%;height:2px;animation: load 3s infinite;}
@keyframes load {
  0% {
    width: 0;
    background: white;
  }

  25% {
    width: 10%;
    background: white;
  }

  50% {
    width: 30%;
    background: white;
  }

  75% {
    width: 50%;
    background: white;
  }

  100% {
    width: 100%;
    background: white;
  }
}
.locate_top{width: 80%;margin: 0 auto;text-align: center;}
.locate_top img{margin: 40px 0 15px 0;}
.locate_top h3{font-size: 19px;line-height: 22px;letter-spacing: -0.38px;color: #FFF;font-weight: lighter;
margin: 0 0 40px 0;}

.locate_content{margin: 50px auto;width: 80%;}
.locate_content h3 , .locate_content p{color: #FFF;margin: 0 0 35px;}
.locate_content h3{font-weight: bold;font-size: 32px;letter-spacing: -0.64px;line-height: 36px;}
.locate_content p{font-weight: normal;font-size: 18px;letter-spacing: -0.36px;line-height: 22px;}


/************Tree Coverage************/
.tree_coverage{background: url(assets/images/tree_bg.jpg) no-repeat;background-position: top;
  background-size: 100%; margin: 0 auto;background-color: #131d05;}
.tree_coverage .links a{color: #FFF;}


.progress_bar{width: 80%;margin:450px auto 0;}
.progress_bar input[type="range"] {
  display: block;
  -webkit-appearance: none;
  background-color: #bdc3c7;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  margin: 0 auto;
  outline: 0;
}
.progress_bar input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #db2624 url(assets/images/awesome-tree.png);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #db2624;
  cursor: pointer;
  transition: .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
}
.progress_bar input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #db2624 url(assets/images/awesome-tree.png);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #db2624;
  cursor: pointer;
  transition: .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
}
.progress_bar input[type="range"]::-webkit-slider-thumb:hover ,
.progress_bar input[type="range"]::-moz-range-thumb:hover {
    background-color: #db2624;
    border: 2px solid #e74c3c;
}
.progress_bar input[type="range"]::-webkit-slider-thumb:active ,
.progress_bar input[type="range"]::-moz-range-thumb:active {
    transform: scale(1.6);
}
.progress_bar .range{
    display: block;
    justify-content: center; 
    position: relative;
    margin-top: 15px;
}

.progress_bar label,
.progress_bar label:first-child,
.progress_bar label:nth-child(2),
.progress_bar label:nth-child(3){
        color: #FFF;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.32px;
}
.progress_bar label:first-child{
        position: absolute;
        left: 0;
}
.progress_bar label:nth-child(2){
        position: absolute;
        left:0;
        right: 0;
        margin: 0 auto;
        text-align: center;
}
.progress_bar label:nth-child(3){
        position: absolute;
       right: 0;
}
.progress_bar  h3{font-size: 32px;color: #FFF;letter-spacing: -0.64px;line-height: 36px;margin: 30px 0;
                    font-weight: bold;}
.skyblue_arrow_r{position: relative;top: 40px;float: right;}
.skyblue_arrow_r {background:#db2624;padding: 18px;border-radius: 100%;display: block;position: relative;
                   right: -15px;cursor: pointer;}
/******************Pine**********************/
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pine_container{background: url(assets/images/pine.jpg) no-repeat;background-position: top;
  background-size: 100%; margin: 0 auto;background-color: #060606;}
.pine_container .links a , .blue_container .links a{color: #FFF;}
.pine_content{text-align: center;width:85%;margin: 0 auto;}
.pine_content h3{color: #FFF;font-size: 32px;line-height: 36px;letter-spacing: -0.64px;font-weight: bold;
                 margin:35px 0;}
.pine_blocks .half{display: inline-block;float: left;position: relative;min-height:170px;
    vertical-align: center;}
.pine_blocks span{display: block;font-size: 18px;line-height: 30px;letter-spacing: -0.36px;color: #FFF;
text-transform: capitalize;}
.pine_blocks img{border: 5px solid #FFF;border-radius: 100%;}
.pine_blocks h4{position: absolute;top:40px;margin: 0 auto;text-align: center;color: #FFF;left: 0;right: 0;
                 font-size: 30px;font-weight: bold; }
/********************Roof***********************/
.blue_container{background:#0a2871;}
.white_bt{margin: 20px 0 0 0;}
.clearfix:after, ul:after, ol:after
{ 
content: ""; display: block; clear: both; visibility: hidden;
line-height: 0; height: 0 ;
}
html[xmlns] .clearfix {
 display: block 
}
* html .clearfix {
 height: 1% ;
}
/*********************yard**********************/
.yard_container{background: url(assets/images/squ_bg.jpg) no-repeat;background-position: top;
  background-size: 100%; margin: 0 auto;background-color: #060606;}
.yard_container .pine_blocks img{width: 70%;}
.yard_container .pine_blocks .half{min-height: 140px;}
.yard_container .links a{color: #FFF;}
.yard_container .pine_content h3{margin: 35px auto 5px auto;}
.yard_container .pine_content > span{font-size: 16px;letter-spacing: -0.32px;line-height: 22px;
    font-style:italic ;color: #FFF;margin: 0 0 15px 0;display: block;font-weight: lighter;}

/********************Select Gutter*************************/
.white_bg{background: #FFF;}
.white_bg h3{font-size: 32px;line-height: 36px;letter-spacing:-0.64px;
    color:#000;margin: 20px auto;font-weight:700;font-family: 'Montserrat black';}
.white_bg p{font-size: 18px;line-height: 22px;letter-spacing: -0.36px;color:#7b7979;font-weight: normal;
            margin: 10px auto;font-family: 'Montserrat light';}
.white_bg .pine_content >label> img{clear: both;display: block;text-align: center;margin: 0 auto;
    border: 3px solid white;margin: 15px auto;max-width: 220px;}

/*****************Email container*****************/
.email_container{background:#292728;background-position: top;
  background-size: 100%; margin: 0 auto;background-color: #292728;}
.email_container .links a{color: #FFF;}
.email_container .pine_content span{color: #FFF;font-size: 20px;text-transform: capitalize;
        font-weight: lighter;}
.email_container .pine_content p{font-size: 15px;line-height: 22px;letter-spacing: -0.3px;color: #FFF;}        
.email_blocks{width: 100%;text-align: center;}
.email_blocks input{display: block;width:100%;margin:20px auto;}
.email_in{color: #FFF;border: 1px solid #FFFFFF;padding: 12px 40px;background-color:transparent;
            border-radius:30px;font-size: 15px;position: relative;}
.email_container .pine_content .logo img{max-width: 255px;}          
.email_bt{font-size: 19px;line-height: 22px;letter-spacing: -0.38px;background-color: #db2624; 
    border-radius:30px;padding: 12px 40px;color: #FFF;border: none;}
.email_container .email_blocks p{font-size: 11px;line-height: 13px;letter-spacing: -0.22px;
    font-weight: normal;}
.email_container .logo{margin:25px auto 15px;}
.email_container h3{margin: 50px 0 25px;}
.border_line{border-color: #abb4c9;margin:30px 0;}
.email_blocks h4{font-size: 15px;line-height: 22px;letter-spacing: -0.3px;color: #FFF;font-weight: normal;
                    font-style: italic;}
.email_container .email_blocks span{font-size: 15px;line-height: 22px;letter-spacing: -0.3px;color: #FFF;}
.email_container .email_blocks span a{text-decoration: none;color: #FFF;}
.main_email{position: relative;}
.main_email img{position: absolute;top: 15px;left: 15px;}
.email_blocks a.email_bt {background: red;text-align: center;margin: 0 auto;display: block;
    text-decoration: none;}
/**************************congo_container*******************************/
.congo_container{position: relative;background-color: #FFF;background: url(assets/images/bg_trans.png) repeat;}
.sky_blue_eclipse{background: url(assets/images/top_eclipse.png) no-repeat;background-position:bottom;
  background-size: 100%; margin: 0 auto;background-color: #FFF;text-align: center;}
.blue_eclipse{background: url(assets/images/top_eclipse2.png) no-repeat;background-position: bottom;
  background-size: 100%; margin: 0 auto;background-color: #FFF;text-align: center;}
.sky_blue_eclipse span , .blue_eclipse span{font-size: 16px;color: #FFF;line-height: normal;font-weight: bold;
                    display: block;}
.sky_blue_eclipse p , .blue_eclipse p{font-size: 15px;color: #FFF;line-height: normal;text-transform: capitalize;}
.top_block{padding: 20px 0 90px 0; width: 80%;margin: 0 auto;text-align: center;}
.top_block img{margin: 15px 0;max-width: 230px;}

.white_box{width: 80%;margin:-70px auto 0;text-align: center;background-color: #FFF;z-index: 1;
    border-radius:20px; box-shadow:0px 0px 20px 0px #707070;padding: 5px;}
.white_box span{font-size:9px;color:#727272;font-weight:normal;padding: 15px 0 10px;
                display: block;text-transform: uppercase;line-height: normal;}
.white_box span strong{font-weight: bold;font-style: normal;}
.white_box h4{font-size:14px;color: #7b7b7b;font-style: normal;font-weight:bold;
    margin:0 0 25px 0;text-transform: uppercase;}
.white_box h3{color:#db2624;font-size:41px;font-weight: bold;margin: 0 0 15px;
    font-weight: bold;text-transform: uppercase;}
.white_box h5{color:#db2624;font-size: 20px;font-weight: bold;margin: 0 0 30px 0;}
#kits{color:#db2624;display: inline-block;margin: 0 0 15px;
    font-weight: normal;font-size: 15px;}
#kits hr{border-color:#0b2870;width: 80%;margin:15px auto 0;height:2px;background:#707070;}
.imp_notes{background-color:#db2624;padding:15px 20px;width:95%;margin:25px auto 0 auto;
    text-align: center;border-radius: 15px;position: relative;}
.imp_notes h2{font-size:17px;color: #FFF;line-height: 26px;}
.imp_notes p{font-size:9px;color: #FFF;line-height:normal;margin:10px 0;
    font-weight: bold;}
.imp_notes p.last{margin-bottom: 0 !important;}
.imp_notes img{position: absolute;width: 40px;left: -12px;top: -10px;}
.color_box{}
.blue_box ,.sky_blue_box{padding:15px 5px 5px;border-radius: 10px;}
.blue_box.left ,.sky_blue_box.left ,.blue_box.right,.sky_blue_box.right{text-align: center;}
.blue_box{margin:20px 10px 20px 30px;}
.sky_blue_box{margin:20px 30px 20px 10px;background-color: #db2624;}
.blue_box{background-color: #0b2870;}
.color_box .half{width: 35%;}
.color_box span{color: #FFF;font-size:15px;font-style:normal;text-transform:uppercase;
    line-height: normal;}

.gray_box{background: #f6f6f6;padding: 15px 10px 10px;border-radius: 0 0 20px 20px;}
.row .four_block{width:20%;float: left;display: inline-block;}
.img_div{min-height:41px;vertical-align: middle;}
.gray_box .four_block span{color:#db2624;text-transform: uppercase;font-size:10px;
font-weight: 700;font-style: normal;line-height: normal; padding: 5px 0;}
.white_box .gray_box > span{margin: 0 auto;padding: 0 0 20px 0;font-size:9px;
        text-transform:uppercase;line-height: 20px;}
.congo_container .sold span{color:#3C3C3C;font-weight:bold;display:inline-block;}
.congo_container .sold{margin:35px auto 25px; 30px;text-align: center;}
.congo_container .sold span img {top:26px;left:8px;max-width:200px;}

.white_box .gray_box > span.contact_us_bt{padding:15px 0;clear: both;}
.white_box .gray_box > span.contact_us_bt a{background-color:#fe0000;padding:8px 16px;
margin:0 15px;text-decoration:none;color: #FFF;font-style: normal;border-radius:10px;
font-size: 12px;}
/*************congrates2**************/
.sky_blue_box2{padding:20px 25px 20px 65px;border-radius: 10px;margin:20px;
    background-color:#292728;position: relative;display: inline-block;}
.sky_blue_box2 img{position: absolute;left:18px;top: 24%;width: 30px;}
.white_box .sky_blue_box2 span{padding: 0;}
.white_box p{color:#7b7b7b;line-height:25px;font-weight:normal;width:90%;font-size:14px;
    margin: 0 auto;}
.white_box #isOnline p{font-weight:600;text-transform: capitalize;}
.white_box #isOnline p#textGutter {text-transform: uppercase;font-size: 14px;
    line-height: 22px;}
/*******************get_stared**************************/
.top_header{background-color:#000;padding:35px 0;position: relative;}
.col33 , .col30 , .col60 , .col40 , .col25 , .col50{float: left;}
.col30{width: 30%;}
.col60{width: 60%;}
.col40{width: 40%;}
.col25{width: 25%;}
.col50{width: 50%;}
.col33{width: 33.33%;}
.links2 a{color: #FFF;font-size: 16px;line-height: 22px;letter-spacing:-0.32px;
    text-decoration: none;}
.links2 a img{position: relative;top: 0.5px;}
.links2{margin: 0 auto;width: 80%;}
.links2 a.left{text-align: left;}
.links2 a.right{text-align: right;}
.links2 > img{margin: 0 auto;position: absolute;left: 0;right: 0;top: 22px;max-width: 131px;}
.links2 .col40 ,.links2 .col50 , .links2 .col33{text-align: center;}
.congo_container .links2.clearfix {padding: 25px 0;}
/**********map java script********/

.gmt-header{display: none !important;}
.gmt-tool-actions-float-button {margin-top:100%!important}
.gmt-notification-container.gmt-notification-container-default{top: 0 !important;display: none;}
.gmt-measure-buttons-container{visibility: visible !important;z-index: 9999 !important;}
.gmt-cancel-measure-button-container , .gmt-end-measure-button-container{width: 50% !important;}
.gmt-end-measure-button-container{display: block !important;}
.gmt-btn-primary{padding: 10px 16px !important;}
#gmt-measure-buttons-container{bottom:70px !important;}
#gmt-end-measure-button {top:-82px;left:-30px;margin: 0 auto;width: 100%;}
.next_sign{position: absolute;}
.plus_sign {position: absolute;right:120px;top:-15px;width: 100%;}
.gmt-h5{float: left; color: #FFF !important;}
#user_address{overflow: hidden;}
.gmt-h5{position: absolute; top:30px !important;font-size:30px !important;line-height: 50px !important;
        line-height: 25px !important;font-weight: bold;max-width: 150px;margin: 0 auto;left: 0;
        right: 0;}
.gmt-caption.grey{display: none !important;}
.gmt-h5 span {display: block;font-size:25px;text-transform: uppercase;background: #FFF;
    color:#DB2624;border-top-left-radius: 15px;border-top-right-radius: 15px;
    font-weight: normal;padding: 5px 10px;font-family: 'Montserrat', sans-serif;}
.gmt-h5 span.fitValue{background:#000;color: #FFF;padding:15px 20px;font-size: 30px;
    font-weight:900;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;
    border-top-left-radius: unset;border-top-right-radius: unset;font-family: 'Montserrat', sans-serif;}
.hand_symbol{background:url(assets/images/bg_trans_map.png) repeat;padding: 40px;position: absolute;
    top: 50%;text-align: center;
        width:50%;z-index: 999;display: block;left: 0;right: 0;margin: 0 auto;
        border: 1px solid #d2d0cb;border-radius: 25px;}
.hand_symbol img{margin: 0 0 15px 0;}
.hand_symbol span{display: block;color: #d2d0cb;font-size: 16px;}

/***************************tool**************************************/
.sky_bg{background: #db2624; height: 100%;} 
.sky_bg .top_header{background-color:#db2624 ;margin: 0 0 40px;}
.sky_content{width: 80%;margin: 0 auto;text-align: center;}
.sky_content h3{font-size: 32px;letter-spacing: -0.64px;line-height: 36px;color: #FFF;
    margin: 0 0 30px;}
.sky_content p{font-size: 18px;letter-spacing: -0.36px;line-height: 22px;color: #FFF;
    margin: 0 0 20px;}
.sky_content .skyblue_arrow_r{background: #FFF;}

/***************************************************************************/
.c_g_t_section{background: #0b2870;}
.c_g_t_bt{width: 80%;margin: 0 auto 20px;text-align: center;}
.c_g_t_bt a{background: #db2624;padding:15px 25px;position: relative;font-size: 16px;
color: #FFF;font-weight: bold;text-transform: none;text-decoration: none;border-radius: 25px;}
.c_g_t_bt a img{position: relative;top: 10px;right: 8px;}


#create_btn_new{background: #7FC13D;position: absolute;top:180px;z-index: 6999999;left: 0;
right: 0;max-width:230px;margin: 0 auto;padding: 6px 15px;color: #FFF;font-size: 18px;
line-height: normal;border-radius: 25px;}
#create_btn_new img{position: relative;top: 2px;width: 24px;}
#create_btn_new span{position: relative;top:-4px;left: 5px;font-size:14px;
font-weight: bold;}

#next-step{background:#db2624;position: absolute;bottom:5px;z-index: 6999999;left: 0;
right: 0;max-width:205px;margin: 0 auto;padding: 6px 15px;color: #FFF;
line-height: normal;border-radius: 25px;font-size: 20px;cursor: pointer;}
#next-step img{position: relative;top: 2px;right:-17px;width: 24px;}
#next-step span{position: relative;top: -3px;right: -10px;font-size: 20px;
font-weight: bold;}


.top_corner{background: linear-gradient(0deg, transparent, black 80%) ;text-align: center;
padding: 50px 0;position: absolute;top: 32px;z-index: 999;display: block;width: 100%;}
.top_corner span{font-size: 29px;line-height: 19px;letter-spacing: -0.58px;color: #FFF;
    margin: 0 auto;text-transform: capitalize;}

.top_corner2{/*background: linear-gradient(0deg, transparent, black 80%);*/text-align: center;
padding:20px 0;position: absolute;top:32px;z-index: 999;display: block;width: 100%;}
.top_corner2 span{font-size:25px;line-height:normal;letter-spacing: -0.5px;color: #FFF;
    margin: 0 auto 10px;display: block;width:90%;
    font-weight:bold;}
.top_corner2 span.small_text{color: #FFF;font-size:18px;line-height:normal;
width:80%;margin:0 auto;text-align:center;display: block;letter-spacing:-0.36px;}

.bottom_text {
    background: linear-gradient(180deg, transparent, black 80%) ;
    padding: 25px 0;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    color: #FFF;
    width:100%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}

.bottom_text span{color: #FFF;font-size: 20px;line-height: 22px;letter-spacing: -0.4px;
width: 80%;margin: 0 auto;text-align: center;display: block;}

/***********************************Slider**********************************************/
.slide_section{position: relative;}
.slider{background-color: #000;text-align: center;}
.slider div{background-color:#000;border: none;}
.slider img{width: 80%;margin:0 auto;text-align: center;max-width: 290px;}
body .bx-wrapper{border: none;box-shadow: none;-webkit-box-shadow: none;}
.slider > div{display: none;}
.slider > div:first-child{display: block;}
.slider_text {width: 80%;margin:25px auto;}
.slide_section h2{font-size: 39px;line-height: 54px;color: #FFF;
   font-weight:900;letter-spacing: -0.78px;}
.slide_section .slider span{font-size:16px;line-height: 20px;color: #FFF;
margin:5px 0;display: block;min-height: 80px;font-weight: normal;
letter-spacing: -0.32px;}
.slide_section .slider span.slider_next , .tutorial_box span.slider_next{
font-size:22px;color:#000;line-height:normal;letter-spacing:-0.44px;
display: inline-block;cursor: pointer;position: relative;min-height:auto;
margin:30px auto 0;padding:10px 40px 10px 25px;background-color: #FFF;
border-radius: 25px;font-weight: normal;max-width: 160px;width: 100%;
font-family: "Avenir";}
.slide_section .slider span.slider_next:after , .tutorial_box span.slider_next:after{
content:url(assets/images/next-small-arrow-blue.svg);width: 11px;right:20px;
position: absolute;top:12px;}
.slide_section .slider span.slider_next:after{right:45px;}
.slide_section .slider span.slider_next.slider_started{float: none;
padding:10px 40px 10px 25px;background-color:#FFFFFF;border-radius: 25px;color:#313131;
max-width:unset;width: auto;}
.slide_section .slider span.slider_next.slider_started:after{
    content:url(assets/images/next-small-arrow-blue.svg);
width: 11px;right:20px;position: absolute;top:12px;}

.dots{margin: 0 auto;text-align: center;position: absolute;text-align: center;
margin: 0 auto;left: 0;right: 0;bottom:70px;}
.dots a{background: #0b2870;text-indent: -9999px;display:inline-block;width:15px;height:15px;
    margin: 0 5px;outline: 0;-moz-border-radius:10px;-webkit-border-radius:10px;
    border-radius:10px;border:2px solid #FFF;}
.dots a.active{background: #FFF;}

.blue_bg{background-color:#000;}
.measure_tutorial {display: block;margin:20px auto;width: 80%;max-width: 300px;}
.measure_tutorial span{display:inline-block;float: left;}
.measure_tutorial span.step_title{font-size: 14px;padding: 5px 10px;font-weight:900;
background-color:#db2624;color: #FFF;text-transform:capitalize;border-top-left-radius: 15px;}
.measure_tutorial span.step_text{font-size: 16px;color: #FFF;text-transform:capitalize;
margin:4px 15px;letter-spacing:-0.32px;font-weight:900;}

.tutorial_box{vertical-align: middle;width: 80%;text-align: center;margin: 0 auto;}
.tutorial_box h2{color: #e8ff38;font-size: 28px;font-weight:normal;text-transform: uppercase;
line-height: normal;margin: 30px auto;}
.tutorial_box h3{color: #FFF;font-size:31px;font-weight:900;margin:0 0 20px;
line-height: 35px;text-transform: capitalize;}
.tutorial_box p{color:#FFF;font-size:17px;font-weight:normal;line-height:21px;
letter-spacing: -0.34px;}

/**********************privacy policy*************************/
.privacy_policy {position: absolute;width:90%;margin: 0 auto;text-align: center;
  left: 0;right: 0;font-size:9px;color:#FFF;bottom: 8px;text-transform: uppercase;}
.privacy_policy a{color:#FFF;text-decoration: none;}
.bottom_padding25{padding: 0 0 25px 0;position: relative;min-height: 100vh;}
#user_address .privacy_policy a , #user_address .privacy_policy , .white_bg .privacy_policy
, .white_bg .privacy_policy a , .congo_container .privacy_policy a , 
.congo_container .privacy_policy{color:#767474;}
/**************map**************/
#gmt-end-measure-button img{max-width: 283px;}
#gmt-cancel-measure-button img{max-width:200px;}
#create_gutter_section{background-color:#db2624 !important;border-color:#db2624 !important;}
/*******************************************/
.color_box2{padding: 10px;}
.color_box2 .sky_blue_box{background:#000;}
.color_box2 .blue_box{background:#fe0000;}
.color_box2 span{color: #FFF;font-size:8px;font-style: normal;text-transform:
    uppercase;line-height: normal;padding: 15px 0;display:inline-block;
    min-height: 50px;vertical-align: middle;}
.color_box2 .sky_blue_box , .color_box2 .blue_box{margin: 0;width:48%;position:relative;
padding: 0;}
.color_box2 .sky_blue_box img {position:relative;left:0;top:6px;max-width:20px;
margin-right: 5px;}
.color_box2 .sky_blue_box span{position: relative;top: 5px;}
#textGutter2{color:#DB2624;margin: 0 auto 15px;position: relative;top: -10px;}
/*****Responsive*****/
@media only screen and (max-width:373px){
    .measure_tutorial span.step_text{margin: 7px 0 7px 5px;font-size: 13px;}
}
@media only screen and (min-width:600px){
  .site_content {text-align: center;}
  .logo {margin: 50px auto;padding: 0 48px;text-align: center;}
  .site_button img{margin: 15px auto;}
  .text_span , .sold , .small_text{text-align: center;}
  .measure_tutorial{width: 100%;max-width: 300px;}
  .white_box , .pine_content , .links , .my_home , .enter_addr , .small_text , 
  .slide_section , .tutorial_box{max-width: 600px;}
  .links , .slide_section{margin: 0 auto;}
}

@media only screen and (max-width:374px){
  .blue_box{margin:5% 2.5% 5% 7.5%;}
  .sky_blue_box{margin:5% 7.5% 5% 2.5%;}
  .sky_blue_box2 img{left: 10px;}
}

@media only screen and (max-width:350px){
.gmt-h5{ bottom:350px !important;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}

@media only screen and (min-width: 699px) {
  .img_res{
    max-width: 120px;
  }
  .yard_container{
    background-image: url(assets/images/squ_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1920px) and (max-width: 2560px)  {
    .createGutterButton{
        position: absolute;
        top: -1500px;
    }
}



@media only screen and (min-width:992px) {
  .atlas{background-image: url(assets/images/homepage-bg-desktop.jpg);background-size: cover;height: 100vh;overflow: hidden;}
  .color_box2 span{font-size: 12px;min-height: 60px;}
  .sold span{color: #000;}
  .blue_eclipse {background: url(assets/images/black-eclipse-desktop.png) no-repeat;background-position: bottom;background-size: cover;}
}