/*
Theme Name: Roofers
Theme URI: http://www.ewebcraft.com/roofers
Author: Ewebcraft
Author URI: http://www.ewebcraft.com
Description: Roofers is a responsive and retina ready WordPress Theme aimed at Roofing service companies.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roofers
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, translation-ready



/*
[generic Table of contents]
* body
	+ header
		- .logo

	+ navigation

	+ .slider
		- #slider-with-blocks-1		
		
	+ #about
		- .roofers

	+ #estimation
		- .estimation-toggle
			- .estimation
				- form
		- .toggle
	
	+ .services
		- #service-carousel
		   	- .item
					
	+ #cities
		- #map

	+ #newsletter
		- #newsletter-form

	+ #featured-work
		- featured work gallery		

	+ #latest-news
		- .news-holder
			
	+ #plans
		- .price-container

	+ #testimonials
		- #partners

	+ #footer
		- .footer-detail 
		
****/

body{
    height: 100%;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    /*color:#35383e;*/
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.wrapper {
    overflow: hidden;
}

.container {
    width: 1170px;
    max-width: 100%;
}
.h4, h4 {
    font-size: 20px;
}
.h5, h5 {
    font-size: 16px;
}
.h6, h6{font-size: 14px;}
.no-results.not-found .page-header{
	padding-left:10px;
}

.search-container,.navigation span,.back-to-top,.red-button,.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a,.lvca-pricing-table.lvca-container h4.lvca-plan-price,.navigation .logo,.seperator:before,.seperator:after,.navigation .logo span,.navbar-default .navbar-nav > li.active,.navbar-default .navbar-nav > li:hover,.navbar-default .navbar-nav > li.current-menu-item,.dropdown .dropdown-menu,.red-button,.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a ,#service-carousel .owl-buttons .owl-next,#service-carousel .owl-buttons .owl-prev,#newsletter,.news-holder .red-button:hover,.news-holder .red-button:active,.news-holder .red-button:focus,.detail-info-cont .red-button:hover,.detail-info-cont .red-button:active,.detail-info-cont .red-button:focus,.contact-info-line:after,.contact-info .address-media,.widget ul.bcd-contact-list.has-icons li:last-child,div.vc_separator.sub-seperator,form#commentform p.form-submit ,.post-password-form input[type='button'], input[type='reset'], input[type='submit'],.logo .logo-infocard,.red-button:after, .lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:after,.our-form .input-bottom-line,form#commentform p.form-submit:after,#search-form .search-group .search-icon    {background-color:#da1c22;}

.lvca-posts-carousel.slick-slider button.slick-prev, .lvca-posts-carousel.slick-slider button.slick-next,div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item:hover,div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item.lvca-active,.controls button.active,.controls button:hover,.controls button:focus {background-color:#da1c22;}

ul#cities-list li i.fa,div.lvca-testimonials-slider .lvca-testimonial-user .lvca-text h4.lvca-author-name,.address a:hover,.formOverlay:before,.red-button:hover input[type='submit'], .red-button:hover input[type='button'], .red-button:hover input[type='reset'], .red-button:active,.red-button:focus .lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover,.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:active,.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:focus,ul#cities-list li i.fa,.outer-border a:hover i.fa,.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover,.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover:after,.contact-info .media-left i.fa,.contact-info .email-media a:hover,.widget ul.bcd-contact-list.has-icons li .fa,#location-cities ul li a:hover,div.comments-area .reply,div.comments-area .reply a,ul.detail-list li span,.detail-list > li::before,h2.lrg_titl,div.wpcf7-mail-sent-ng  {color:#da1c22;}

.lvca-posts-carousel.slick-slider button.slick-prev, .lvca-posts-carousel.slick-slider button.slick-next,.red-button:hover,.bContainer h2 strong,div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item,.l-project-hover .l-project-hover-inner a:hover,.controls button   {color:#da1c22;}

div.lvca-testimonials-slider div.lvca-testimonial-text,.vc_separator.seperator,.seperator,.dropdown .dropdown-menu li{border-bottom-color:#da1c22;}
footer#footer,footer .copy-right,.vc_separator.seperator,.seperator{border-top-color:#da1c22;}

div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item,div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item:hover,div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item.lvca-active,.outer-border,.controls button,div.wpcf7-mail-sent-ng {border-color:#da1c22;}

.link-btn{color:#db1c23;text-decoration:underline;margin-left:10px;}
.no-results.not-found #search-form .search-group .search-icon{
	transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
    -moz-transform: translateY(-51%);
}
.header-style-1 div#infocard {
    text-align: left;
}
.header-style-2 div#infocard {
    text-align: left;
    background-color: #fff !important;
    padding: 0px;
    width: 408px;
}

.no-results.not-found #search-form .search-group .form-control{
	background-color: #f5f5f5;
}
div.module.parallax {
    height: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

article.post.standard-post .news-image {
    margin: 0 0 30px;
}
.news-image a img {
    width: 100%;
}
table th, .latst-news-text table th a {
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}

table {
    line-height: 2;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

th {
    padding-right: 20px;
}

table th, .latst-news-text table th a {
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}

table {
    line-height: 2;
        width: 100%;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

th {
    padding-right: 20px;
}

dl {
    margin: 0;
}

dd {
    margin: 0 0 20px;
}

.entry-content ul,
.news-text-desc ul {
    padding-left: 25px;
    list-style-type: none;
    line-height: 2;
}

.entry-content ol,
.news-text-desc ol {
    padding-left: 25px;
    line-height: 2;
}

.entry-content p,
.latst-news-text p {
    margin-top: 20px;
}

/* form-submision */

.form-control {
    border-radius: 0;
}

.formOverlay:before {
    content: "\f110";
    font-family: fontawesome;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    color: #D82727;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10%;
    font-size: 56px;
    margin-top: -34px;
}

.formOverlay {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.alert strong {
    display: inline-block;
    width: 100%;
}

.alert .message-icon {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #9F9F9F;
    border-radius: 50%;
    line-height: 30px;
}

.alert span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    float: left;
    width: 80%;
    margin-left: 15px;
    margin-top: 5px;
}

.form-control.error {
    border-color: rgba(166, 0, 0, 0.4) !important;
    box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
}

label.error {
    display: none !important;
}


/* section seperator */

.seperator:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -195%;
    height: 1px;
    width: 50px;
    margin-top: -0.5px;
}

.seperator:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -195%;
    height: 1px;
    width: 50px;
    margin-top: -0.5px;
}

.vc_separator.seperator,
.seperator {
    position: relative;
    width: 30px;
    height: 7px;
    transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -moz-transform: skew(-22deg);
    margin: 25px auto 30px !important;
    border-top-width: 3px  ;
    border-top-style:  solid ;
    border-bottom-width: 3px ;
    border-bottom-style:  solid ;
}

.vc_separator.seperator.vc_sep_pos_align_left {
    margin-left: 60px !important;
}

.vc_separator.seperator.vc_sep_pos_align_right {
    margin-right: 60px !important;
}

.vc_separator.seperator .vc_sep_holder,
.vc_separator.contact-info-line .vc_sep_holder {
    display: none;
}


/* section seperator */

.section-desc h1.section-heading {
    font-weight: 300;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #424242;
}

.section-desc p.section-text,
.section-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7em;
    color: #636363;
    margin-top: 0px;
    margin-bottom: 15px;
}

img {
    max-width: 100%;
}

* {
    margin: 0px;
    padding: 0px;
}


/*for scroll button to reach on top*/

.backtotop {
    display: inline-block;
    width: 100%;
    position: relative;
}

.back-to-top {
    position: fixed;
    bottom: 60px;
    right: 93px;
    width: 52px;
    height: 52px;
    z-index: 9999;
    display: none;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    background: #db1c23;
    padding: 10px;
    transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -moz-transform: skew(-22deg);
}

.back-to-top i.fa {
    transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -moz-transform: skew(22deg);
}

.back-to-top:hover,
.back-to-top:focus {
    color: #ffffff;
}

.overflow {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #35383e;
    outline: 0 !important;
}

a:hover {
    text-decoration: none;
    outline: none;
}

a:focus,
a:active,
a:hover {
    outline: none;
    color: #db1c23;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1 {
    margin: 0;
}
.nospace {
    padding-left: 0;
}

header.top-bar {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0.2px;
	padding:10px 0 10px 0;
    font-weight: 400;
}
header.header-style-3{
position: relative;
}
.header-style-3 .top-info::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #3586d5;
    width: 34%;
    height: 100%;
}
.header-style-3 .top-info::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 33%;
    display: block;
    width: 35px;
    background-color: #3586d5;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-10deg);
    transform: skew(-20deg);
    height: 100%;
}
.top-bar .for-contact-info a, header .info-address span.address-bk{
color: #000;
}
.for-contact-info {
    display: inline-block;
    width: 100%;
}

.for-contact-info > div {
    padding: 0 8px;
}

div.for-timing > .info {
    float: right;
    padding: 0 15px;
}

.for-timing {
    display: inline-block;
    width: 100%;
}

header .info-address .fa, .info-mail .fa , .info-phone .fa {
    margin-right: 3px;
    color: #454545;
}
header .info-address ,header .info-mail , header .info-phone {
top:7px;
}
header address {
    display: inline;
    margin: 0;
}
header .info-address span.address-bk {
    display: inline-block;
    width: 90%;
    vertical-align: middle;
}
header .top-bar-social-icon{
	top:3px;
	text-align: right;
}
header .top-bar-social-icon .social-icons li a {
    font-size: 16px;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    transform: skew(-22deg);
    margin-right: 3px;
    background-color: #959692;
    color: #fff;
    transition: 0.3s all ease-out;
}
header .top-bar-social-icon .social-icons li a:last-child {
    margin: 0px;
}
header .top-bar-social-icon .social-icons li a i {
    transform: skew(22deg);
}
header .top-bar-social-icon .social-icons li a:hover {
    color: #fff;
}
header .top-bar-social-icon .social-icons li a.fb-icon:hover{
background-color:#3B5998 !important;
}
header .top-bar-social-icon .social-icons li a.tw-icon:hover{
background-color:#4798D7 !important;
}
header .top-bar-social-icon .social-icons li a.gl-icon:hover{
background-color:#DD4B38 !important;
}
header .top-bar-social-icon .social-icons li a.lk-icon:hover{
background-color:#007BB6 !important;
}
header .top-bar-social-icon .social-icons li a.drb-icon:hover{
background-color:#444444 !important;
}
header .top-bar-social-icon .social-icons li a.int-icon:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b6cb2+0,b3398c+41,f5ad59+97 */
background: rgb(91,108,178) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(91,108,178,1) 0%, rgba(179,57,140,1) 41%, rgba(245,173,89,1) 97%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(91,108,178,1) 0%,rgba(179,57,140,1) 41%,rgba(245,173,89,1) 97%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(91,108,178,1) 0%,rgba(179,57,140,1) 41%,rgba(245,173,89,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6cb2', endColorstr='#f5ad59',GradientType=0 ) !important; /* IE6-9 */
}
.address a {
    color: #8c8c8c;
    transition: all 0.3s ease 0s;
}

.color {
    color: #454545;
}

figure {
    padding-top: 0px;
}

.formOverlay:before {
    content: "\f110";
    font-family: fontawesome;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 56px;
    margin-top: -25px;
    margin-left: -25px;
}

.formOverlay {
    background: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.alert .message-icon {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #9F9F9F;
    border-radius: 50%;
    line-height: 30px;
}

.alert {
    margin: 0px;
}


/*NAVIGATION*/

.navigation {
    background: rgba(0, 0, 0, 0.70);
    width: 100%;
    position: absolute;
    z-index: 9999;
    font-size: 0px;
    transition: all 0.3s ease 0s;
}
.navigation.header-style-2{
background: #fff;
box-shadow: 0px 3px 8px rgba(44, 54, 67, 0.28);
}
.navigation.header-style-3{
background: transparent;
}
.home.hide_page_title .navigation.header-style-3 {
    background-color: transparent !important;
}
.navigation.header-style-3.navbar-fixed {
    background: #da1c22;
}

body.home.blog .navigation,.single .navigation {
    position: relative;
}
.single .navigation.navbar-fixed{
    position: fixed;
}
.navigation span {
    position: absolute;
    right: 76%;
    width: 100%;
    height: 100%;
    transform: skew(-20deg);
}


/* .navigation:before, */

.navigation:after {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
}

.navigation:after {
    left: 100%;
    background: #212022;
}

.for-logo {
    padding-right: 26px;
}

.navigation .logo {
    height: auto;
	min-height:97px;
    margin-top: 0px;
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
    transform: skew(-20deg);
}

.navigation .logo span {
    position: absolute;
    right: -8px;
    /*top: -25px;*/
    height: 100%;
    transform: rotate(0deg);
    width: 5px;
}

.logo img {
    transform: skew(20deg);
	height: 55px;
}
.navigation.header-style-2 .logo img {
    transform: skew(0deg);
    height: 55px;
}
.header-style-2 .back-skew{
	    padding: 10px 15px;
	}
.header-style-2 .logo-block{
    min-height: 190px;
}

.header-style-3 .logo.bgcolor{
background-color:transparent;
}
@media (min-width: 767px) {
	.infocard_hover:before {
		display: block;
	    content: url('https://controlgarage.com/wp-content/themes/garage-door/images/hoverme.png');
	    width: 98px;
	    height: 35px;
	    right: 89%;
	    margin-right: 0px;
	    top: 40px;
	    position: absolute;
	}
	.header-style-2 .infocard_hover:before,.header-style-3 .infocard_hover:before {
	display:none;
	}
	.logo .logo-infocard {
	    display: block;
	    position: absolute;
	    top: 100%;
	    left: 25px;
	    margin-top: 20px;
	    width: 410px;
	    border-radius: 2px;
	    font-size: 13px;
	    display: block;
	    visibility: hidden;
	    opacity: 0;
	    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	    z-index: 1;
	     -webkit-transition: all 0.15s ease-out; 
	     transition: all 0.15s ease-out; 
	     -webkit-transition-delay: .3s; 
	     transition-delay: .3s; 
	    -webkit-backface-visibility: hidden;
	}
	.header-style-1 .logo .logo-infocard,.header-style-3 .logo .logo-infocard{
	    padding: 20px 15px 20px 25px;
	}
	.header-style-2  .logo .logo-infocard{
	     padding: 0px;
	    left: 0px;
	    background-color: #fff;
	}
	
	.logo-infocard strong {
		font-size: 14px;
	}
	.infocard-text {
		padding-left: 5px; 
        line-height: 20px;
        
	}
	.header-style-2 .infocard-text{
	    background-color: #da1c22;
	}
	.infocard-text p {
		margin-bottom: 15px;
	}
	.logo-infocard .infocard-wrapper {
		margin-top: 0px;
	}
	.header-style-2 .logo-infocard .infocard-wrapper{
	    position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) !important;
	}
	.logo-infocard .infocard-wrapper p:first-child {
		margin-bottom: 18px;
	}
	.back-skew {
		transform: skew(20deg);
	}
	.header-style-2 .back-skew{
		transform: skew(0deg);
		    padding: 10px 15px;
	}
	.logo-text {
		margin-left: -12px;
	}
	.logo-infocard .social-icons li a {
		margin-right: 12px;
		font-size: 14px;
	}
	.logo-infocard .social-icons li a:last-child {
		margin-right: 0px;
	}
	.logo-infocard p,
	.logo-infocard p a,
	.logo-infocard a,
	.logo-infocard p a i.fa {
		color: #fff;		
	}	
	.navigation .logo-infocard a {
		padding: 0px !important;
		transition: all 0.3s ease 0s;
	}
	.navigation .logo-infocard a:hover,
	.navigation .logo-infocard a:active,
	.navigation .logo-infocard a:focus {
		color: #000000;
		text-decoration: none;
	}

	.logo-infocard p img {
		transform: skew(0deg);
	}
	.logo .contact-details {
	    background: url('https://controlgarage.com/wp-content/themes/garage-door/images/say_hi.png') no-repeat right top;
	}
	.logo .social-icons {
	    margin-left: 0;
	    padding-left: 0;
	}
	.logo:hover .logo-infocard {
		visibility: visible;
    	opacity: 1;
    	margin-top: 2px;
    	-webkit-transition-delay: 0s;
    	transition-delay: 0s;
    	z-index: 2;
	}

}
@media (max-width: 800px) {
	.logo .logo-infocard {
		transform: skew(20deg);
		display:none;
	}
	.navbar{
		min-height:90px !important;
	}
	.back-skew {
		transform: skew(0deg);
	}
	.vc_custom_1476545601530 {
		padding-top: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
	}
	ul#cities-list,ul#cities-lists{padding-left:0px;}
	ul#cities-list li,ul#cities-lists li{width:48%;display:inline-block;}

	
}

.navigation .logo {
    display: inline-block;
    text-align: center;
    padding: 0px;
    height: 97px;
    line-height: 97px;
}
.header-style-3 .logo {
    background-color: transparent;
}
.navigation.header-style-2 .logo {
    background-color: transparent !important;
    transform: skew(0deg);
text-align: left;
}

h1.site_title {
    color: #fff;
    font-size: 26px;
    font-style: normal;
    line-height: 1;
    margin-top: 35px;
}

h3.site_desc {
    line-height: 1;
    margin: 0;
    font-size: 10px;
    color: #fff;
}

nav {
    background-color: transparent !important;
    border: medium none !important;
    z-index: 999;
}

.navbar {
    margin-bottom: 0 !important;
    z-index: 999;
    border: none;
    border-radius: 0px;
	min-height:97px;
}
.header-style-2 .navbar-nav{
    margin:7.5px 0px;
}
.navbar-form.navbar-right:last-child {
    margin-right: 0 !important;
}

.navbar-collapse {
    margin-right: 30px;
}

.navbar li {
    z-index: 999;
    margin-left: 5px;
    margin-top: 23px;
    margin-bottom: 23px;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
    transition: all 0.3s ease 0s;
}

.navbar-nav > li > a {
    color: #fff !important;
    font-size: 16px;
    /* padding: 8px 22px; */
    display: inline-block;
    text-shadow: none;
    font-weight: 400;
    background: transparent !important;
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    -ms-transform: skew(22deg);
    transform: skew(22deg);
    backface-visibility: hidden;
}
.header-style-2 .navbar-nav > li > a {
color:#000 !important;
padding: 8px 15px;
}
.header-style-2 .navbar-default .navbar-nav > li.active > a,
.header-style-2 .navbar-default .navbar-nav > li:hover > a,
.header-style-2 .navbar-default .navbar-nav > li.current-menu-item > a {
  color:#fff !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: transparent !important;
}


/* dropdown menu */

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: transparent;
    transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -moz-transform: skew(22deg);
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.dropdown .dropdown-menu {
    padding: 0px;
    min-width: 160px;
}


.dropdown .dropdown-menu li {
    margin: 0px;
    border-bottom-width: 1px;
    border-bottom-style:solid;
    background: transparent;
    transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    transition: all 0.3s ease 0s;
}

.dropdown .dropdown-menu li:focus,
.dropdown .dropdown-menu li:active {
    transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
}

.dropdown .dropdown-menu li a {
    padding: 8px 15px;
    color: #fff;
    transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -moz-transform: skew(22deg);
    background: none;
}

.dropdown .dropdown-menu li a:active,
.dropdown .dropdown-menu li a:focus {
    transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -moz-transform: skew(22deg);
}

.dropdown .dropdown-menu li:hover {
    background: #fff;
}

.dropdown .dropdown-menu li:hover > a {
    color: #000 !important;
}

.dropdown-menu li a:hover {
    background: transparent !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active, .navbar-default .navbar-nav .open .dropdown-menu>.active:hover {
    background: #fff !important;
    color: #000 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active a, .navbar-default .navbar-nav .open .dropdown-menu>.active:hover a {
    color: #000 !important;
}


/* dropdown menu */


/*fixing navbar*/

.navbar-fixed {
    background-color: rgba(26, 26, 35, 1);
    top: 0px;
    z-index: 100;
    position: fixed;
    width: 100%;
    z-index: 9999;
}


/*fixing navbar*/


/* Searchbar */

.hiden-form {
    min-height: 0px !important;
}

.search-container {
    position: absolute;
    right: 0;
    height: 100%;
    display: inline-block;
    z-index: 999;
    background: rgba(218, 28, 34, 1);
    padding: 0px 30px;
}
.header-style-2 .search-container{
background:transparent;
}
.header-style-3 .search-container{
background:transparent;
}
.search-container .searchbox-icon:before {
    color: #fff;
    display: inline-block;
    content: '\f002';
    font-family: FontAwesome;
    font-size: 16px;
    transition: all 0.3s ease 0.1s;
}
.header-style-2 .search-container .searchbox-icon:before{
color:#000;
}
.search-container .searchbox-icon-closed:before {
    content: '\f00d';
}

.search-container .searchbox-icon {
    background: transparent;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -12px;
}
.header-style-2 .search-container .searchbox-icon{
margin-top: -13px;
}
.search-container .searchbox-icon:focus,
.search-container .searchbox-icon:active {
    outline: none !important;
}

#search-form {
    position: relative;
}

#search-form .search-group {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -60px;
    left: 0px;
    opacity: 0;
    display: inline-block;
    width: 100%;
    margin-top: 1px;
    transition: all 0.3s ease 0.1s;
}

#search-form .search-group .form-control {
    color: #999999;
    background: rgba(255, 255, 255, 0.0);
    height: 60px;
    border-radius: 0px;
    border: 2px solid rgba(0, 0, 0, 0.0);
    position: relative;
    box-shadow: none;
    padding: 0px 60px 0px 15px;
    transition: background 0.7s ease 0.1s, z-index 0.3s ease 0s, border 0.6s ease-in 0.1s;
    z-index: -1;
}

#search-form .search-group-active {
    top: -1px;
    opacity: 1;
}

#search-form .search-group-active .form-control {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    z-index: 6;
}

#search-form .search-group .search-icon {
    height: 100%;
    border: none;
    position: absolute;
    padding: 0px 22.5px;
    top: 50%;
    font-size: 16px;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: -1;
    transition: z-index 0.8s ease 0s;
}

#search-form .search-group .search-icon i.fa {
    color: #fff;
}

#search-form .search-group-active .search-icon {
    z-index: 7;
}

#search-form .form-control::-webkit-input-placeholder {
    /* Chrome */
    color: #999999;
}

#search-form .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #999999;
}

#search-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
    opacity: 1;
}

#search-form .form-control:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #999999;
    opacity: 1;
}

#primary #search-form .search-group {
    position: relative;
    top: 0;
    opacity: 1;
}

#primary #search-form .search-group .form-control {
    height: 45px;
    z-index: 1;
}

#primary #search-form .search-group .search-icon {
    height: 45px;
    z-index: 1;
    padding: 0 20px;
}

.search_page {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

article.post:last-child .search_page {
    padding-bottom: 0;
    border-bottom: none;
}

.top-nav2 {
    display: inline-block;
    width: 100%;
}

.color-scheme {
    position: fixed;
    right: -200px;
    z-index: 1000;
    top: 78px;
}

.color-icon {
    float: left;
    width: 50px;
    border: 1px solid #dadada;
    height: 50px;
    padding-top: 10px;
    background-color: #fff;
}

.fa-cog {
    color: #000;
}

.color-scheme-inner {
    float: left;
    background-color: #fff;
    width: 200px;
    box-shadow: 0 4px 3px 0px rgba(0, 0, 0, 0.75);
}

.color-scheme-inner ul {
    list-style: none;
}

.color-scheme-inner .roofer-colors {
    padding: 20px 15px;
    display: none;
}

.roofer-colors p {
    color: #333;
    font-family: 'OpenSansRegular';
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 12px;
}

.color-scheme-inner h2 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 48px;
    font-family: 'RobotoRegular';
    margin: 0;
    background: #db1c23;
}

.colors li {
    margin: 0 5px;
    float: left;
    width: 30px;
    margin-bottom: 7px;
    height: 30px;
    cursor: pointer;
    display: inline;
    border-radius: 5px;
}

.colors li.activeColor {
    border: 1px solid #000 !important;
}

hr {
    border-bottom: 2px solid #ff9c11;
}


/*2ND S4CTION  */

#section2 {}

.carousel {
    width: 100%;
}

.carousel .container {
    position: relative;
    z-index: 998;
}

#section2 .carousel-inner > .item img {
    width: 100%;
}


/*WILL BE USED MANY TIMES*/

hr {
    border: 0;
    height: 1px;
    width: 20% !important;
    position: relative;
    margin: 25px auto;
}

.hr {
    background: #db1c23;
    height: 1px;
    width: 35% !important;
    position: relative;
    margin: 20px auto;
    display: block;
}


/* General button style */

.red-button,.rev-rd-btn,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a {
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
}
.rev-rd-btn {
    border: 1px solid #efefef !important;
	text-transform: capitalize;
	text-decoration:none;
}
.rev-rd-btn:hover,.rev-rd-btn:focus {
    background-color: #fff;
    color: #000;
}
.rev-rd-btn span {
    transform: skew(22deg) !important;
    display: block;
}
.red-button span,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a span {
    display: inline-block;
    /*transition: all 0.3s ease 0s;*/
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    transform: skew(22deg);
}

.red-button:after,.rev-rd-btn:after,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:after {
    content: "";
    /*height: 111px;*/
    top: 0;
    position: absolute;
    right: -6px;
    bottom: 0;
    width: 3.5px;
    transition: all 0.3s ease 0s;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
}
.rev-rd-btn:after{
background-color:#fff;
    width: 2.5px;
}
.red-button:hover,
.red-button:hover input[type="submit"], 
.red-button:hover input[type="button"], 
.red-button:hover input[type="reset"], 
.red-button:active,
.red-button:focus .lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:active,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:focus {
    text-decoration: none;
    outline: none;
    background: #ffffff;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
}
.home .rev_slider .red-button:hover,.home .rev_slider .red-button:hover:after,.our-form .red-button.bgcolor:hover,.our-form .red-button:hover input[type="submit"],.our-form .red-button:hover:after{
background: #ffffff !important;
}
.red-button:hover:after,.rev-rd-btn:hover:after,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover:after {
    background: #ffffff;
    right: -1px;
}

#slider-with-blocks-1 .owl-controls .owl-buttons div {
    /*border: 1px solid rgba(0, 0, 0, 0.5); */
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    display: inline-block;
    padding: 0px;
    margin-right: 5px;
    font-weight: normal;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    transition: all 0.30s ease 0s;
    opacity: 0;
}

#slider-with-blocks-1:hover .owl-controls .owl-buttons div {
    opacity: 1;
}

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0px;
    top: 45%;
}

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -5px;
    top: 45%;
}

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-prev i.fa,
#slider-with-blocks-1 .owl-controls .owl-buttons .owl-next i.fa {
    font-size: 18px;
}

#slider-with-blocks-1 .owl-controls .owl-buttons div:hover {
    background: rgba(255, 255, 255, 0.8);
    border-color: #fff;
    color: #000;
}

.rsABlock {
    color: #fff;
    left: 0;
    top: 0;
    position: relative;
    display: block;
    z-index: 15;
}

.rsABlock img {
    position: absolute;
    top: 0;
    left: 0;
    height: 630px;
    width: 75%;
}

.white {
    background: #fff;
    height: 1px;
    width: 48%;
    margin: 20px 0;
    display: block;
}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor: url(grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(grabbing.png) 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}


/* Custom */

#slider-with-blocks-1 {
    width: 100%;
}

.rsContent {
    color: #FFF;
    float: left;
}

.bContainer {
    position: relative;
    left: 10px;
    padding: 220px 0px 150px;
}

.bContainer h1 {
    font-size: 42px;
    font-family: 'Roboto', sans-serif;
    margin: 20px 0;
    margin-top: 5px;
    font-weight: 700;
}

.bContainer h2 {
    font-size: 26px;
    margin-bottom: 0px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.bContainer h2 span {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    display: inline-block;
    margin-bottom: 20px;
}
.item {
    overflow: hidden;
}

.slide1 {
    background: url(images/sliderimg1.jpg) top left no-repeat;
    background-size: cover;
    height: 630px;
}

.slide2 {
    background: url(images/sliderimg2.jpg) top left no-repeat;
    background-size: cover;
    height: 630px;
}

.slide3 {
    background: url(images/sliderimg3.jpg) top left no-repeat;
    background-size: cover;
    height: 630px;
}


/******************* roofers section *******************/

#about {
    transition: all 0.3s ease 0s;
}

.roofers-bg {
    background: #ffffff;
    padding: 90px 0;
    color: #fff;
    position: relative;
    transition: all 0.3s ease 0s;
}

.gray-bg {
    background: #f3f3f3;
}

.roofers {
    margin-top: 45px;
}

.roofers img {
    margin-bottom: 15px;
}

.roofers p {
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
}


/*********************** free estimation quota *********************/

#estimation {
    background: url('https://controlgarage.com/wp-content/themes/garage-door/images/estimation.png') top left no-repeat;
    background-size: cover;
    padding-top: 90px;
    position: relative;
}

#estimation .seperator {
    margin-left: 62px;
}

#estimation .section-desc .section-heading {
    color: #fff;
}

#estimation .section-desc .section-text {
    padding: 0px;
    color: #fff;
}

#form-estimation {
    margin-top: 35px;
    margin-bottom: 80px;
}

/*.our-form .field-container-lft {
    padding-right: 15px;
}

.our-form .field-container-rght {
    padding-left: 15px;
}*/

.our-form .form-group {
    margin-bottom: 20px;
}

.our-form .form-control {
    height: 40px;
    border-radius: 0px;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #999999;
    color: #ffffff !important;
}

.our-form textarea.form-control {
    height: 165px;
}

#newsletter-form::-webkit-input-placeholder {
    /* Chrome */
    color: rgba(153, 153, 153, 0.9);
}

#newsletter-form:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(153, 153, 153, 0.9);
}

#newsletter-form::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(153, 153, 153, 0.9);
    opacity: 1;
}

#newsletter-form:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: rgba(153, 153, 153, 0.9);
    opacity: 1;
}

form.our-form .btn {
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: #fff !important;
    font-family: "Roboto", sans-serif;
    right: 25px;
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 20px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100px;
    -moz-transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
    margin-left: 15px;
}

form.our-form .btn:after {
    content: "";
    background: #5b3832;
    height: 111px;
    top: 0;
    position: absolute;
    right: 3px;
    bottom: 0;
    width: 3px;
}

.our-form .red-button {
    margin-right: 15px;
}

.toggle {
    background: #db1c23;
    color: #fff;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
    margin-left: -32.5px;
    display: inline-block;
    position: absolute;
    top: -14px;
    width: 50px;
    height: 30px;
    left: 50%;
    right: 0;
    cursor: pointer;
}

.toggle .toggle-arrow {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
}

.toggle .toggle-arrow:before {
    /*-webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;*/
    content: "\f102";
    font-family: fontawesome;
    /*line-height: 30px;*/
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -5px;
    margin-bottom: -11px;
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    -ms-transform: skew(22deg);
    transform: skew(22deg);
    /*transition: all 0.3s ease 0s;*/
    display: block;
}

.toggle .toggle-arrow.active:before {
    /*-webkit-animation: scrollAnim 2s infinite;
    animation: scrollAnim 1.1s infinite;*/
    content: "\f103";
    font-family: fontawesome;
    /*line-height: 30px;*/
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -5px;
    margin-bottom: -12px;
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    -ms-transform: skew(22deg);
    transform: skew(22deg);
    /*transition: all 0.3s ease 0s;*/
    display: block;
}


/**************************** our services **************************/

#services {
    height: auto;
    position: relative;
    padding: 90px 0px;
    color: #fff;
}

#service-carousel {
    margin-top: 100px;
}

#service-carousel .item {
    margin-right: 15px;
    margin-left: 15px;
}

#service-carousel .item .red-button {
    margin-right: 20px;
    margin-top: 20px;
}

#service-carousel .item .item-inner {
    position: relative;
    display: inline-block;
    width: 100%;
}

.lvca-posts-carousel.slick-slider {
    max-width: 1170px !important;
}

.lvca-posts-carousel.slick-slider button.slick-prev,
.lvca-posts-carousel.slick-slider button.slick-next {
    top: -20px;
    right: 15px;
    padding: 5px 15px;
    background: #db1c23 !important;
    font-size: 0;
    width: auto;
    height: auto;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
}

.lvca-posts-carousel.slick-slider button.slick-prev:hover,
.lvca-posts-carousel.slick-slider button.slick-next:hover {
    background: #2b2b2b !important;
}

.lvca-posts-carousel.slick-slider button.slick-prev:before,
.lvca-posts-carousel.slick-slider button.slick-next:before {
    transform: skew(-22deg);
    margin: 0;
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #fff;
}

.lvca-posts-carousel.slick-slider img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}

.lvca-posts-carousel.slick-slider button.slick-prev {
    left: inherit;
    right: 60px;
}

.lvca-posts-carousel.slick-slider button.slick-prev:before {
    content: "\f053";
}

.lvca-posts-carousel .lvca-posts-carousel-item .hentry {
    border-radius: 0;
    border: 2px solid #e0e0e0;
}

div.lvca-portfolio-wrap .lvca-taxonomy-filter {
    margin-bottom: 50px;
    float: none;
    text-align: center;
    display: block;
    border: none;
}

div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item {
    font-size: 14px;
    padding: 8px 22px;
    display: inline-block;
    text-shadow: none;
    outline: none;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 12px;
    background: transparent !important;
    border-width: 1px ;
    border-style: solid;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item a {
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-style: normal;
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    -ms-transform: skew(22deg);    
    transform: skew(22deg);
    color: inherit;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item:hover,
div.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item.lvca-active {
    color: #fff !important;
    border-width: 1px ;
    border-style: solid;
}

.lvca-portfolio-wrap .lvca-portfolio .lvca-portfolio-item .entry-summary {
    margin: 20px 0px;
    color: #000000;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.lvca-portfolio-wrap .lvca-portfolio .lvca-portfolio-item .entry-summary:before {
    display: none;
}

.lvca-portfolio-wrap .lvca-portfolio .lvca-portfolio-item .lvca-project-image {
    min-height: 260px;
}

.lvca-portfolio-wrap .lvca-portfolio .lvca-portfolio-item .lvca-project-image img {
    height: 260px;
    width: 100%;
    object-fit: cover;
}


.slick-initialized .slick-slide {
    outline: none;
}

#service-carousel .item .item-inner h4 {
    bottom: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0 15px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
}

#service-carousel .item .item-inner .bottom-overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    bottom: 0;
    left: 0;
    min-height: 50%;
    position: absolute;
    width: 100%;
}

#service-carousel .item img {
    border: 2px solid #e0e0e0;
}

#service-carousel .owl-buttons {
    position: absolute;
    right: 15px;
    top: -50px;
}

#service-carousel .owl-buttons .owl-next,
#service-carousel .owl-buttons .owl-prev {
    text-align: center;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    padding: 4px 16px;
    display: inline-block;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
}

#service-carousel .owl-buttons .owl-next:hover,
#service-carousel .owl-buttons .owl-prev:hover {
    background: #1A1A23;
}

#service-carousel .owl-controls .owl-buttons div {
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    margin-left: 5px;
}

#service-carousel .owl-buttons .owl-next i.fa,
#service-carousel .owl-buttons .owl-prev i.fa {
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    -ms-transform: skew(22deg);
    transform: skew(22deg);
}

#service-carousel .red-button:hover {
    background: #2b2b2b;
    color: #fff;
}

#service-carousel .red-button:after:hover {
    background: #2b2b2b;
}


/********************** cities we serve ****************************/

#cities {
    height: 635px;
    background: #f7f7f7;
}

#cities .seperator {
    margin-left: 62px;
}

#cities .section-desc .section-text {
    padding: 0px;
}

#map {
    height: 635px;
}

#cities-text {
    padding-top: 90px;
}

#cities-text ul {
    -moz-column-count: 2;
    -webkit-column-count: 3;
    column-count: 2;
}

ul#cities-list {
    margin-top: 50px;
}

ul#cities-list li {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #636363;
    font-size: 14px;
    line-height: 35px;
}

ul#cities-list li i.fa {
    margin-right: 10px;
}

ul#cities-list li.disable {
    color: #d1d1d1;
}

ul#cities-list li.disable i.fa {
    color: #d1d1d1;
}


/******************** newsletter *********************/

#newsletter {
    padding: 60px 0px;
}

#newsletter .red-button,
#newsletter-form .red-button {
    background: #2b2b2b !important;
    color: #fff;
    margin: 0px;
    margin-top: 20px;
}
.estimation-block #newsletter .red-button,
.estimation-block #newsletter-form .red-button{
background: #fff !important;
color:#2c3643;
}
#newsletter .red-button:after,
#newsletter-form .red-button:after {
    background: #2b2b2b !important;
}
.estimation-block #newsletter .red-button:after,
.estimation-block #newsletter-form .red-button:after{
background: #fff !important;
}
#newsletter .red-button:hover,
#newsletter-form .red-button:hover {
    background: #fff !important;
    color: #2b2b2b;
}
.estimation-block #newsletter .red-button:hover,
.estimation-block #newsletter-form .red-button:hover{
  background: #2a7bbc !important;	
color:#fff !important;
}
#newsletter .red-button:hover:after,
#newsletter-form .red-button:hover:after {
    background: #fff !important;
}
.estimation-block #newsletter .red-button:hover:after,
.estimation-block #newsletter-form .red-button:hover:after{
background: #2a7bbc !important;
}
#newsletter-text h1 {
    margin: 0px;
    font-family: "Roboto", sans-serif;
    font-weight: lighter;
    font-size: 30px;
    color: #ffffff;
}

#newsletter-text p {
    font-size: 14px;
    margin-top: 15px;
    font-family: "Roboto", sans-serif;
    color: #ffffff;
    margin-bottom: 0px;
    font-weight: normal;
}

#newsletter-form .form-group {
    margin-bottom: 0px;
    margin-top: 20px;
    display: inline-block;
    width: 65%;
    float: left;
}

#newsletter-form input.form-control {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    height: 40px;
    display: inline-block;
    border-radius: 0px;
    margin-top: 0px;
    padding: 0 10px;
    width: 100%;
    color: rgba(255, 255, 255, 1);
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#newsletter-form input:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none;
}

.input-bottom-line {
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 0%;
    background: #2B2B2B;
    bottom: 0px;
    left: 0px;
    transition: width 0.5s ease 0.2s;
}

#newsletter-form .input-bottom-line {
    background: rgba(255, 255, 255, 1) !important;
}

#newsletter-form input.form-control::-webkit-input-placeholder {
    /* Chrome */
    color: rgba(255, 255, 255, 0.40);
}

#newsletter-form input.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.40);
}

#newsletter-form input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.40);
    opacity: 1;
}

#newsletter-form input.form-control:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: rgba(255, 255, 255, 0.40);
    opacity: 1;
}


/* general form animation style */

.form-group {
    position: relative;
}

.input-bottom-line {
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 0%;
    background: #2B2B2B;
    bottom: 0px;
    left: 0px;
    transition: width 0.5s ease 0.2s;
}


.form-control:focus ~ .input-bottom-line {
    width: 100%;
}


/* general form animation style */


/************************** feature section ************************/


/* FEATURES WORK*/

.feature {
    background-color: #ffffff;
    min-height: 460px;
    height: 100%;
    padding: 90px 0;
    position: relative;
}

.outer-border {
    border-width: 1px  ;
    border-style:  solid;
    height: 100%;
}

.outer-border h4,
.outer-border p {
    color: #ffffff;
    margin: 0px;
    font-weight: normal;
    font-size: 18px;
}

.outer-border h4 {
    margin-top: 13%;
}

.mosaicflow {
    margin-bottom: 1%;
    margin-top: 4%;
}

.mosaicflow__column {
    float: left;
}

.mosaicflow__item {
    position: relative;
}

.mosaicflow__item .hoover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    background: rgba(12, 22, 25, 0.9);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mosaicflow__item .hoover .fa {
    color: #fff;
    font-size: 18px;
    /*opacity:0.7;*/
    padding: 10px;
    margin-top: 7%;
    transition: all 0.3s ease 0s;
}

.mosaicflow__item:hover .hoover {
    opacity: 1;
}

.new-images {
    display: none;
}

.new-images1 {}

.new-images1 .outer-border h4 {
    margin-top: 30%;
}


/***************************** latest news *****************************/

#latest-news {
    background: url('https://controlgarage.com/wp-content/themes/garage-door/images/latest-news.png') top left no-repeat;
    background-size: cover;
    padding: 90px 0px 70px;
}

#latest-news .section-desc .section-heading {
    color: #fff;
}

#latest-news p {
    font-size: 16px;
    /*padding:0px 15%;*/
    font-weight: normal;
    margin-top: 10px;
    color: #e8e8e8;
    line-height: 25px;
}

.news-holder {
    margin-top: 60px;
    display: inline-block;
}

.news-holder .red-button:first-child {
    margin-left: 8px;
}

.news-holder .red-button,
.detail-info-cont .red-button {
    padding: 8px 16px;
    margin-right: 5px;
    margin-top: 0px;
    font-size: 12px;
    font-family: 'Roboto';
    font-weight: 500;
    cursor: default;
    font-style: italic;
}

.news-button a {
    color: #fff;
}

.news-holder .red-button:hover,
.news-holder .red-button:active,
.news-holder .red-button:focus,
.detail-info-cont .red-button:hover,
.detail-info-cont .red-button:active,
.detail-info-cont .red-button:focus {
    color: #fff;
}

.news-holder .red-button:last-child,
.detail-info-cont .red-button:last-child {
    margin-right: 0px;
    background: #424242 !important;
}
.news-holder .red-button:hover,
.news-holder .red-button:active,
.news-holder .red-button:focus{
	color:#fff !important;
}
.news-holder .red-button:after,
.detail-info-cont .red-button:after {
    content: none;
}

.news-holder .red-button i.fa,
.detail-info-cont .red-button i.fa {
    font-size: 6px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 5px;
    display: inline-block;
}

.news-holder .news-container {
    padding-bottom: 80px;
}

.news-holder .news-container .news-image {
    position: relative;
}

.news-holder .news-container .news-image img {
    max-width: 100%;
}

.news-holder .news-text {
    position: absolute;
    top: 92%;
    background: transparent;
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
    transition: top 0.3s ease 0s, background 0.6s ease 0s, height 0.9s ease 0s, padding 0.3s ease 0s;
}

.news-holder .news-text h1 {
    color: #fff;
    font-weight: 500 !important;
    font-size: 18px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease 0s;
}

.news-holder .news-text p {
    color: #000;
    font-size: 14px !important;
    display: none;
    margin-bottom: 10px;
    line-height: 1.7em;
    transition: all 0.3s ease 0s;
    transition-delay: 0.6s;
}

.news-holder .news-text .news-read-more {
    color: #db1c23;
    font-size: 14px;
    font-weight: 500;
    display: none;
    transition: all 0.3s ease 0s;
}

.news-holder .news-text .news-read-more:hover {
    color: #000000;
}

.news-holder .news-container:hover .news-text {
    top: 0px;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    padding: 18px;
}

.news-holder .news-container:hover .news-text h1 {
    color: #000;
}

.news-holder .news-container:hover .news-text p {
    display: block;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 0px !important;
    color: #444444 !important;
}

.news-holder .news-container:hover .news-text .news-read-more {
    display: block;
}

.vc_gitem-zone .vc_gitem_row .vc_gitem-col {
    padding: 20px;
}

.vc_gitem_row .vc_gitem-col h4 {
    line-height: 1.3;
    color: #000;
    font-weight: 500;
}

.vc_gitem-post-data p {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    line-height: 25px;
}


/******************** pricing plan ******************/

@media only screen and (min-width: 801px) {
    .lvca-pricing-table.lvca-container .lvca-threecol {
        float: left;
        display: block;
        margin-right: 30px;
        width: 23%;
    }
}

#plans {
    padding: 90px 0;
    overflow: hidden;
}

#plans .price-plan {
    margin-top: 60px;
}

#plans .price-plan .panel-default,
.lvca-pricing-table.lvca-container .lvca-pricing-plan {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 0;
    background-color: #fff;
    margin-bottom: 0px;
    box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    backface-visibility: hidden;
    border: none;
}

.price-container {
    padding: 25px 0px;
}

.lvca-pricing-table.lvca-container .lvca-top-header {
    background: none;
    border: none;
    padding: 25px 0;
}

.lvca-pricing-table.lvca-container h4.lvca-plan-price {
    background: #db1c23;
    padding: 20px 0px;
}

.lvca-pricing-table.lvca-container .lvca-top-header h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #2b2b2b;
    font-weight: 500!important;
    font-family: 'Roboto';
    line-height: 1.1;
    margin: 0 0 10px;
    letter-spacing: 0;
}

.lvca-pricing-table.lvca-container .lvca-top-header p.lvca-tagline {
    font-size: 14px;
    text-transform: uppercase;
    color: #636363;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 10px;
}

#plans .price-plan .panel-default:hover,
.lvca-pricing-table.lvca-container .lvca-pricing-plan:hover {
    /*background: url(images/builder-img.jpg) top left no-repeat;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(26, 26, 35);
    box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);
    transform: scale(1.23, 1.10);
    position: relative;
    z-index: 999;
}

.panel-hover:hover {
    z-index: 999;
}

#plans .price-plan .panel-default:hover .panel-price {
    background: transparent;
}

#plans .price-plan .panel-default:hover h2,
#plans .price-plan .panel-default:hover p,
#plans .price-plan .panel-default:hover .panel-body ul li,
#plans .price-plan .panel-default:hover .panel-body ul li.disable-li {
    color: #ffffff !important;
}

#plans .price-plan .panel-default h2,
#plans .price-plan .panel-default p {
    font-family: "Roboto", sans-serif;
}

#plans .price-plan .panel-default h2 {
    font-size: 18px;
    margin-top: 0px;
    text-transform: uppercase;
    color: #2b2b2b;
    font-weight: 500!important;
    font-family: roboto;
}

#plans .price-plan .panel-default p {
    font-size: 14px;
    text-transform: uppercase;
    color: #636363;
    font-weight: 500;
}

.panel-price {
    background: #db1c23;
    padding: 20px 0px;
    margin-top: 20px;
}

.panel-price h2 {
    margin: 0px !important;
    color: #ffffff !important;
    font-size: 40px !important;
    font-family: "Roboto", sans-serif;
    font-weight: normal !important;
    text-transform: lowercase !important;
}

span.per,
span.dollar {
    font-size: 16px;
    font-weight: lighter;
}

.per {
    position: relative;
    right: 7px;
}

.dollar {
    bottom: 23px;
    font-size: 16px !important;
    left: 7px;
    position: relative;
}

#plans .price-plan .panel-default .panel-body ul li,
.lvca-pricing-table.lvca-container .lvca-plan-details ul li {
    line-height: 1.9em;
    font-family: "Roboto", sans-serif;
    border-bottom: 1px solid #eeeeee;
    margin: 0px 15px 0px;
    font-size: 14px;
    padding: 10px 0px;
    color: #636363;
    text-align: center;
}

#plans .red-button {
    background: #2b2b2b;
}

#plans .red-button:after {
    background: #2b2b2b;
}

#plans .red-button:hover {
    background: #ffffff;
}

#plans .red-button:hover:after {
    background: #ffffff;
}

#plans .price-plan .panel-default .panel-body ul li.disable-li,
.lvca-pricing-table.lvca-container .lvca-plan-details ul li.disable-li {
    color: #d1d1d1 !important;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-plan-price span.lvca-text {
    font-size: 40px;
    margin-top: 0px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500!important;
    font-family: roboto;
    background: none;
    padding: 0;
    border-radius: 0;
}

.panel-body,
.lvca-pricing-table.lvca-container .lvca-plan-details {
    padding: 40px 15px 15px 15px;
    border: none;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-plan-price span.lvca-text {
    font-size: 40px;
    margin-top: 0px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500!important;
    font-family: roboto;
    background: none;
    padding: 0;
    border-radius: 0;
}

.lvca-pricing-table.lvca-container .lvca-plan-details > p {
    margin: 0;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan:hover .lvca-purchase,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase {
    background: none;
    border:none;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:after {
    letter-spacing: 0;
    background: #2b2b2b !important;
    border-radius: 0;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover,
.lvca-pricing-table.lvca-container .lvca-pricing-plan .lvca-purchase a:hover:after {
    background: #fff !important;
}

.lvca-pricing-table.lvca-container:after {
    content: "";
    clear: both;
    display: block;
}

.lvca-pricing-table.lvca-container:after {
    content: "";
    clear: both;
    display: block;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan:hover p.lvca-tagline {
    color: #fff;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan:hover h3 {
    color: #fff;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan:hover .lvca-plan-details ul li {
    color: #fff;
}

.lvca-pricing-table.lvca-container .lvca-pricing-plan:hover h4.lvca-plan-price {
    background: none;
}

div.triangle {
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    position: absolute;
    top: -9px;
    left: -23px;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 60px solid #000000;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

span.sale-text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    position: absolute;
    bottom: -54px;
    left: -126px;
    right: -126px;
    width: auto;
    height: auto;
    text-transform: uppercase;
}


/* Price-Plan */


/************************** testimonial *************************/

#testimonial {
    background: url('https://controlgarage.com/wp-content/themes/garage-door/images/testimonial.jpg') top left no-repeat;
    background-size: cover;
    padding: 60px 0px 10px;
}

#testimonial h1 {
    text-transform: capitalize;
    font-size: 26px;
    font-weight: 300;
    color: #ffffff;
    margin: 0px 0px 40px;
}

#partners {
    display: inline-block;
}

ul#partners li {
    float: left;
    margin-bottom: 1px;
    margin-right: 1px;
}

ul#partners li a {
    background-color: rgba(32, 31, 31, 0.6);
    display: inline-block;
    text-align: center;
    padding: 23.5px 30px;
    transition: all 0.3s ease 0s;
}

ul#partners li a:hover {
    background-color: rgba(219, 28, 35, 1);
}

.bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    background: rgba(32, 32, 31, 0.7);
    padding: 25px 0px;
    height: 311px !important;
}

.bx-wrapper img {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.testimonial-img {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border-top: 1px solid #db1c23;
    padding-top: 20px;
    background: rgba(55, 55, 54, 0.6);
    padding-bottom: 44px;
}

.testimonial-content p {
    color: #ffffff;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 10px 50px 20px;
    line-height: 24px;
}

.testimonial-img span {
    font-size: 16px;
    font-weight: 500;
    color: #db1c23;
    position: relative;
    top: 10px;
}

.testimonial-img p {
    font-size: 12px;
    color: #ffffff !important;
    font-weight: 700;
    margin: 0px;
    font-style: normal !important;
    position: relative;
    top: 8px !important;
}

.testimonial-content i.fa {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    color: #949494;
}

div.lvca-slide.lvca-testimonial-wrapper {
    padding: 25px 0 0;
    background: rgba(32, 32, 31, 0.7);
}

div.lvca-testimonials-slider .lvca-testimonial-text i.lvca-icon-quote {
    text-align: center;
    font-size: 22px;
    color: #949494;
    margin: 0px 0 15px;
}

div.lvca-testimonials-slider div.lvca-testimonial-text {
    color: #ffffff;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    line-height: 24px;
    padding: 0 50px 25px;
    border-bottom: 1px solid #db1c23;
}

div.lvca-testimonials-slider .lvca-testimonial-user {
    margin: 0;
    padding: 25px 30px;
    background: rgba(55, 55, 54, 0.6);
    display: block;
    text-align: center;
}

div.lvca-testimonials-slider .lvca-testimonial-user .lvca-image-wrapper {
    display: block;
}

div.lvca-testimonials-slider .lvca-testimonial-user .lvca-image-wrapper img {
    display: inline-block;
    border-radius: 0;
    margin: 0;
    max-width: 70px;
}

div.lvca-testimonials-slider .lvca-testimonial-user .lvca-text {
    display: block;
}

div.lvca-testimonials-slider .lvca-testimonial-user .lvca-text h4.lvca-author-name {
    font-size: 16px;
    font-weight: 500;
    color: #db1c23;
    margin: 10px 0;
    line-height: 1;
    text-transform: none;
}

div.lvca-testimonials-slider .lvca-testimonial-user .lvca-author-credentials {
    font-size: 12px;
    color: #ffffff !important;
    font-weight: 700;
    margin: 0px;
    font-style: normal !important;
}

.lvca-slide.lvca-testimonial-wrapper {
    padding: 25px 0 0;
    background: rgba(32, 32, 31, 0.7);
}

.lvca-testimonials-slider .lvca-testimonial-text i.lvca-icon-quote {
    text-align: center;
    font-size: 22px;
    color: #949494;
    margin: 0px 0 15px;
}

.lvca-testimonials-slider div.lvca-testimonial-text {
    color: #ffffff;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    line-height: 24px;
    padding: 0 50px 25px;
    border-bottom: 1px solid #db1c23;
}

.lvca-testimonials-slider .lvca-testimonial-user {
    margin: 0;
    padding: 25px 30px;
    background: rgba(55, 55, 54, 0.6);
    display: block;
    text-align: center;
}

.lvca-testimonials-slider .lvca-testimonial-user {}

.lvca-testimonials-slider .lvca-testimonial-user .lvca-image-wrapper {
    display: block;
}

.lvca-testimonials-slider .lvca-testimonial-user .lvca-image-wrapper img {
    display: inline-block;
    border-radius: 0;
    margin: 0;
    max-width: 70px;
}

.lvca-testimonials-slider .lvca-testimonial-user .lvca-text {
    display: block;
}

.lvca-testimonials-slider .lvca-testimonial-user .lvca-text h4.lvca-author-name {
    font-size: 16px;
    font-weight: 500;
    color: #db1c23;
    margin: 10px 0;
    line-height: 1;
    text-transform: none;
}

.lvca-author-credentials {
    font-size: 12px;
    color: #ffffff !important;
    font-weight: 700;
    margin: 0px;
    font-style: normal !important;
}

.lvca-clients.lvca-container .lvca-client {
    border: 1px solid #000 !important;
    padding: 25px 30px;
    background: rgba(32, 31, 31, 0.6);
    border-width: 0 1px 1px 0;
}

.lvca-clients.lvca-container .lvca-client:hover {
    background: #db1c23;
}

.lvca-clients .lvca-client:hover .lvca-image-overlay {
    display: none;
}


/*********************** footer **************************/

footer#footer {
    background: #19171c;
    border-top: 3px solid #db1c23;
    color: #8b8b8b;
    font-size: 14px;
    padding-top: 0;
}

footer#footer .footer_top {
    padding: 90px 0 80px;
}

#footer .seperator:before {
    width: 15px;
    left: -25px;
}

#footer .seperator {
    margin-left: 25px !important;
    margin-top: 15px !important;
}

#footer .seperator:after {
    width: 82px;
    right: -92px;
}



.footer-detail {
    position: relative;
}

.footer-services a {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 20px;
}

.footer-services a i.fa {
    position: absolute;
    top: 3px;
    left: 0px;
}

.footer-detail {
    padding-bottom: 0px;
    display: inline-block;
}

.footer-detail a {
    color: #a8a8a8;
    font-weight: normal;
}

.footer-detail a:hover {
    color: #fff;
}

.footer-detail .fa {
    margin-right: 2px;
}

.footer-detail h3 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0px;
}

p.footer {
    color: #525252 !important;
    font-size: 12px !important;
    margin: 10px 0px 0px;
}

.footer-detail ul li {
    border-bottom: 1px solid #332f38;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.footer-detail li:hover {
    color: #fff;
}

.footer-detail ul li a:hover,
footer .copy-right a:hover {
    color: #fff;
}

.l-post .row {
    margin-bottom: 20px;
}

.footer-detail .l-container {
    padding: 0px 8px 8px 0px;
}

.footer-detail .col-md-4 {
    padding: 0 8px 8px 0;
}

.footer-detail .latest-project {
    position: relative;
}

.footer-detail ul li span.post-date {
    display: block;
    line-height: 1;
    color: #dadada !important;
    font-size: 12px !important;
    margin: 10px 0px;
}

.footer-detail ul.bcd-contact-list li {
    margin-bottom: 8px;
}

.l-project-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.0);
    text-align: center;
    transition: all 0.6s ease 0s;
}

.l-project-hover .l-project-hover-inner {
    width: 100%;
    height: 100%;
    display: inline-block;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    border: 1px solid rgba(218, 28, 34, 0);
    transition: all 0.3s ease 0s;
}

.l-project-hover .l-project-hover-inner a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    margin-top: -10px;
    margin-left: -8px;
    transition: all 0.3s ease 0s;
}

.footer-detail .latest-project:hover .l-project-hover {
    background: rgba(0, 0, 0, 0.9);
}

.footer-detail .latest-project:hover .l-project-hover .l-project-hover-inner {
    transform: scale(1);
    border: 1px solid rgba(218, 28, 34, 1);
    transition-delay: 0.3s;
}

.footer-detail .latest-project:hover .l-project-hover .l-project-hover-inner a {
    color: rgba(255, 255, 255, 1);
    transform: scale(1);
    transition-delay: 0.6s;
}


.footer-detail #mail,
footer .copy-right a {
    color: #8b8b8b;
}

footer .copy-right {
    border-top: 1px solid rgba(219, 28, 35, 0.4);
    padding: 20px 0;
    margin-bottom: 0px;
    position: relative;
    font-weight: 500;
}


/* About Page */

.roofers-title {
    background:#444 ;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: relative;
}
.roofers-title:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.70);
    position: absolute;
    z-index: 0;
}

#page-title {
    padding: 185px 0px 80px;
}

#page-title h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 10px;
}

.breadcrumb {
    background: transparent;
    margin-bottom: 0px;
}

.breadcrumb li a {
    color: #ddd;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.breadcrumb li a:hover,
.breadcrumb li a:active,
.breadcrumb li a:focus {
    color: #ffffff;
    outline: none;
}

.breadcrumb li,
.breadcrumb > span.seprator {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.breadcrumb > span.seprator {
    padding: 0 8px;
}


/* About Image */

#about-us {
    padding-top: 90px;
}

#about-us .section-text {
    padding: 0px 30px;
}

.about-main-img {
    margin-top: 50px;
}


/* Our mission */

#our-mission {
    padding: 90px 0px 60px;
}

#our-mission .section-desc h1.section-heading,
#our-mission .section-desc p.section-text {
    color: #fff;
}

div.module.mission-parallax {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/mission-bg.jpg');
    padding: 75px 0px;
}

.mission-cont {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.media img {
    max-width: none;
}

.mission-media .vc_column-inner > .wpb_wrapper {
    background: #fff;
    margin-bottom: 30px;
}

.mission-media .wpb_wrapper .wpb_single_image {
    float: left;
    margin-right: 18px;
    position: relative;
    overflow: hidden;
}

.mission-media .vc_column-inner > .wpb_wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.mission-media .wpb_wrapper .vc_custom_heading {
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 500;
    padding: 30px 0 15px;
}

.mission-media .wpb_wrapper .wpb_text_column p {
    font-size: 14px;
    color: #636363;
    font-weight: 500;
    line-height: 1.8em;
}

.mission-media .wpb_wrapper .wpb_single_image .vc_single_image-wrapper:before {
    background-color: #fff;
    position: absolute;
    right: -12px;
    top: -5px;
    height: 105%;
    transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    width: 25px;
    content: "";
}

.mission-media .red-button button.vc_general {
    background: none;
    border: none;
    color: #fff;
    transform: skew(22deg);
    padding: 5px 8px;
}

.mission-media .wpb_wrapper .red-button button.vc_general {
    background: none;
    border: none;
    color: #fff;
    transform: skew(22deg);
    padding: 5px 8px;
}

.mission-media .media-body {
    padding-left: 8px;
}

.mission-media .media-body h3 {
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 500;
    margin-top: 28px;
    margin-bottom: 15px;
}

.mission-media .media-body p {
    font-size: 14px;
    color: #636363;
    font-weight: 500;
    line-height: 1.8em;
}

.mission-media .red-button {
    padding: 5px 12px;
    margin: 7px 0 7px 0px;
    display: inline-block;
}

.mission-media .red-button:hover {
    background: #2b2b2b;
    color: #fff;
}


/* Our Team */

#our-team {
    padding: 90px 0px 0px;
}

.team-cont {
    margin-top: 40px;
}

.team-memb,
.lvca-team-member {
    position: relative;
}

.lvca-team-members.lvca-style1 .lvca-team-member {
    margin: 0 auto -15px;
}

.team-memb img,
.lvca-team-member img {
    width: 92%;
}

.right-line {
    position: absolute;
    width: 1px;
    height: 70%;
    display: inline-block;
    background: #e5e5e5;
    right: -15px;
    top: 14%;
}

.team-memb-info,
.lvca-team-member-text {
    position: absolute;
    bottom: -100%;
    left: -40px;
    width: 75%;
    height: auto;
    display: inline-block;
    background: rgba(219, 28, 35, 0.0);
    padding: 30px 30px 60px;
    transform: skew(-22deg);
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    transition: left 0.3s ease 0s, bottom 0.3s ease 0s, background 0.6s ease 0s;
}

.team-memb:hover .team-memb-info,
.lvca-team-member:hover .lvca-team-member-text {
    background: rgba(219, 28, 35, 0.95);
    bottom: 0;
    left: 40px;
}

.lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper img {
    margin: 0;
    border-radius: 0;
}

.lvca-team-member-text:after {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 2px solid rgba(255, 255, 255, 0.30);
    top: 15px;
    left: 15px;
}


.lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list {
    top: inherit;
    bottom: 32px;
    height: auto;
    margin: 0;
}

.lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list i {
    font-size: 21px;
}

.lvca-team-member-text:after {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 2px solid rgba(255, 255, 255, 0.30);
    top: 15px;
    left: 15px;
}

.lvca-team-members.lvca-style1 .lvca-team-member h3.lvca-title {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: none;
    color: #fff;
}

.lvca-team-members.lvca-style1 .lvca-team-member .lvca-team-member-text * {
    transform: skew(22deg);
}

.lvca-team-members .lvca-team-member .lvca-team-member-text .lvca-title:after {
    content: "";
    width: 40px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 15px auto;
}

.lvca-team-members .lvca-team-member .lvca-team-member-text .lvca-team-member-position {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.memb-info-inner {
    border: 2px solid rgba(255, 255, 255, 0.30);
    padding: 30px 0px;
    opacity: 1;
}

.memb-info-text {
    transform: skew(22deg);
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    color: #fff;
}

.memb-info-text h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
}

.memb-info-line {
    width: 40px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}

.memb-info-text p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.memb-social li a {
    color: #fff;
    text-decoration: none;
    outline: none;
    transition: all 0.3s ease 0s;
}

.memb-social li a:hover,
.memb-social li a:active,
.memb-social li a:focus {
    color: #2b2b2b;
    outline: none;
}


/* Services */

div.module.roof-service-parallax {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/about-services-bg.jpg');
    padding: 75px 0px;
}

.roof-service-parallax .section-desc h1.section-heading,
.roof-service-parallax .section-desc p.section-text {
    color: #fff;
}


/* Contact Page */

.contact-title {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/contact-title-bg.jpg');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

#contact-us {
    padding: 90px 0px;
}

#contact-us .seperator {
    margin-left: 60px;
    margin-right: 0px;
}

#contact-us .section-desc p.section-text {
    padding: 0px;
}

.roof-form-cont {
    margin-top: 50px;
}

.roof-contact-form input {
    height: 45px !important;
}

.roof-contact-form .form-control {
    background-color: #f7f7f7 !important;
    color: #2b2b2b !important;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d7d7d7 !important;
}

.roof-contact-form::-webkit-input-placeholder {
    /* Chrome */
    color: #d5d5d5;
}

.roof-contact-form:-ms-input-placeholder {
    /* IE 10+ */
    color: #d5d5d5;
}

.roof-contact-form::-moz-placeholder {
    /* Firefox 19+ */
    color: #d5d5d5;
    opacity: 1;
}

.roof-contact-form:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #d5d5d5;
    opacity: 1;
}

.roof-contact-form .form-control.error {
    -webkit-box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;
    -moz-box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;
    box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;
}

.roof-contact-form .red-button:hover {
    background: #2b2b2b;
    color: #fff;
}

.contact-info {
    /*padding-top: 198px;*/
}

.contact-info-line:after {
    width: 52px;
    height: 2px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 25px;
    content: "";
}

.contact-info h4 {
    font-size: 30px;
    font-weight: 300;
    color: #2b2b2b;
    margin-top: 0px;
    margin-bottom: 0px;
}

.contact-info p {
    line-height: 1.6em;
    margin: 0px;
}

.contact-info p,
.contact-info a {
    font-size: 14px;
    font-weight: 400;
    color: #636363;
}

.contact-info .contact-media {
    margin-top: 58px;
}

.contact-info .media-left {
    vertical-align: middle;
    padding: 0px 20px;
}

.contact-info .media-left i.fa {
    font-size: 20px;
}

.contact-info .media-body {
    padding: 20px 15px 20px 0px;
}

.contact-info .address-media i.fa,
.contact-info .address-media p {
    color: #fff;
}

.contact-info .email-media,
.contact-info .phone-media {
    margin-top: 0px;
    background: #f7f7f7;
}

.contact-info .email-media {
    border-bottom: 1px solid #e5e5e5;
}

.contact-info .email-media a {
    text-decoration: none;
    outline: none;
    transition: all 0.3s ease 0s;
}

.roof-contact-form .red-button input.wpcf7-submit,
.our-form .red-button input.wpcf7-submit {
    height: auto !important;
    background: none;
    border: none;
    transform: skew(22deg);
    outline: none;
    text-transform: uppercase;
}

.roof-contact-form .red-button img.ajax-loader,
.our-form .red-button img.ajax-loader,
.roof-contact-form .red-button br,
.our-form .red-button br {
    display: none;
}

.our-form .red-button {
    float: right;
}

.widget ul.bcd-contact-list.has-icons li {
    background: #f7f7f7;
    padding: 20px 30px;
    border-bottom: 1px solid #e5e5e5;
}

.widget ul.bcd-contact-list.has-icons li {
    padding: 20px 30px 20px 60px;
}

.widget ul.bcd-contact-list.has-icons li,
ul.bcd-contact-list.has-icons li a {
    font-size: 14px;
    font-weight: 400;
    color: #636363;
}

.widget ul.bcd-contact-list.has-icons li:last-child {
    border-bottom: none;
    color: #fff;
}

.widget ul.bcd-contact-list.has-icons li .fa {
    font-size: 20px;
    top: 20px;
    left: 20px;
    line-height: 1;
    width: auto;
}
.footer-detail ul.bcd-contact-list.has-icons li {
    background: none !important;
    color: #dadada !important;
    padding: 20px 20px 20px 40px;
    border-bottom-color: #333;
}

.footer-detail ul.bcd-contact-list.has-icons li a {
    color: #a8a8a8 !important;
}

.footer-detail ul.bcd-contact-list.has-icons li a:hover {
    color: #fff !important;
}

.footer-detail ul.bcd-contact-list.has-icons li i.fa {
    color: #fff;
    left: 7px;
}

.footer-detail .widget ul.bcd-contact-list.has-icons li:last-child i {
    color: #fff !important;
	left: 14px;
}
.widget ul.bcd-contact-list.has-icons li:last-child i {
    color: #fff !important;
	left: 25px;
}

/* Location Page */

.location-title {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/location-title-bg.jpg');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}


/*#location-search-form {
	padding: 35px 0px 55px;	
}*/

.location-form {
    padding: 35px 0px 55px !important;
}

#location-form .form-group {
    width: 80%;
}

#location-form .form-control {
    width: auto !important;
}

#location-form label {
    width: 15%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

#location-form .form-control {
    width: 84% !important;
}

#location-form .input-bottom-line {
    left: 15.5%;
    transition: width 0.5s ease 0.2s;
}

#location-form .form-control:focus ~ .input-bottom-line {
    width: 84%;
}

#location-cities {
    padding: 90px 0px;
}

#location-cities ul {
    margin-top: 0px;
    column-count: 4;
    -webkit-column-count: 4;
    -moz-column-count: 4;
}

#location-cities ul li {
    padding-left: 1px;
}

#location-cities ul li a {
    color: #636363;
    padding-left: 0px;
    transition: all 0.1s ease 0s;
}

#location-cities ul li a:hover {
    padding-left: 3px;
}

#location-cities .seperator {
    margin-left: 60px;
    margin-right: 0px;
}

#location-cities ul li.disable a {
    cursor: default;
    text-decoration: none;
    pointer-events: none;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
}

#location-cities ul li.disable a:hover {
    padding-left: 0px;
    cursor: default;
    color: #636363;
}


/* sub seperator */

div.vc_separator.sub-seperator {
    width: 52px;
    height: 2px;
    display: inline-block;
    margin: 25px 0px;
}

div.vc_separator.sub-seperator .vc_sep_holder {
    display: none;
}


/* sub seperator */


/* News Page */


/* Latest News Page */

.news-title {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/news-title-bg.jpg');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

#latest-news-section {
    padding: 0px;
}

#latest-news-section .news-holder {
    margin-top: 0px;
    position: relative;
    margin-bottom: 50px;
}
#latest-news-section .news-holder .news-container {
    padding-bottom: 0px;
    margin-bottom: 50px;
}
.news-text-heading i{
	margin-left:15px;
	font-size: 17px;
	display: inline-block;
}
.news-button {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: inline-block;
	height: auto;
}
li.pingback{
	margin-bottom:40px;
}

.latst-news-text {
    margin-top: 0px;
	padding:0px 0px;
}
.latst-news-text p.readmore_btn {
    display: inline-block;
    margin-top: 0px;
    transform: skew(-22deg);
    background-color: #da1c22;
    color: #fff;
    padding: 5px 15px;
    margin-left: 8px;
	border:2px solid transparent;
	transition:0.3s all linear;
}
.latst-news-text .readmore_btn a.news-read-more {
    transform: skew(22deg);
    display: inline-block;
    color: #fff;
}
.latst-news-text p.readmore_btn:hover {
    background-color: transparent !important;
    border-color: #da1c22;
}
.latst-news-text p.readmore_btn:hover a.news-read-more {
    color: #da1c22;
}
article.post:first-child .search_page .latst-news-text {
    margin-top: 0;
}

.latst-news-text h3.news-text-heading {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #424242;
}
.latst-news-text h3 a {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    color: #424242;
}

.latst-news-text p,
.news-text-desc {
    font-size: 14px;
    font-weight: 400;
    color: #636363;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.latst-news-text a {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #636363;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.latst-news-text .news-text-heading a:hover {
    color: #da1c23;
}

/* pagination */

.pagination-cont {
    border-top: 1px solid #e5e5e5 !important;
    margin-bottom: 20px;
}

.pagin nav.pagination .page-numbers li {
    display: inline-block;
}

.pagin nav.pagination .page-numbers li a,
.pagin nav.pagination .page-numbers li > span {
	background: transparent;
	border-radius: 0px;
	border: none;
	color: #424242;
    padding: 6px 12px;
	font-weight: 400;
	font-size: 14px;
	display: inline-block;	
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	transition:all 0.3s ease 0s;
}
.pagin nav.pagination .page-numbers li a span, 
.pagin nav.pagination .page-numbers li span span {
	display: inline-block;
	transform: skew(15deg);
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
    width: auto;
    position: inherit;
}

.pagin nav.pagination .page-numbers span {
    width: auto;
    position: inherit;
    background: none;
}

.pagin nav.pagination .page-numbers li:first-child a,
.pagin nav.pagination .page-numbers li:last-child a {
	border-radius: 0px;
	font-weight: 500;
}

.pagin nav.pagination .page-numbers li a:hover,
.pagin nav.pagination .page-numbers li a:active,
.pagin nav.pagination .page-numbers li a:focus,
.pagin nav.pagination .page-numbers li>span:hover,
.pagin nav.pagination .page-numbers li>span:active,
.pagin nav.pagination .page-numbers li>span:focus {
	background: #da1c23;
	color: #fff;
}

.pagin nav.pagination .page-numbers li:first-child a:hover,
.pagin nav.pagination .page-numbers li:last-child a:hover {
	background: #424242;
	color: #fff;
}

.pagin nav.pagination {
    position: relative;
    margin-bottom: 0px;
    font-size: inherit;
    border-top: 1px solid #e5e5e5 !important;
    z-index:2;
}

.search .pagin nav.pagination {
    border: none !important;
}

nav.post-navigation {
    position: relative;
    margin-bottom: 0px;
    font-size: inherit;
    border-bottom: 1px solid #db1c23 !important;
    border-top: 1px solid #db1c23 !important;
    z-index: 2;
    clear: both;
}

nav.post-navigation h2.screen-reader-text,
.pagin nav.pagination h2.screen-reader-text {
    display: none;
}

nav.post-navigation .nav-links > div {
    width: 50%;
    padding: 15px;
    float: left;
}

nav.post-navigation .nav-links > div.nav-next {
    text-align: right;
}

nav.post-navigation .nav-links {
    margin: 0 -15px;
}

nav.post-navigation .nav-links:after {
    content: "";
    display: block;
    clear: both;
}


.pagin nav.pagination ul.page-numbers {
    margin: 20px 0 0;
}


/* Latest News Page */

/* Comment Form */

h3#reply-title {
    margin: 60px 0 20px;
}

form#commentform p.comment-notes {
    margin-bottom: 20px;
    font-size: 15px;
}

form#commentform input,
form#commentform textarea,
form#commentform select {
    display: block;
    width: 100%;
    background-color: #f7f7f7 !important;
    color: #2b2b2b !important;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d7d7d7 !important;
    margin-bottom: 20px;
    padding: 6px 12px;
    outline: none;
    height: 45px;
}

form#commentform textarea {
    height: 180px;
}

form#commentform label {
    font-weight: 500;
    color: #666;
    margin-bottom: 10px;
}

form#commentform p.form-submit {
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
	margin-left:8px;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
}

form#commentform p.form-submit:after {
content: "";
    /* height: 111px; */
    top: 0;
    position: absolute;
    right: -6px;
    bottom: 0;
    width: 3.5px;
    transition: all 0.3s ease 0s;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;

}

form#commentform p.form-submit input {
    display: block;
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    transform: skew(22deg);
    width: auto;
    padding: 0 5px;
    height: auto;
    margin: 0;
    background: none !important;
    border: none !important;
    color: #fff !important;
}

form#commentform p.form-submit:hover,
form#commentform p.form-submit:active,
form#commentform p.form-submit:focus {
	color: #fff;
	text-decoration: none;
	outline: none;
    background: #2b2b2b;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
}
form#commentform p.form-submit:hover:after {
	background: #2b2b2b;
	right: -1px;
}

/* Comments list */

div.comments-area h2.comments-title {
    font-size: 24px;
    margin: 0 0 30px;
}

div.comments-area h2.comments-title span {
    font-size: 20px;
    font-style: italic;
}

div.comments-area ol {
    list-style-type: none;
}

div.comments-area ol.comment-list article {
    padding-bottom: 40px;
    position: relative;
    padding: 20px 40px;
    background: #f5f5f5;
}

.comment-author img {
    width: 60px;
    height: 60px;
    margin: 0 20px 10px 0;
    border-radius: 50%;
}

.comment-author b.fn {
    font-size: 18px;
    text-transform: uppercase;
    color: #1a1a23;
}

.comment-metadata {margin: 5px 0;font-size: 14px;font-style: italic;}

p.comment-awaiting-moderation {
    font-size: 14px;
    font-style: italic;
}

div.comments-area .reply {
    position: absolute;
    right: 24px;
    top: 40px;
    font-size: 14px;
}

div.comments-area .reply a {
    font-weight: 600;
}

div.comments-area ol.comment-list ol.children article {
    background: #e5e5e5;
    padding-left: 86px;
}

/* News Detail Page */

#detail-page {
    padding: 90px 0px 60px;
}

.detail-info-cont {
    margin-top: 30px;
    margin-bottom: 30px;
}

.detail-info-cont h2 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 400;
    color: #424242;
}

.detail-info-button {
    margin-bottom: 20px;
}

.detail-info-cont p {
    font-size: 15px;
    line-height: 1.5em;
    color: #636363;
    margin-bottom: 10px;
    font-weight: 400;
}


/*page sidebar */

.page-sidebar .widget {
    margin-bottom: 30px;
}

.page-sidebar .widget:last-child {
    margin-bottom: 20px;
}

.page-sidebar h3.widget-title {
    font-size: 18px;
    font-weight: bold;
    color: #424242;
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.page-sidebar h3.widget-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background: #da1c23;
}

.page-sidebar .widget_nav_menu li {
    padding: 0 !important;
    border: none;
    margin: 0;
}

.roofing-service-list li a,
.page-sidebar .widget_nav_menu li a {
    padding: 20px 15px;
    display: inline-block;
    background: #ececec;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
    color: #636363;
    width: 100%;
    transition: all 0.3s ease 0s;
    margin: 0;
}

.roofing-service-list li a:hover,
.page-sidebar .widget_nav_menu li a:hover {
    background: #da1c23;
    color: #ffffff;
}

.sidebar-news a,
.page-sidebar li a,
.page-sidebar .widget_recent_entries li a {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    color: #636363;
    margin-bottom: 0px;
    margin-top: 5px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.sidebar-news a:hover,
.page-sidebar li a:hover,
.page-sidebar .widget_recent_entries li a:hover {
    color: #da1c23;
}

.page-sidebar li a.rsswidget {
    font-size: 16px;
    font-weight: 600;
}

span.post-date {
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.page-sidebar span.rss-date {
    color: #525252 !important;
    font-size: 12px !important;
    margin: 5px 0px 15px;
    display: block;
}

.page-sidebar .rssSummary {
    font-size: 14px;
    line-height: 1.5;
}

.page-sidebar cite {
    font-size: 14px;
    color: #444;
    margin: 5px 0 0;
    display: block;
}

.sidebar-flicker li {
    margin-bottom: 15px;
}

.detail-sep-line {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #ececec;
    margin-bottom: 30px;
}

.page-sidebar input,
.page-sidebar select,
.page-sidebar textarea {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background: #f7f7f7 !important;
    color: #2b2b2b !important;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d7d7d7 !important;    
}

label {
    margin-bottom: 15px;
    color: #666;
}

table#wp-calendar {
    width: 100%;
}

.page-sidebar li {
    padding: 15px 0px;
    border-bottom: 1px solid #d7d7d7;
    margin-left: 0px;
}

.page-sidebar li:last-child {
    padding: 15px 0 0px;
    border: none;
}

.page-sidebar li:first-child {
    padding: 0px 0 15px;
}

.tagcloud {
    margin: 0 -5px;
}

.tagcloud a {
    background: #ececec;
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px 10px;
}

.tagcloud a {
    font-size: 12px;
    color: #636363;
    text-decoration: none;
}

.tagcloud a:hover {
    background: #da1c23;
    color: #fff;
}

#sidebar img {
    height:auto;
    margin: 5px 0;
}



/*page sidebar */


/* Service Page */

.service-page-title {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/service-title.jpg');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

#service-page {
    padding: 90px 0px 30px;
    overflow: hidden;
}

#service-page img {
    border: 2px solid #e0e0e0;
}

.rf-image {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rf-image .bottom-overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    bottom: 0;
    left: 0;
    min-height: 50%;
    position: absolute;
    width: 100%;
}

.rf-image h4 {
    color: #fff;
    bottom: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0 15px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
}

.mix {
    display: none;
}

.controls {
    margin-bottom: 50px;
}

.mix {
    margin-bottom: 30px;
}

.mix p {
    margin: 30px 0px;
    color: #000000;
    font-size: 14px;
    line-height: 22px;
}

.mix .red-button {
    margin: 0 0 30px 15px !important;
}

.mix .red-button:hover,
.mix .red-button:active,
.mix .red-button:focus {
    background: #1a1a23 none repeat scroll 0 0;
    color: #ffffff;
    outline: medium none;
    text-decoration: none;
    transition-delay: 0s;
}

.mix .red-button:hover::after {
    background: #1a1a23;
    right: -1px;
}

.controls button {
    font-size: 14px;
    padding: 8px 22px;
    display: inline-block;
    text-shadow: none;
    outline: none;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 8px;
    background: transparent !important;
    border-width: 1px ;
    border-style: solid;
    -moz-transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -o-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
    transition: all 0.3s ease 0s;
}

.controls button:last-child {
    margin-right: 0px;
}

.controls button span {
    display: inline-block;
    -moz-transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -o-transform: skew(22deg);
    -ms-transform: skew(22deg);
    transform: skew(22deg);
}

.controls button.active,
.controls button:hover,
.controls button:focus {
    /*outline: none;
	color:#fff !important;
	font-size:16px;
	padding:8px 22px;
	display:inline-block;
	text-shadow: none;
	font-weight:400;*/
    color: #ffffff !important;
    /*-moz-transform:skew(-22deg);
    -webkit-transform:skew(-22deg);
    -o-transform:skew(-22deg);
    -ms-transform:skew(-22deg);
    transform:skew(-22deg);
	border:1px solid #da1c22;*/
}


/* service detail page */

.services-detail-title {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/services-detail-title-bg.jpg');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

#services-detail {
    padding: 100px 0px;
}


.services-left img {
    border: 2px solid #e0e0e0;
}

.services-right h1 {
    margin: 0px;
    font-size: 30px;
    font-weight: 300;
    color: #424242;
}

.services-right p {
    color: #636363;
    font-size: 14px;
    line-height: 25px;
}

ul.detail-list {
    margin-top: 40px;
}

ul.detail-list li {
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 500;
    line-height: 33px;
}

.detail-list > li::before {
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    margin-right: 10px;
}

#detail-boxes {
    margin: 65px 0px;
}

div.detail-boxes {
    background: #f6f6f6;
    padding: 35px 30px;
    border: 1px solid #e0e0e0;
}

div.detail-boxes .vc_column-inner {
    padding: 0;
}

.detail-boxes h1,
.detail-text h1 {
    margin: 0px;
    font-weight: 400;
    color: #2b2b2b;
    font-size: 18px;
}

.detail-boxes .sub-seperator,
.detail-text .sub-seperator {
    margin: 15px 0px;
}

.detail-boxes p,
.detail-text p {
    color: #636363;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}


/* Work Page */

.work-page-title,
.work-detail-title {
    background-image: url('https://controlgarage.com/wp-content/themes/garage-door/images/work-page-title.jpg');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

#work-page {
    padding: 90px 0px 80px;
}

.rf-image {
    overflow: hidden;
}

#work-page .rf-image img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.3s ease 0s;
}

.work-overlay {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.0);
    text-align: center;
    position: absolute;
    transition: all 0.3s ease 0s;
}

.work-overlay-button {
    /*background: rgba(255,255,255,0.8);*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -60px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}

.work-overlay-button a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    margin-right: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    outline: none;
    position: relative;
    transform: scale(0) rotate(380deg);
    -webkit-transform: scale(0) rotate(380deg);
    -moz-transform: scale(0) rotate(380deg);
    transition: all 0.3s ease 0s;
    /*transition-delay: 0.3s;*/
}

.work-overlay-button a i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    margin-top: -10px;
    margin-left: -10px;
}

.work-overlay-button a:last-child {
    margin-right: 0px;
}

.work-overlay-button a:hover {
    color: #da1c23;
    border-color: #da1c23;
}

#work-page .rf-image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.rf-image:hover .work-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.rf-image:hover .work-overlay-button {
    /*top: 50%;*/
    /*background: rgba(255,255,255,0);*/
}

.rf-image:hover .work-overlay-button a {
    background: rgba(255, 255, 255, 0);
    transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
}


/* Work detail page */

#work-detail {
    padding: 90px 0px;
}

#work-detail #detail-text {
    margin-top: 50px;
}

#detail-text h1 {
    font-size: 30px;
    color: #424242;
    font-weight: 300;
}

/* 404 Page 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section#wrng_pg {
    padding: 90px 0;
}

h2.lrg_titl {
    font-size: 160px;
    text-shadow: -2px 4px 0px #8c1115;
    margin: 0 0 50px;
    font-weight: 500;
}

h3.sub_titl {
    margin-bottom: 30px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
}

section#wrng_pg p.desc {
    font-size: 14px;
    margin-bottom: 30px;
    text-transform: inherit;
}
section#wrng_pg .red-button:hover, section#wrng_pg .red-button:hover.red-button:after {
    background: #2b2b2b !important;
    color: #fff !important;
}


/*visual composer style overwrites */

.wpb_wrapper .wpb_button,
.wpb_wrapper .wpb_content_element,
.wpb_wrapper ul.wpb_thumbnails-fluid>li {
    margin: 0;
}

div.vc_col-has-fill>.vc_column-inner,
div.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
div.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
div.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
div.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
div.vc_row-has-fill>.vc_column_container>.vc_column-inner,
div.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
div.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}

.vc_custom_heading {
    margin: 0;
}


/*Custom Css*/

aside#secondary {
    display: none;
}

.entry-footer {
    display: none;
}

div.wpcf7-validation-errors {
    display: none !important;
}

.tp-caption.border_title strong,
.tp-caption.border_title b {
    color: #eee !important;
    font-weight: 900 !important;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.post-password-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{
    height: 38px;	
}
.post-password-form input[type="button"], input[type="reset"], input[type="submit"]{
	    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}
input[type="submit"].wpcf7-submit{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
.wpcf7-form .red-button{padding-right:0px;}
div.wpcf7-mail-sent-ng {
    border-style: solid ;
    border-width: 2px ;
    background-color: #fff;
    position: relative;
    z-index: 99;
    top: -50px;
}
#comments{
	margin-top: 42px;
}
#respond{
	margin-bottom: 60px;
}
div.comments-area>.children>.reply{
	right: 12px;
}

.breadcrumb>li+li:before {
	display: none;
}
.seprator{
	margin: 0px 10px;
}
.comment-content{
	padding-top: 20px;
}
body.logged-in>.wrapper>.navbar-fixed{
	margin-top: 0px;
}
@media only screen and (max-width: 480px) {
.navigation {
    position:relative;	
}

}
.single .content-area { padding-top: 140px; }
.single .content-area { padding-top: 60px; }
.content-area{padding-top:20px;padding-bottom:0px;}
.search .content-area{padding-top:60px;padding-bottom:80px;}
.archive-page{padding-top:100px;padding-bottom:50px;}
.home #primary.content-area{
	padding-top:0px !important;
}
#wpcf7-f4-p18-o1 input[type='submit'].wpcf7-submit{
	padding:10px 20px;
}
.roofer-welcomebox p{
    font-size: 16px;
    font-weight: 400;
    color: #636363;
    line-height: 1.7em;
    margin-top: 10px;
}
.roofer-welcomebox h1{
	color: #2b2b2b;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
}
.roofer-welcomebox img{
	max-width:100%;
	margin-bottom: 15px;
}
.roofer-welcomebox2 h1{
	color: #2b2b2b;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 0;
}
.roofer-welcomebox2 .media-left{
	padding-right:40px;
}
/**************Slide Form***************/

.slider-form.our-form .form-control {
    background-color: #fff;
    color: #444 !important;
}
.slider-form.our-form  textarea.form-control{
    height: 78px;
}
.slider-form.our-form p, .slider-form-2.our-form p {
    margin: 12px 0px !important;
}
.slider-form-2.our-form .form-control{
    background-color: transparent;
    color: #fff !important;
    border-color: #959595;
}
.slider-form-2.our-form .form-control::-webkit-input-placeholder{
color: #fff !important;
}
.slider-form-2.our-form  textarea.form-control{
    height: 94px;
}
.slider-form-2 button.red-button.bgcolor {
    margin: 0px !important;
    width: 100%;
}
.slider-form-2 input.wpcf7-form-control.wpcf7-submit {
    text-align: center !important;
    width: 94%;
    display: inline-block;
    background-color: transparent !important;
}
@media(max-width:767px){
.slider-form-2.our-form .form-control{
border-color: #959595;
    height: 15px;
    border: 1px solid !important;
}
.slider-form-2.our-form textarea.form-control {
    height: 17px;
}
.slider-form.our-form p, .slider-form-2.our-form p {
    margin: 6px 0px !important;
}
.slider-form-2 button.red-button.bgcolor{
    padding: 0px !important;
}
}