html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */

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


/* Default Font Styles
______________________*/
body, input, select, textarea{
font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:#000;
	line-height:1.4;
}
*,
*:after,
*:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




/* Links
______________________*/
a{ }
a:hover { 
	-webkit-transition:0.9s;
	-moz-transition:0.9s;
	-ms-transition:0.9s;
	-o-transition:0.9s;
	transition:0.9s;
	color: #e14800;
}

/* p, blockquote, address
______________________*/
p{
	font-size: 15px;
	margin-bottom:20px;
}

/* Lists
______________________*/
ul{

}
ul li{
 
}
ol{

}
ol li{

}





/* Layout 
______________________*/
#container-fluid{
	
}


.container{
	width:800px;
	margin: 0 auto;
}

.row{
	margin: 0;
}

#black_wrap{
    background: #000;
}
.center_header{
    text-align: center;
}
.center_header h1 {
    color: #fff;
    font-size: 20px;
    line-height: 0;
    padding-bottom: 22px;
}
.center_header img{
    width: 315px;
    display: inherit;
    padding-top: 5px;
}

#yellow_bg {
    background: #ff8800;
    padding: 44px 0 90px;
}
.carton {
    text-align: center;
    float: left;
    width: 38%;
}
.carpets ul {
    margin-bottom: 45px;
    padding-left: 21px;
    float: right;
    width: 50%;
    margin-top: 33px;
}
.carpets li {
    position: relative;
    font-weight: 800;
    font-size: 23px;
    color: #000;
}
.carpets li:before{
    content: '';
    background: #000;
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: -16px;
    margin-top: 11px;
    border-radius: 100px;
}
.carton {
    text-align: center;
}
.carton img{
    width: 100%;
    margin-bottom: 33px;
}
.call {
    text-align: center;
    max-width: 400px;
    margin: 33px auto 0;
}
.call button:hover{
    background: #910b01;
}
.call button {
    background: #000;
    color: #fff;
    border: none;
    padding: 18px 0;
    width: 100%;
    border-radius: 8px;
    font-size: 28px;
}
.call i{
    font-size: 31px;
    vertical-align: middle;
    margin-right: 7px;
}


#green_wrap{
  background: #368007;
  padding:20px 0;   
}
.studies {

}
.studies h2 {
    color: #fff700;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.studies p {
    color: #fff;
    padding-bottom: 40px;
    font-weight: normal;
    line-height: 1.5;
}
.studies p:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
.ful_img{
    max-width: 357px;
    margin: 0 auto;
}
.ful_img img{
    width: 100%;
    display: block;
}


#light-yellow{
    padding: 20px 0;
    background: #ff8800;
}
.citrus-box p{
    font-size: 16px;
}
.smelly ul {
    margin-bottom: 0px;
    padding-left: 21px;
}
.smelly li {
    position: relative;
    font-weight: 800;
    font-size: 15px;
    color: #000;
}
.smelly li:before{
    content: '';
    background: #000;
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: -16px;
    margin-top: 4px;
    border-radius: 100px;
}


.foter_wrap{
    background: #000;
    padding: 20px 0;
    text-align: center;
}
.footer_box h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 18px;
}
.footer_box p {
    color: #fff;
    margin: 0 0 10px;
}
.footer_box b {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
}

#yellow_img_bg{
    padding: 30px 0 20px;
    background: #ff8800;
}
.smelly{
    padding-left: 125px;
}

@media(max-width: 1024px){
    .container{
        width: auto;
    }
}

@media(max-width: 767px){
    .container{
        width: auto;
    }
    .center_header img {
        width: 100%;
        display: inherit;
        padding-top: 5px;
    }
    .carpets li {
        position: relative;
        font-weight: 800;
        font-size: 21px;
        color: #000;
    }
    .carton,.header_right,.header_right{
        float: none !important;
        width: auto !important;
    }
    #yellow_bg {
    background: #ff8800;
        padding: 10px 0 40px;
    }
    .smelly {
        padding-left: 0;
    }
    .studies h2{
        text-align: left;
    }
    .studies p{
        padding-bottom: 20px;
    }
    .call button {
        font-size: 25px;
    }
    .carpets ul {
        margin-bottom: 45px;
        padding-left: 15px;
    }
    .footer_box h3 {
        color: #fff;
        font-size: 15px;
        margin-bottom: 18px;
    }




}