/*======================================
Theme Name: divi_child
Theme URI: https://divicake.com/
Description: child theme
Version: 1.0
Author: gutropolis
Author URI: https://www.zedzug.ca
Template: Divi
======================================*/
    /* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
    
    @import url('../Divi/style.css');
    @import url('https://fonts.googleapis.com/css?family=Dosis:400,500,700');
    body {
        font-family: 'Poppins', sans-serif;
        width":100%;
 height: 100%;
    }
#main-header{padding:10px 0px;}
 #logo{max-height:100%;}
 #top-header #et-info
 {
	 float:none;
 }
 #top-header .et-social-icons
 {
	 float:right;
 }
    .top-heading h1 {
        color: #fff;
        font-size: 70px;
    }
    
    .head-middle-heading h3 {
        font-size: 35px;
        font-weight: 300;
    }
    
    .head-bottom-box p {
        font-weight: 300;
        font-size: 22px;
        line-height: 35px;
    }
    
    .Pests-type {
        width: 100%;
        margin-left: 0px;
        padding-left: 0px !important;
    }
    
    .Pests-type li {
        display: inline-block;
        padding: 0px 25px;
    }
    
    .Pests-type li:first-child {
        padding-left: 0px;
    }
    
    .contact-box {
        background: #febf0e;
        display: table;
    }
    
    .contact-box figure {
        display: table-cell;
        width: 24%;
        background: #0000002e;
        text-align: center;
        vertical-align: middle;
    }
    
    .contact-box h3 {
        display: table-cell;
        width: 60%;
        vertical-align: middle;
        padding: 10px;
        font-size: 34px;
        font-family: 'Dosis', sans-serif;
        font-weight: 600;
    }
    
    .contact-box h3 span {
        font-size: 22px;
        font-weight: 300;
    }
    
    .contact-mail {
        background: #303030;
        padding: 10px;
    }
    
    .contact-mail p {
        margin-bottom: 0px;
    }
    
    .contact-mail .form-group {
        padding-bottom: 20px;
    }
    
    .contact-mail label {
        color: #febf0e;
    }
    
    .contact-mail input,
    .contact-mail textarea {
        padding: 10px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #febf0e;
    }
    
    .contact-mail h2 {
        margin-bottom: 0px;
        background: #febf0e;
        padding: 15px 0px;
        text-align: center;
        font-size: 35px;
        font-family: 'Dosis', sans-serif;
        font-weight: 600;
        text-shadow: 0px 1px 6px #fff;
        margin-bottom: 20px;
    }
    
    .contact-mail input[type="submit"] {
        background: #ffc532;
        max-width: 150px;
        font-size: 20px;
        font-weight: 600;
        font-family: 'Dosis', sans-serif;
        cursor: pointer;
    }
    
    .heading-content {
        text-align: center;
        color: #fff;
        font-family: 'Dosis', sans-serif;
        font-size: 40px;
        font-weight: 600;
        position: relative;
        text-shadow: 0px 1px 1px rgb(19, 18, 18);
    }
    
    .heading-content:before {
        content: '';
        position: absolute;
        width: 120px;
        height: 4px;
        border-radius: 5px;
        background: #febf0e;
        left: 0;
        right: 0;
        margin: 0px auto;
        bottom: -3px;
    }
    
    .service-box {
        text-align: center;
        padding: 35px 20px 25px 20px;
        background: #393939;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.41);
        transition: 0.3s ease-in;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
    }
    
    .service-box h5 {
        color: #febf0e;
        font-size: 30px;
        font-family: 'Dosis', sans-serif;
        padding-bottom: 20px;
        font-weight: 600;
        transition: 0.3s ease-in;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        text-shadow: 0px 1px 1px #000;
    }
    
    .service-box figure {
        border-radius: 100%;
        background: #2e2e2e;
        width: 160px;
        height: 160px;
        align-items: center;
        display: flex;
        justify-content: center;
        transition: 0.3s ease-in;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        margin: 0px auto 30px auto;
    }
    
    .service-box p {
        font-size: 16px;
        color: #fff;
        transition: 0.3s ease-in;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        font-weight: 300;
    }
    
    .service-box:hover,
    .service-box:focus {
        background: #febf0e;
    }
    
    .service-box:hover p,
    .service-box:hover h5 {
        color: #2e2e2e;
    }
    
    .service-box:hover h5 {
        text-shadow: 0px 1px 1px rgba(255,255,255,0.65);
    }
    
    .about-content {
        margin-bottom: 50px;
    }
    
    .about-content .heading-content {
        color: #393939;
        text-align: left;
        text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
        padding-bottom: 20px;
    }
    
    .about-pera p {
        font-size: 18px;
    }
    
    .about-content .heading-content:before {
        margin-left: 0px;
    }
    
    .pest-control-box {
        text-align: center;
        background: #393939;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.41);
        transition: 0.3s ease-in;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        padding: 10px;
    }
    
    .pest-control-box p {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        padding: 10px 0px;
        font-weight: 600;
    }
    
    .pest-control-box figure {
        margin: 0px;
    }
    
    .pest-control-box:hover,
    .pest-control-box:focus {
        background: #febf0e;
    }
    
    .pest-control-box:hover p {
        color: #393939;
    }
    .choose-box
	{
		padding-left:140px;
	}
    .choose-us-box {
        background: #303030;
        width: 47%;
        padding: 10px;
        padding: 25px 25px 25px 70px;
        color: #fff;
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 20px;
        position: relative;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
		
    }
    
    .choose-us-box h3 {
        color: #fff;
        font-size: 20px;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.65);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
    }
    
    .choose-us-box svg {
        width: 50px;
        height: 50px;
        background: #febf0e;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        fill: #303030;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
    }
    
    .choose-us-box:hover {
        background: #febf0e;
    }
    
    .choose-us-box:hover svg {
        background: #303030;
        fill: #febf0e;
    }
    
    .choose-us-box p {
        font-weight: 300;
        font-size: 16px;
    }
    
    .choose-us-box:hover p,
    .choose-us-box:hover h3 {
        color: #303030;
    }

     .choose-us-box:hover h3 {
        text-shadow: 0 1px 1px rgba(255,255,255,0.65);
     }
    
    .accordian-box {
        width: 100%;
    }
    
    .accordian-box .et_pb_module {
        padding: 0px;
    }
    
    .accordian-box .et_pb_module h2 {
        background: #febf0e;
        padding: 20px;
        padding-left: 60px;
        color: #3c3c3c;
        font-size: 22px;
    }
    
    .accordian-box .et_pb_module h2 {}
    
    .accordian-box .et_pb_toggle_content {
        background: #3c3c3c;
        padding: 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 300;
    }
    
    .accordian-box .et_pb_toggle_title:before {
        right: 0;
        left: auto;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        background: rgba(0, 0, 0, 0.47);
        width: 50px;
        font-size: 30px;
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
            color: #f7bf33;        
    }
    
    .accordian-box.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
        font-family: ETmodules!important;
        content: "\e04f";
        left: 0;
        display: flex;
            color: #f7bf33;
    }
    
    .testimonial.about-content .heading-content {
        text-align: center;
    }
    
    .testimonial.about-content .heading-content::before {
        margin-left: auto;
    }
    
    .testimonial-element {
        width: 100%;
        display: table;
    }
    
    .testimonial-element .testimonial-block {
        width: 30%;
        display: table-cell;
    }
    
    .testimonial-element .testimonial-block figure {
        margin: 0px;
        text-align: center;
    }
    
    .testimonial-element .testimonial-content {
        width: 70%;
        display: table-cell;
        vertical-align: middle;
        font-size: 22px;
        line-height: 30px;
        font-weight: 300;
        font-style: italic;
    }
    
    .testimonial-element .testimonial-content h4 {
        font-weight: 600;
        font-style: initial;
        font-size: 24px;
        font-family: 'Dosis', sans-serif;
        margin-top: 30px;
    }
    
    .testimonial-element .testimonial-content h4::before {
        content: '';
        width: 60px;
        height: 3px;
        background: rgba(247, 5, 5, 0.45);
        display: inline-block;
        margin-right: 10px;
    }
    
    .call-box h2 {
        text-align: right;
        text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.72);
        font-weight: 300;
        font-size: 31px;
    }
    
    .call-box h2 .class-us {
        font-size: 50px;
        font-weight: 600;
        font-family: 'Dosis', sans-serif;
        padding-left: 30px;
    }
    
    .man-box img {
        margin-top: -105px;
    }
    
    .quetion-box {
        display: block;
        padding: 100px 0px 0px;
    }
    
    .quetion-box .quetion-block {
        float: left;
    }
    
    .btn-contact {
        margin-top: 15px;
        float: right;
    }
    
    .btn-contact a {
        background: #303030;
        color: #febf0e;
        padding: 10px;
        font-size: 18px;
    }
    
    .quetion-block h3 {
        font-weight: 300;
    }
    
    .quetion-block h2 {
        font-weight: 400;
    }
	/* about us page */
	.inner-top-elemenet
	{
		padding-top:65px;
	}
	.bug-fixer 
	{
	    background: #232323;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 45px 10px;
    box-shadow: 0px 5px 5px rgba(21, 20, 20, 0.70);
	}
	.bug-fixer h3{
		    font-size: 26px;
    font-weight: 600;
    color: #ffbc00;
	}
	.bug-fixer figure{
	    width: 70px;
    background: #ffbc00;
    text-align: center;
    border-radius: 100%;
    padding: 15px;
    height: 70px;
    margin: 0px auto;
    margin-bottom: 20px;
	display: flex;
    align-items: center;
    justify-content: center;
	}
	.bug-fixer figure svg
	{
		width:35px;
		height:35px;
	}
	.btn-yellow{
		background: #ffbc00;
    padding: 10px;
    font-size: 18px;
    color: #000;
    display: block;
    max-width: 180px;
    margin: 20px auto;
	}
	
	/* Side bar */
	.side-element
	{
		background:#000;
	}
	.side-heading
	{
		background:#ffbc00;
		padding:20px;
	}
	.side-list
	{
		background:#000;
		padding:0px !important;
		margin:0px;
		
	}
	.side-list li
	{
	 list-style:none;
	 line-height:30px;
	 border-bottom:1px solid #fff;
	 color:#fff;
    padding: 5px 20px;
	}
	.side-list li:hover,.side-list li:focus{
		background: rgba(254, 187, 0, 0.65);
	}
	.side-list li a
	{
		color:#fff;
	}
	.side-list li:last-child{
		border-bottom:none;
	}
	.about-choose-box
	{
		padding:40px 0px 0px;
		color:#fff;
	}
	.about-choose-box h2
	{
	margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
	}
	.about-choose-box h3
	{
		color:#fff;
	}
	
	.about-choose-left
	{
		    margin-bottom: 15px;
    width: 48%;
    display: inline-block;
	}
	.about-choose-right
	{
		    margin-bottom: 15px;
    width: 48%;
    display: inline-block;
	}
	.light-font{
		font-weight:300;
	}
	
	.block-element{
		display:block;
	}
	.pest-heading h3 
	{
		font-size:70px;
	}
	.pests-element .pest-heading ,.pests-element .pest-content 
	{
		padding:0px 40px;
	}
	.pest-heading span
	{
		font-weight:600;
	}
/* bird page css */
.bird-top h3
{
	font-size: 45px;
    color: #ffbc00;
    text-transform: uppercase;
    font-weight: 600;
}
.bird-top p
{
    color: #fff;
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;

}
.bird-top a
{
    display: inline-block;
    font-size: 18px;
    background: #fec200;
    margin: 0px;
    padding: 10px;
    border-radius: 5px;
    color: #363534;
    margin-top: 20px;
font-weight:600;
transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
border:2px solid transparent;	
}
.bird-top a:hover,.bird-top a:focus
{
	background:transparent;
	color:#fec200;
	border-color:#fec200;
}
.bird-element
{
	background: #ececec;
}
.bird-element figure
{
	    margin: 0px 0px;
    display: flex;
    height: 230px;
    align-items: center;
    overflow: hidden;
}
.bird-element figure img
{
}
.bird-block
{
	padding:20px 20px 20px 20px; 
}
.bird-element .bird-block h3
{
	font-weight:600;
}
.bird-element .bird-block p
{
	line-height:30px;
}

@media only screen and (max-width:767px)
{
	.top-heading h1{
		font-size:40px;
	}
	.top-heading h1 strong{
		display:block;
	}
	.about-content .heading-content
	{
		text-align:center;
	}
	.about-content .heading-content:before
	{
		margin-left:auto;
	}
	.contact-box figure
	{
		display:none;
	}
	.head-middle-heading h3 {
    font-size: 26px;
    font-weight: 300;
	}
	.Pests-type
	{
		text-align:center;
	}
	.Pests-type li
	{
		width: 75px;
		padding: 0px;
	}
	.contact-box h3
	{
		font-size:30px;
		text-align:center;
		
	}
	.contact-box h3 span
	{
		display:block;
	}
	.heading-content
	{
		font-size:24px;
	}
	.choose-us-box
	{
		width:100%;
	}
	.testimonial-element .testimonial-block figure
	{
		width: 130px;
		margin-bottom: 20px;
		margin: 0px auto;
	}
	.choose-box
	{
		padding-left:0px;
	}
	
	.testimonial-element .testimonial-content
	{
		    width: 100%;
    display: block;
	}
	.logo-slider img
	{
		margin:0px auto;
	}
	.call-box h2
	{
		text-align:center;
	}
	.call-box h2 .class-us
	{	
		font-size:40px;
		    padding-left: 0px;
    margin-top: 10px;
    display: inline-block;
	}
	.quetion-box
	{
		padding:0px;
		text-align:center;
	}
	.man-box img{
		display:none;
	}
	.btn-contact
	{
		float: none;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 20px;
	}
.bird-element figure{
	display:block;
	height:auto;
}	
}