/*
 Theme Name: Boardwalk Theme

 Theme URI: https://www.websitebrush.com/

 Author: WebsiteBrush

 Author URI:

 Description: Boardwalk Custom Theme.

 Version: 1.0

 License: GNU General Public License



 -------------------------------------------------------------- */


/* Reset


 -------------------------------------------------------------- */

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

ul,
li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

body,
p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 48px;
}
body{overflow-x:hidden;}
.menu-bar .navbar {
    padding: 0px;
}

.head-contact {
    background: #4169e1;
    padding: 7px 15px;
}

.head-contact img {
    display: inline-block;
    margin-right: 10px;
}

.head-contact span {
    line-height: 20px;
    float: right;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px 0px;
}

.head-contact a {
    display: block;
    font-weight: 900;
    color: #fff;
    font-size: 18px;
}

#menu-main-menu li a {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 15px;
}

#menu-main-menu li a {
    position: relative;
}

.nav-link.active,
.nav-link.active::before,
#menu-main-menu li:hover a {
    color: #fff !important;
}


.menu-bar .container {
    position: relative;
}


.page .banner-head,.single-project .banner-head {
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 115px 0px;
}
.page .inner-text,.single-project .inner-text {
    background: #c4fd10;
    position: relative;
    
    padding: 20px 0px 10px 15px;
    min-width: 310px;
}
.page .inner-text h1,.single-project .inner-text h1{
    font-size: 40px;
    margin-bottom: 0px;
    line-height: 40px;
}
.page .inner-text ul li,.single-project .inner-text ul li{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -.5px;
}
.page .inner-text ul li a,.single-project .inner-text ul li a{
    color:#333;
}.page-id-17 .row > .vc_col-sm-12 {
    padding-bottom: 0px;
}
.profile-list h3 {
    color: #4169e1;
    font-size: 32px;
}
.profile-list h4::after {

    content: "";
    border: 1px solid #002d56;
    position: absolute;
    bottom: -5px;
    left: 10px;
    width: 60px;
    right: 0;
    display: block;

}
.profile-list h4::before {

    content: "";
    border: 1px solid #4169e1;
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 60px;

}
.profile-list p {
    font-size: 14px;
    line-height: 18px;
}.profile-list ul {
    margin-bottom: 30px;
}.profile-list ul li::before {
    content: "";
    background: url(https://www.loyalbuildersltd.com/wp-content/uploads/2020/10/check.png);
    position: absolute;
    width: 22px;
    height: 17px;
    left: -35px;
}.profile-list p:last-child {
    color: #215a89;
    font-weight: 700;
    font-size: 16px;
}.profile-list p:last-child a {
    font-weight: 500;
    color: #215a89;
}
.profile-list ul li {
    position: relative;
    margin-left: 35px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
}
.profile-list h4 {

    font-weight: 300;
    font-size: 34px;
    color: #4169e1;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;

}
@media(min-width: 768px) {}
.menu-item-has-children:hover .dropdown-menu {
    display: block;
    padding: 0px;
    background: royalblue;
}#menu-main-menu li:hover .dropdown-menu a:hover {
    background: #000;
}
body .dropdown-menu .dropdown-item::before {
    display: none !important;
}.dropdown-menu {
    border: 0px !important;
    border-radius: 0px !important;
}.dropdown-menu a {
    padding: 5px 10px !important;
}
.nav-link.active::before,
#menu-main-menu li:hover a::before {
    background: #4169e1;
    color: #fff !important;
    content: "";
    position: absolute;
    top: -70px !important;
    height: 100px;
    width: auto;
    z-index: -1;
    right: 0px;
    left: 0px;
}.page .inner-text,.single-project .inner-text {
   
    top: 100px;
}
    .team .vc_col-sm-6:last-child .profile-list {
    padding-left: 75px;
    width: 82%;
}
.team .vc_col-sm-6:first-child .profile-list {
    padding-right: 75px;
    width: 82%;
    float: right;
}
.team .vc_col-sm-6  .vc_column-inner {
    padding: 0px!important;
}
    .page .banner-head ,.single-project .banner-head {
    min-height: 395px;
}
    .home .banner-head {
        background-size: cover;
        min-height: 800px;
        background-position: left;
        position: relative;
        padding: 210px 0px 120px 0px;
    }
    .home .banner-head .txt-banner {
        position: relative;
    }
    .txt-banner h2 {
        color: #4169e1;
        font-size: 34px;
        font-weight: 400;
        margin-bottom: 10px;
        line-height: 36px;
        margin-left: 5px;
    }
    .txt-banner h1 {
        color: #4169e1;
        font-weight: 900;
        letter-spacing: 4px;
        font-size: 80px;
        line-height: 100%;
    }
    .txt-banner span {
        color: #4169e1;
		line-height:42px;
        font-size: 36px;
        letter-spacing: 4px;
        margin-bottom: 20px;
        display: inline-block;
        margin-left: 5px;
    }
    .txt-banner p {
        color: #333333;
        font-size: 16px;
        width: 50%;
        margin-left: 10px;
    }
    .menu-bar .container {
        position: relative;
    }
    .menu-bar .navbar.navbar-expand-md {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9;
    }
    .home-abt .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner {
        padding: 0px;
    }
    .home-abt {
        margin: 0 auto;
        position: relative;
        margin-top: -100px;
    }
    .home-abt .vc_col-sm-6:first-child>.vc_column-inner>.wpb_wrapper {
        padding-right: 10%;
        padding-left: 5%;
    }
    .home-year .vc_col-sm-6:last-child > .vc_column-inner > .wpb_wrapper {
    position: relative;
    top: -80px;
}.home-year{
    overflow: visible!important;
}
.home-year h1 strong {
    font-size: 300px;
    color: #c4fd10;
    letter-spacing: -12px;
}
.home-year .wpb_text_column h2 {
    font-size: 98px;
    color: #fff;
    margin: 10px 0px;
    display: inline-block;
    letter-spacing: -2.5px;
}

.owner .vc_col-sm-6:last-child {
    width: 45%;
    padding-left: 5%;
}


}
.single-project .vc_custom_heading.all-head.blue {
    margin-top: 35px;
}
@media(max-width: 480px){
    .txt-banner h1 {
    font-size: 42px;
}
.txt-banner {
    width: 100%;
    padding: 0px 15px;
}.txt-banner h2 {
    font-size: 24px;
}.home-abt .wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
    padding: 0px 15px;
}.home-abt .vc_custom_heading.all-head.white {
    margin-top: 40px;
}.home-abt {
    padding: 30px 0px 0px;
}.navbar-brand img {
    max-height: 75px;
    width: auto;
}body .profile-list {
    padding: 15px 15px !important;
}
body .profile-list h3 {
    color: #4169e1;
    font-size: 28px;
}.project-list.row .content-project p {
    font-size: 15px;
}.project-list.row .col-sm-4 {
    padding-left: 0px;
    padding-right: 5px;
}.project-list.row {
    padding: 0px !important;
    margin: 0px;
}
body .testimonials_item {
    width: auto;
}
body .testimonials .col-sm-6:nth-child(2n) .testimonials_item{
    float: none;
}
.profile-list p:last-child a {
     word-wrap: anywhere;}
    body .contact-head .vc_column-inner {
    padding: 10px 15px !important;
    width: 96%;
    margin: 0 auto;
}body .contact-head ul li br {
    display: none;
}body .contact-head ul li img {
    float: left;
    margin-right: 10px;
    height: 35px;
}body .contact-head ul li {
    display: flex}
    body .contact-head ul {
    padding: 15px 0px;
}.contact-head .vc_col-sm-4 > .vc_column-inner h3 {
    font-size: 26px;}
   body footer h3 {
    color: #fff;
    font-size: 42px;
}body .row > .vc_col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
}
body .vc_custom_heading.all-head {
    font-size: 36px !important;
}
body.page .banner-head, body.single-project .banner-head {
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 45px 0px;
}
body.page .inner-text ul li, body.single-project .inner-text ul li {
    font-size: 14px;
  }
body.page .inner-text h1, body.single-project .inner-text h1 {
    font-size: 24px;
}
    body.page .inner-text, body.single-project .inner-text {
     min-width: 249px;
    }
    body .navbar-brand {
    width: 75%;
}
}
@media(max-width: 767px){
    body .home-year h1,.home-year .wpb_text_column h2{
        display: block;
        line-height: 100%;
        text-align: center;
        }.home-serv .wpb_single_image {
    position: relative;
    margin-bottom: 30px !important;
    display: inline-block;
}
    body .foo-contact li {
    display: block;
    margin-bottom: 15px;
    margin-right: 0px;
}body .foo-contact li:last-child{
    float: none;
    margin-bottom: 0px;
}

    .head-contact {
    display: none !important;
}
    .row > .vc_col-sm-12{
        width: 100%;
    }
    .navbar.navbar-expand-md .head-contact {
    display: none;
}
.home-year h1 strong {
    font-size: 150px;
    color: #c4fd10;
    letter-spacing: -2.5px;
}
.home-year .wpb_text_column h2 {
    font-size:48px;
    color: #fff;
    margin: 10px 0px;
    display: inline-block;
    letter-spacing: -2.5px;
}	body .all-serv ul li,
	body .all-serv ul li:nth-child(2n){width: 100% !important;margin-left:0px !important;display:inline-flex;line-height: 26px;}
	body .all-serv ul li img{height:20px;top:15px}
	body .project-list.row .content-project p{margin-bottom:5px}
	body .project-list.row .content-project{position:relative;height:auto;}
	body footer h3{font-size:30px !important;}
	body .nav-link.active, .nav-link.active::before,body #menu-main-menu li:hover a{color:#333 !important;}
}
.home-year h1 {
    font-size: 70px;
    color: #fff;
    line-height: 27px;
    letter-spacing: -2px;
}
.home-year .vc_col-sm-6:last-child > .vc_column-inner > .wpb_wrapper .wpb_single_image {
      -webkit-box-shadow: 0px -10px 30px -20px rgba(51,51,51,0.8);
    -moz-box-shadow: 0px -10px 30px -20px rgba(51,51,51,0.8);
    box-shadow: 0px -10px 30px -20px rgba(51,51,51,0.8);
}

.home-abt .vc_col-sm-6:first-child>.vc_column-inner {
    background-position: left !important;
    background-size: cover !important;
    padding: 0px 30px !important;
}

.txt-banner a {
    background: #c4fd10;
    color: #333;
    padding: 12px 30px 6px 30px;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 32px;
    font-weight: 700;
}

.txt-banner a:hover, .all-btn .vc_btn3:hover{
    background: #4169e1!important;
    color: #fff!important;
}

.row>.vc_col-sm-12 {
    padding: 50px 0px;
}

.home .row>.vc_col-sm-12 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.vc_custom_heading.all-head.white::after {
    content: "";
    border: 1px solid #fff;
    position: absolute;
    bottom: -5px;
    left: 15px;
    width: 60px;
}

.vc_custom_heading.all-head.white::before {
    content: "";
    border: 1px solid #fff;
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 60px;
}

.vc_custom_heading.all-head.blue::after {
    content: "";
    border: 1px solid #002d56;
    position: absolute;
    bottom: -5px;
    left: 10px;
    width: 60px;
    right: 0;
    display: block;
    margin: 0 auto;
}

.vc_custom_heading.all-head.blue::before {
    content: "";
    border: 1px solid #002d56;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 60px;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.vc_custom_heading.all-head.blue {
    text-transform: capitalize;
}

.vc_custom_heading.all-head {
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
}

.txt-para h3 {
    color: #fff;
    font-size: 20px;
    letter-spacing: .5px;
}

.txt-para p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    width: 95%;
}

.all-btn .vc_btn3 {
    background-image: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 16px 30px 12px 30px !important;
    border: 0px !important;
}

.all-btn {
    margin-top: 20px;
    display: inline-block !important;
    margin-bottom: 0px;
}

.vc_custom_heading.all-head.blue {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.home-serv .wpb_single_image:hover h2 {
    cursor: pointer;
    background: #c4fd10;
    color: #333;
}
.home-serv .wpb_single_image h2 {
    position: absolute;
    bottom: 0px;
    color: #fff;
    letter-spacing: -1.5px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    left: 0;
    right: 0;
    background: #002d56;
    padding: 20px 0px 0px;
    margin: 0px;
    min-height: 59px;
}

.home-serv .wpb_single_image {
    position: relative;
}
.home-serv .wpb_single_image:hover {
    cursor: pointer;
}
.home-year .wpb_single_image h2 {
    position: absolute;
    background: #fff;
    color: #333;
    font-size: 18px;
    text-align: left;
    padding: 10px 30px;
    bottom: -60px;
    margin: 0px;
    font-weight: 400;
}.home-year .wpb_single_image {
    position: relative;
   
}
/*Footer*/

footer {
    padding: 50px 0px;
}

footer,
.copy_right.text-center {
    background: #002d56;
}

.copy_right.text-center {
    border-top: 1px solid #194166;
}

.copy_right.text-center p {
    margin: 0px;
    color: #ffffff;
    font-size: 14px;
    opacity: .3;
    padding: 15px 0px;
    line-height: 100%;
}

footer h3 {
    color: #fff;
    font-size: 60px;
}

.foo-contact li {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    margin-right: 15px;
}

.foo-contact li img {
    margin-right: 10px;
}

.foo-contact li a {
    color: #fff;
}

.foo-contact li:last-child {
    float: right;
}

.foo-contact li:last-child img {
    margin-left: 15px;
}


.single-project .row > .vc_col-sm-12 {
    padding-bottom: 0px;
    padding-top: 20px;
}.single-project {
    background: url(https://www.loyalbuildersltd.com/wp-content/uploads/2020/10/contact-bg.jpg);
}

.mapgrey{-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.project-list .project img {
    max-width: 100%;
}
img
{

    max-width: 100%;
}
.project-list.row .content-project {
    background: #fff;
    padding: 10px 15px;
    height: 75px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;

            transition:all 0.3s ease;
}
.project-list.row .project{
    position: relative;
}
.project-list.row .project:hover .content-project {
    background: #002d56;
    overflow: visible;
    height: 110px;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    width: 100%;
}.project-list.row .project .content-project p{font-size:16px}
.project-list.row .project .content-project a{ color: #c4fd10;}
.project-list.row .project:hover .content-project a {
    color: #c4fd10;
    font-weight: 700;
    font-size: 20px;
	text-decoration:none;
}.project-list.row .project:hover .content-project h3, .project:hover .content-project p {
    color: #fff;
    margin-bottom: 2px;
}

.project-list.row .content-project h3 {
	text-decoration:none;
    margin: 0px;
    color: #4169e1;
    font-size: 24px;
    font-weight: 700;
}
.single-project .owl-nav {
    position: absolute;
    top:38%;
    width: 100%;
}.single-project .owl-nav .fa {
    background: #4169e1;
    color: #fff;
    padding: 15px 15px;
}
.single-project .owl-prev{
	
}
.single-project .owl-next {
    float: right;
}
.single-project .owl-nav .fa:hover {
    background: #c4fd10;
    color: #333;
}
@media(min-width:1170px)
{
	.projgallery{left:15px !important;}
}
.wpcf7-response-output {
    margin-top: 0px !important;
    color: #fff;
}
.project-list .project img {
    max-width: 100%;
}.project-list.row .col-sm-4 {
    margin-bottom: 35px;
}.single-project .owl-carousel .owl-item img {
   
}
.project-list.row .content-project a{
	text-decoration:none;
}
.single-project .owl-carousel .owl-item .fancybox {
    display: block !important;
}
.fancybox-content {
    padding: 0px !important;
}

.navbar-brand img {
    height: 130px;
    width: auto;
    position: absolute;
    top: 0px;
}
.txt-para h3 {
    text-transform: uppercase;
    font-size: 26px;
}
.txt-banner span {
    font-weight: 700;
    text-transform: uppercase;
}
.home .banner-head::before {
    content: "";
    background-color: rgba(255, 255, 255, 0.61);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
}.copy_right.text-center p {
    color: #fff !important;
    opacity: .9;
}#myModal .modal-title {
    text-align: center;
    display: block;
    width: 100%;
}#myModal .close {
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 12px;
    font-size: 40px;
    font-weight: 100;
    color: #000;
    opacity: 1 !important;
    top: 0px;
}.modal-header {
    padding: 5px 0px;
}.modal-body label {
    display: block;
    margin-bottom: .5rem;
}.modal-body .wpcf7-form-control.wpcf7-select {
    width: 100% !important;
    float: none !important;
    background: #f7f7f7;
    padding: 10px 10px !important;
}

@media(max-width:767px){
	header {
    display: none;
	}.txt-banner p {
    width: auto;
    margin: 0px;
}.home-serv .wpb_single_image.wpb_content_element {
    width: 85%;
    margin: 0 auto;
        margin-bottom: 0px;
    display: block;
}.home-year .vc_col-sm-6:last-child > .vc_column-inner > .wpb_wrapper .wpb_single_image {
    top: 40px;
}
	body.home .banner-head {
    background-size: cover;
		min-height: 550px;}
	body .txt-banner span {
    margin: 0px;
    font-size: 18px;
    line-height: 26px;
}.txt-banner span br {
    display: none;
}
}.page-id-404 .wpcf7-form .col-sm-12 .row {
  padding: 0px 20px !important;
}