/*
Theme Name:  samgarage
Description: Sam's Garage Doors Repair
Version: 1.0
Author: Pankaj
Author URI: https://devzeo.co/
Date: January 2024
*/
.logo-one {height: 65px;}
.service-area .section-title h2 {
  font-size: 32px;
}
.navbar-nav a, .section-title .sub-title, .banner-content .sub-text, .footer-item .footer-company ul li span {text-transform: uppercase !important;}
.service-item h3 {min-height: 60px;text-transform: capitalize;}
.service-item:hover h3 {color: #fff;}
.pt-80 {padding-top: 80px;}
.pt-90 {padding-top: 90px;}
.pb-90 {padding-bottom: 90px;}
.brand-slider:hover::after {background: transparent !important;}
.team-item img {
  height: 65px;
  width: auto !important;
}
.switch-box {
  display: none;
}
.footer-item .footer-company ul li span, .projects-area .section-title h2, .video-area .section-title h2, .common-btn, .team-area .section-title h2 {
  text-transform: capitalize;
}
.navbar-nav li:last-child a {
  margin-right: 0 !important;
}
.no-border {border: none !important;}
.video-btn img {
  height: 80px;
  margin-bottom: 12px;
}
.footer-logo {text-align: center;}
.m-inline li {display: inline-block !important;}
.m-inline li:first-child {margin-right: 10px;}
.m-inline p {margin: 5px;}
.footer-social {margin-top: 30px;}
.footer-social li {display: inline-block !important;}
.footer-social li:first-child {margin-right: 10px !important;}
.footer-social li a {
  background: transparent;
  height: 55px;
  width: 55px;
  line-height: 55px;
  border-radius: 50%;
  border: 2px solid;
  font-size: 24px;
}
.footer-item .footer-social li a:hover {
  color: #050706 !important;
  letter-spacing: 0;
  background: #fff;
  border-color: #fff;
}
.about-content.pl40 {padding-left: 40px;}
.pagination-area {margin-top: 40px;}
.contact-left {margin-top: 50px;}
.cn-icon {
  background-color: rgba(242, 101, 34, 0.12);
  text-align: center;
  height: 65px;
  width: 65px;
  line-height: 75px;
  border-radius: 50%;
}
.cn-icon i {
  color: #d80707;
  font-size: 25px;
}
.cn-details h4 {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: capitalize;
}
.cn-details p a {
  color: #565969;
}
.cn-details p a:hover, .cn-details p a:focus {color: #d80707;}
.cn-details {
  margin-bottom: 38px;
}
.contact-wrp .col-md-10:last-child p {
  margin-bottom: 3px;
}
#gform_fields_2 label, #gform_fields_1 label, .gfield_select span.current, .gfield_select:after{display:none;}
#gform_fields_2 input, #gform_fields_2 textarea, #gform_fields_2 Select, 
#gform_fields_1 input, #gform_fields_1 textarea, #gform_fields_1 Select, #field_1_5 Select, #field_2_7 Select,
#commentform textarea, #commentform input{height: 50px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    padding-left: 20px;
    font-size: 16px;
    -webkit-transition: 0.5s all ease; 
    transition: 0.5s all ease;box-shadow: none!important;text-align:left;line-height: 50px;width: 100%;}
    #commentform p{justify-content: left;
    align-items: start;
    display: flex;gap: 10px;}  
    #commentform textarea{min-height: 200px;
    width: 100%;}
    #commentform label{width: 100px;}
    #commentform{width:600px;}
    .comment-form-cookies-consent input{ width:50px!important;}
    .comment-form-cookies-consent label{ width:auto!important; }
    /*#gform_fields_1 input, #gform_fields_1 textarea, #gform_fields_1 Select{background:#fff!important;}*/
    #gform_fields_1 Select, #gform_fields_2 Select{display:block!important;}
    .port-pic{margin-bottom:20px;}
  .main-nav nav .navbar-nav .nav-item.current-menu-item a{color: #d80707;}
  .copyright-area .copyright-item{text-align:center!important;}
      #gform_submit_button_1{display: inline-block!important;
    width: 300px!important;
    margin: 0 auto;}
    #gform_submit_button_2, #gform_submit_button_1{
        border: 0;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    width: 100%;
    display: block;
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
    background-color: #d80707;
    font-size: 18px;
    }
    #gform_submit_button_2:hover, #gform_submit_button_1:hover{background-color: #050706;}   
  #commentform input#submit{
        border: 0;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    width: 100%;
    display: block;
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
    background-color: #d80707;
    font-size: 18px;text-align: center!important;}
    .blog-details-area .details-item .details-img img{margin-bottom: 20px;}
       .comment-respond{border-top: 1px solid #ededed;
    padding: 20px 0;
    margin-top: 20px;}
    #commentform input#submit:hover{background-color: #050706;}   
    .gform-theme--foundation .gform_fields{grid-row-gap:20px!important;}
    .page-numbers{display: block;
    color: #050706;
    border-bottom: 1px solid #d80707;
    border-radius: 5px;
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;display: inline-block;}
    .pagination-area .page-numbers:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    background-color: #d80707;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    border-radius: 5px;
}
    .pagination-area .page-numbers:hover, .pagination-area .page-numbers.current{
    color: #fff;
}
    .pagination-area .page-numbers:hover:before, .pagination-area .page-numbers.current:before {
     height: 100%; 
    opacity: 1;
    visibility: visible;
}
#commentform p.comment-notes{display: block;}
.gallery_sec{
  width:100%;
  padding:80px 0;
}
.heading{
  width:100%;
  text-align:center;
}
.heading h2{
  font-size:30px;
  font-weight:bold;
  border-bottom:2px solid #000;
  padding-bottom:25px;
}
.gallery_sec img{
  width:100%;
  margin-bottom:30px;
  height:250px;
}

.port-pic a {
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}


.port-pic a::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
  top:45%;
  left:50%;
  transform:translate(-50%, -50%);
}

.port-pic img {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.port-pic a:hover img {
    position: relative;
    width: 100%;
}

.port-pic a:hover img {
    opacity: 0.2;
}
       
.port-pic a:hover::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: url(assets/img/resize.png);     
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}
.fancybox-image{border: 2px solid #fff;
  border-radius: 4px;
}     
.service-item{height: 320px;}     
.pb10{padding-bottom: 100px;}  
.service-area.pt-100.pb-70.abt-serv .sub-title, .service-area.pt-100.pb-70.abt-serv .section-title h2 {color: #050706;}
.service-area.pt-100.pb-70.abt-serv .service-item::before {background-color: #f6f6f6;}
.service-area.pt-100.pb-70.abt-serv {background: transparent;}
.service-area.pt-100.pb-70.abt-serv .service-item:hover::before {background-color: #000;}
.pb-80 {padding-bottom: 80px;}
#commentform input, #commentform textarea {
  background-color: #fafafa;
  padding: 0 20px;
  display: block;
}
#wp-comment-cookies-consent {
  height: auto !important;
  margin-top: 20px;
  width: 20px !important;
  margin-right: 10px;
}
.comment-form-cookies-consent {
  line-height: 1.25;
  margin-bottom: 40px !important;
}
.blog-details-area .details-item .details-head {margin-bottom: 0 !important;}
#respond {padding-bottom: 0 !important;}
.gform-theme--framework ::placeholder {color: #112337 !important;opacity: 1;}
#gform_confirmation_message_2 {
  color: #050706;
  font-size: 18px;
  font-weight: 500;
}
input, textarea {border-radius: 0 !important;}
.error-page {
  text-align: center;
}
.error-page .page-title {
  font-size: 50px;
  text-transform: capitalize;
  margin-bottom: 40px;
}
.error-page .common-btn {
  margin-bottom: 0;
}
.yelp-wrap img{height:80px;width:auto;}
.faq-area-new-wrap.faq-area ul.accordion{max-width:100%!important;}
.page-title-area .title-content h1 {
	font-size: 50px;
	margin-bottom: 10px;
	color: #fff;
	position: relative;
	top: -4px
}
.page-title-area .title-content ul li{display: none;}
.feature-item p{min-height: 116px;}
.blog-area-three .blog-item-three .bottom h3{min-height: 72px;}
.faq-area{ max-width: 100%; width: 100%;}
/*=====================responsive css=====================*/
@media screen and (max-width: 992px){
    .contact-left {
    margin-top: 0;}
    .m-inline li:first-child {
    margin-right: 0;    margin-bottom: 0;
}
   .m-inline li:last-child {margin-bottom: 10px;}
   #commentform {width: 100%;}       
}
@media screen and (max-width: 991px){
    .container-fluid {max-width: 100% !important;}
    .header-top-area  .col-sm-5.col-lg-5 .right .contact-info {border-right: none !important;}
    .header-top-area .right .contact-info {
        display: inline-block !important;
        border-right: 1px solid #ddd !important;
        padding-right: 20px !important;
      }
    .header-top-area .right .social-info {
        display: inline-block !important;
        position: relative !important;
        top: 2px !important;
        margin-left: 10px !important;
      }
    .header-top-area .right {text-align: right !important;}
    .header-top-area .col-sm-5.col-lg-5 .right {text-align: left !important;}
    .feature-area .col-sm-6.offset-sm-3.offset-lg-0.col-lg-4 .feature-item.three {margin-top: 25px;}
    .about-area .about-content ul {display: block;}
    .service-area .common-btn, .blog-area-three .blog-right-btn {margin-bottom: 40px;}
  .ptb-100 {padding-top: 80px !important;padding-bottom: 80px !important;}
  .blog-area-three.pt-100.pb-70 {padding-bottom: 55px !important;padding-top: 70px !important;}
  .pt-100 {padding-top: 80px !important}
  .pb-70 {padding-bottom: 60px !important;}
  .pb-90 {padding-bottom: 80px;}
  .pt-90 {padding-top: 80px;}
  .service-item {margin-bottom: 45px;}
  .about-area {padding-bottom: 80px !important;}
  .feature-area .col-sm-6.col-lg-4 {width: 100%;margin-bottom: 30px;margin-left: 0;}
  .feature-area .col-sm-6.offset-sm-3.offset-lg-0.col-lg-4 .feature-item.three {margin-top: 0;}
  .banner-content h1 {font-size: 50px !important;}
  .about-area .about-content {margin-bottom: 60px !important;}
  .feature-area {padding-top: 80px !important;}
  .feature-area .col-sm-6.col-lg-4:last-child, .about-area.two .about-content {margin-bottom: 0 !important;}
  .about-content.pl40 {padding-left: 0 !important;}
  .page-title-area {padding: 80px 0 60px;}
}
@media screen and (max-width: 768px){
  .gform-theme--foundation .gfield--width-half {
    grid-column: span 12!important;}
}  
@media screen and (max-width: 767px){
  .skills-area .skills-content ul li p {max-width: 100%;}
  .service-area.pt-100.pb-70 .col-sm-6.col-lg-4, 
  .blog-area-three.pt-100.pb-70 .col-sm-6.col-lg-4 {width: 100%;}
  .blog-area-three.pt-100.pb-70 .col-sm-6.offset-sm-3.offset-lg-0.col-lg-4 {margin-left: 0 !important;}
  .service-item h3 {min-height: auto;}
  .service-item {height: auto;}
   .banner-content h1 {font-size: 45px !important;min-height: 162px;}
   .banner-content p {min-height: 108px;}
   .banner-area .owl-theme .owl-nav.disabled + .owl-dots {bottom: 85px !important;}
  .skills-area .skills-content {padding: 60px 25px 60px !important;}
  .section-title h2 {margin-bottom: 40px !important;font-size: 28px;}
  .team-item img {margin: 0 auto;}
  .page-title-area {height: auto !important;}
  .page-title-area .title-content {margin-top: 38px !important;}
  .about-area.two.three.ptb-100 {padding-bottom: 50px !important;}
}
@media screen and (max-width: 648px){
  .header-top-area .col-sm-7.col-lg-7, .header-top-area .col-sm-5.col-lg-5 {width: 100%;}
  .header-top-area .col-sm-7.col-lg-7 .right, .header-top-area .col-sm-5.col-lg-5 .right {text-align: center !important;}
}
@media screen and (max-width: 575px){
  .contact-wrp .col-sm-10{text-align: center;}
  .contact-wrp .col-sm-2 .cn-icon{margin: 0 auto;}  
  .contact-info.no-border {text-align: center;}
  .banner-area .owl-theme .owl-nav.disabled + .owl-dots {bottom: 65px !important;}
  .counter-area.pt-90.pb-90 .col-6.col-sm-4.col-lg-4 {width: 100%;}
  .counter-area.pt-90.pb-90 .col-6.col-sm-4.col-lg-4:nth-child(2) {margin: 35px 0;}
  .error-page .page-title {font-size: 40px;}
  .footer-logo img {height: 60px;}
}
@media screen and (max-width: 461px){
  .banner-content p {min-height: 136px;}
}
@media screen and (max-width: 426px){
  .banner-content p {font-size: 15px;}
  .banner-content h1 {font-size: 40px !important;}
}
@media screen and (max-width: 380px){
  .header-top-area .right .contact-info {display: block !important;padding-right: 0 !important;}
  .banner-content h1 {font-size: 38px !important;}
  .header-top-area .right .contact-info {border-right: none !important;}
}
@media screen and (max-width: 363px){
  .banner-content h1 {min-height: 183px;}
  .banner-content p {min-height: 163px;}
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////01.04.25////////////////////////////////*/

.feature-area .feature-item h3 {
    color: #fff;
}
.feature-area .feature-item.two h3 {
  color: #d80707;
}
.about-area .about-img img:nth-child(2) {
  filter: grayscale(100);
}
.video-area {
  background: #050706 !important;
}
footer {
  background-color: #050706 !important;
}
.copyright-area {
  border-top: 1px solid #565969 !important;
}
.footer-item .footer-company ul li, .footer-item .footer-company ul li a, .copyright-area .copyright-item p {
  color: #f6f6f6;
}
.mean-container .mean-nav ul li a {
  color: #565969;
  border-top: 1px solid #f6f6f6;
}
.go-top {
  z-index: 5;
}
/*about*/
.page-title-area {
  background-color: rgba(5, 7, 6, 0.85) !important;
}
.page-title-area:before {
  background: linear-gradient(90deg, rgba(216, 7, 7, 0.713036) 20%, rgba(216, 7, 7, 0.0529239) 59%) !important;
}
/*blog-details*/
.blog-details-area .details-head a {
    color: #d80707;
}
/*error-page*/
.error_page h2 {
  color: #fff !important;
}








/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////media////////////////////////////////*/

@media only screen and (max-width: 991px) {
  .mean-container .mean-bar {
    background-color: #050706 !important;
  }
  .navbar-nav {
    height: 342px !important;
  }
}

@media only screen and (max-width: 360px) {
  .quote-area #gform_1 #input_1_7 iframe, .help-area #gform_2 #input_2_9 iframe {
    width: 260px !important;
  }
  .quote-area #gform_1 #input_1_7 > div, .help-area #gform_2 #input_2_9 > div, 
  .quote-area #gform_1 #input_1_7, .help-area #gform_2 #input_2_9 {
    width: 260px !important;
  }
}