/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@media only screen and (min-width: 1240px) {
	.section_wrapper, .container {
	    max-width: 1200px!important;
	}
}

/* Get Free Quote */
#free-quote .get-free-quote {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#free-quote .get-free-quote .left, #free-quote .get-free-quote .right {
    width: 50%;
}

#free-quote .get-free-quote .left {
    background-image: url(/wp-content/uploads/2017/08/home_80.png);
    height: 408px;
    width: 583px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    left: -70px;
}

#free-quote .get-free-quote .right {
    position: relative;
}

#free-quote .get-free-quote .right .arrow {
    background-image: url(/wp-content/uploads/2017/08/home_03.png);
    height: 254px;
    width: 724px;
    position: absolute;
    z-index: -1;
    top: -32px;
    left: -60px;
}

.contact-form-7-wrap .mml-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}


.mml-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.half {
    width: 49%;
}

input.wpcf7-form-control, textarea {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    color: #303030;
    font-size: 16px;;
}

input.wpcf7-form-control.wpcf7-submit {
	color: white;
    background-color: #303030;
    width: 100%;
    font-size: 22px;
    margin-top: 15px;
}

input.wpcf7-form-control, textarea {
    padding: 12px 15px;
    margin-bottom: 10px!important;
}

#Footer h4 {
    margin-bottom: 40px;
}

#Footer .widget_mfn_menu ul li a {
    background: transparent;
    color: white;
    border: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.footer-copy-center #Footer .footer_copy {
    text-align: center;
    -webkit-box-shadow: 1px -6px 20px 0px #ab3939;
       -moz-box-shadow: 1px -6px 20px 0px #ab3939;
            box-shadow: 1px -6px 20px 0px #ab3939;
}

div#free-quote {
    -webkit-box-shadow: 0 -3px 13px 0px #d8d4d4;
       -moz-box-shadow: 0 -3px 13px 0px #d8d4d4;
            box-shadow: 0 -3px 13px 0px #d8d4d4;
}

.section-title {
	font-size: 42px;
	line-height: 1;
}

.tab-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.tab-inner > div {
    width: 50%;
}

/*
.ui-tabs .ui-tabs-nav {
    background-image: none;
}
*/

.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
	display: none;
}

.ui-tabs .ui-tabs-nav {
    border-bottom: 0;
}

.ui-state-default a {
    font-size: 16px!important;
    font-weight: 400!important;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    color: #444!important;
}

.tab-inner .right {
    padding-left: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 30px;
}

.tab-inner .small-title {
    font-size: 16px;
    margin-bottom: 0px;
}

.tab-inner .btn.btn-mml {
    display: inline-block;
    background-color: #ff7f7f;
    padding: 12px 25px;
    font-size: 22px;
    color: white;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    text-decoration: none;
    margin-top: 40px;
}


ul.timeline {
    list-style: none;
    margin: 0;
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
}

ul.timeline > li {
    width: 50%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.timeline li.right {
    float: right;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 50px;
}

li.left.down {
    margin-top: 50px;
}

ul.timeline .line {
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #5f2c2c;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
}

.timeline i {
    position: absolute;
    bottom: -27px;
    left: 0;
    right: 0px;
    margin: 0 auto;
    font-size: 30px;
    color: black;
    display: block;
    text-align: center;
}

.timeline li.left {
    padding-right: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.timeline .content-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.timeline .left .content-wrap {
    text-align: right;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.timeline .right .content-wrap {
    padding-left: 40px;
}

ul.timeline > li {
    width: 50%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

ul.timeline .img-wrap {
    width: 160px;
    height: 160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 0 20px 0px rgba(255, 0, 0, 0.17);
       -moz-box-shadow: 0 0 20px 0px rgba(255, 0, 0, 0.17);
            box-shadow: 0 0 20px 0px rgba(255, 0, 0, 0.17);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.home ul.timeline .img-wrap {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

/* Typekit font setting */

.section-title, #home-banner-title {
	font-family: "lust-display",serif!important;
}

#home-banner-title {
	font-style: italic;
}

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
    font-family: "azo-sans-web",sans-serif!important;
}

#menu > ul > li > a, .action_button, #overlay-menu ul li a {
    font-family: "azo-sans-web",sans-serif!important;
}

#free-quote .section-title {
	text-align: center;
}

/* 960px */
@media (max-width: 960px) {
	#free-quote .get-free-quote {
	    display: block;
	}
	#free-quote .get-free-quote .left {
	    left: 0;
	    max-width: 495px;
	    -webkit-background-size: contain;
	       -moz-background-size: contain;
	         -o-background-size: contain;
	            background-size: contain;
	    margin: 0 auto;
	}
	#free-quote .get-free-quote .left, #free-quote .get-free-quote .right {
	    width: 100%;
	}
}


@media (max-width: 620px) {
	
	ul.timeline > li {
	    width: 100%;
	    float: left;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	
	ul.timeline .line {
	    margin: 0;
	}
	
	.timeline i {
	    margin: 0;
	    -webkit-transform: translateX(-50%);
	       -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	         -o-transform: translateX(-50%);
	            transform: translateX(-50%);
	}
	
	.timeline li.left .img-wrap {
	    -webkit-box-ordinal-group: 1;
	    -webkit-order: 0;
	       -moz-box-ordinal-group: 1;
	        -ms-flex-order: 0;
	            order: 0;
	}
	
	.timeline .left .content-wrap {
	    -webkit-box-ordinal-group: 2;
	    -webkit-order: 1;
	       -moz-box-ordinal-group: 2;
	        -ms-flex-order: 1;
	            order: 1;
	}
	
	.timeline li.left {
	    padding-right: 0;
	    padding-left: 40px;
	}
	
	.timeline .left .content-wrap {
	    text-align: left;
	    padding-right: 0;
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
	    -webkit-box-ordinal-group: 2;
	    -webkit-order: 1;
	       -moz-box-ordinal-group: 2;
	        -ms-flex-order: 1;
	            order: 1;
	    padding-left: 40px;
	}
	
	ul.timeline > li {
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	       -moz-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	
	ul.timeline > li {
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	       -moz-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    margin-bottom: 20px!important;
	    margin-top: 0px!important;
	}

}

@media (max-width: 480px) {
	 
	.section-title {
	    font-size: 28px!important;
	}
	
		 
	#free-quote .get-free-quote .left {
	    max-width: 100%;
	}

	#free-quote .get-free-quote .left {
	    display: none;
	}
	
	ul.timeline .img-wrap {
	    width: 100px;
	    height: 100px;
	}

}

/* Portfolio Slider Fix */
html .portfolio_slider .slider_nav {
    height: 48px;
    line-height: 48px;
    width: 48px;
    top: 50%;
    margin-top:0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #df2c2c;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

html a.slider_nav.slider_prev.themebg.slick-arrow {
    left: -30px;
}

html a.slider_nav.slider_next.themebg.slick-arrow {
    right: -30px;
}

/* Fix slider weird box shadow */
html .image_frame .image_wrapper .mask {
    display: none;
}

/* Show and style product title in portfolio slider */
.portfolio_slider_ul .slider-product-title {
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
}

#Footer .widget_mfn_menu ul li a:after {
    content: ">";
    margin-left: 5px;
}

/* Portfolio filter */
.categories li {
    float: left;
    width: auto!important;
}

.categories li a {
    font-size: 22px;
    padding: 10px 30px!important;
    display: block;
    background: #fff;
    color: white!important;
    text-align: center;
    border-right: 1px solid #df2c2c!important;
    background-color: #ff7f7f!important;
}

.categories.clearfix {
    margin-bottom: 30px;
}

.categories li a:hover {
    text-decoration: none;
}

.mask {
    display: none;
}

.image_links.double {
    display: none;
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.portfolio_group .portfolio-item .desc .title_wrapper {
    position: relative;
    padding-right: 0;
    text-align: center;
}

.portfolio_group .portfolio-item .image_frame {
    width: 100%;
    margin-bottom: 0;
    border: 0;
    text-align: center;
}

.portfolio_group .portfolio-item .desc {
    background: transparent;
}

/* 650px */
@media (max-width: 650px) {
	ul.categories li {
	    width: 100%!important;
	}
}

.portfolio_wrapper .entry-title a {
    color: #191d1d;
    font-size: 22px;
    font-weight: 400;
    font-family: "azo-sans-web",sans-serif!important;
}

.categories li a.current {
    background-color: #df2c2c!important;
}

.categories li a:hover {
    background-color: #df2c2c!important;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;	
}


.archive #Header {
    min-height: 0!important;
}