/**** Global Css ****/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
body { padding:0px; margin:0px; position:relative; background:#fff; }
ul { padding:0px; margin:0px; list-style-type:none; line-height:initial;  }
a { -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration:none; }
a:hover { -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration:none; }
a:focus { text-decoration:none; background-color:none; outline:inherit; }
.btn { color: #fff; padding: 19px 48px; border-radius: 0; font-family: 'Josefin Sans'; font-size: 14px;background-color: rgb(158, 143, 41); border: none; height: 55px; }
.btn:hover { border: none; box-shadow: none; background-color: rgb(172, 156, 46); }
h2 { font-family: 'Righteous', cursive; font-size: 44px; }
h4 { font-size: 22px;  font-family: 'Josefin Sans';  }
h3 { font-size: 40px; text-transform: uppercase; color: #21110d;   font-family: 'Josefin Sans'; text-align: center; padding-bottom:30px ;}
P { font-family: 'Josefin Sans'; font-size: 16px; }
p.title { text-align: center; padding-bottom: 50px;}
.news-btn { display: inline-flex; margin-bottom: 0px !important; height: 57px !important;}
img { max-width: 100%; margin: 0px; padding:  0px;}

/******* Section wilshire-header *******/
.wilshire-header { background: #fff; color: #f1f1f1; position: relative; z-index: 999; box-shadow: 0px 0px 6px 2px #cfcfcf;}
.wilshire-header .navbar-brand img { max-width: 300px; visibility: visible; }
.wilshire-header .nav-item a {font-weight: 800;  color:#21110d; font-size: 1.4rem; position: relative; padding: 1rem 1.5rem !important; font-family: 'Josefin Sans'; visibility: visible;  }
.wilshire-header .nav-item a:hover { color: rgb(10, 74, 38);  }
.wilshire-header .navbar { align-items: inherit;  z-index: 9999; position: relative;  }
.wilshire-header .navbar-expand-lg .navbar-collapse { flex-flow: row-reverse; align-items: inherit; padding-top: 1.3rem; }
.wilshire-header .navbar-nav .nav-item .nav-link:after  { position: absolute; left: 0; top: 3rem; width: 0; height: 3px; background-color:rgb(10, 74, 38); content: ""; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.wilshire-header .navbar-nav .nav-item .nav-link:hover:after { width: 100%; }
.sticky { position: fixed; top: 0; width: 100%; background: #fff; box-shadow: 0px 0px 6px 2px #cfcfcf; }

/******* Section wilshire-banner *******/
.wilshire-banner .carousel-caption { top: 31%; background: #212529; height: 237px; bottom: 48%; width: 30%; }
.wilshire-banner .carousel-caption h1 { font-size: 44px; font-family: 'Righteous', cursive;  color: #fff;}
.wilshire-banner .carousel-caption span { font-size: 22px; top: 3rem; position: relative; font-family: 'Righteous', cursive; }

/******* Section wilshire Welcome *******/

.welcome { padding: 96px 15px 0 15px; background-color: #fff; text-align: center;}
.welcome p.imagine { font-family: 'Righteous', cursive; color: #000; font-size: 54px; line-height: 65px; padding-bottom: 89px;}
  
/******* Section wilshire-about-us *******/
.wilshire-about-us { padding: 6rem 0 ; background: #f5f5f5;}
.wilshire-about-us .wilshire-ab-txt { align-self: center; }
.wilshire-about-us .wilshire-ab-txt h4 {  margin-bottom: 24px; color: rgb(27, 27, 27); }
.wilshire-about-us .wilshire-ab-txt p { font-size: 16px; color: rgb(94, 94, 94); font-family: 'Josefin Sans';}

/******* Section wilshire-gallery *******/ 
.wilshire-gallery { padding: 6rem 0 0 0;}
.wilshire-gallery .load-more { margin-top: 50px; text-align: center; }
.demo-gallery > ul { margin-bottom: 0;}
.demo-gallery > ul > li { float: left; margin-bottom: 15px;}
.demo-gallery > ul > li a { border: 3px solid #FFF; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left;}
.demo-gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%;}
.demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; }
.demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }
.demo-gallery > ul > li a .demo-gallery-poster > img {left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;}
.demo-gallery > ul > li a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%;}
.demo-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1;}
.demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s;}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); }
.demo-gallery .video .demo-gallery-poster img {height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px;}
.demo-gallery.dark > ul > li a { border: 3px solid #04070a;}

/******* Section wilshire-newsletter *******/ 
.wilshire-newsletter {position: relative; background-image:url("../images/news-bg.jpg"); padding: 3rem 0; margin-top: 3rem; background-size: cover; background-repeat: no-repeat; }
.wilshire-newsletter .overlay { position: absolute; background: #000; top: 0; left: 0; opacity: 0.6; height: 100%; width: 100%;}
.wilshire-newsletter h2 { color: #fff; margin-bottom: 3rem; }
.wilshire-newsletter p {  color: #fff; }
.wilshire-newsletter .form-control { display: inline-flex; width: 100%; border: none; background-color: rgba(22, 22, 22, 0.5); color: #fff; font-family: 'Josefin Sans'; border-bottom: 4px solid #fff; padding: 23px 16px 7px 16px; border-radius: 0; font-size: 14px; }

.wilshire-newsletter .form-group { width: 60%; margin: 0px auto; text-align: left; display: inline-flex; }
.wilshire-newsletter .form-group ul { width: 100%; }
.wilshire-newsletter .form-group ul li { margin-bottom: 7px; }
.wilshire-newsletter .form-control::-webkit-input-placeholder { color: #fff; opacity: 1; }
.wilshire-newsletter .form-control::-moz-placeholder { color: #fff; opacity: 1; }
.wilshire-newsletter .form-control::-ms-input-placeholder { color: #fff; opacity: 1; }
.wilshire-newsletter .form-control::placeholder { color: #fff; opacity: 1; }

/******* Section wilshire-contact-us *******/ 
.wilshire-contact-us { margin: 5rem 0 0 0; }
.wilshire-contact-us h2 { color: rgb(10, 74, 38); letter-spacing: 4px; margin-bottom: 40px; }
.wilshire-contact-us h4 {margin-bottom: 24px;} 
.wilshire-contact-us p { margin-bottom: 24px; }
.wilshire-contact-us p a { color:  rgb(10, 74, 38); text-decoration-line: underline; margin-bottom: 24px; }
.wilshire-contact-us .wilshire-cont-num a { text-decoration-line: none; }
.wilshire-contact-us .btn { margin: 40px 0; }

/******* Section wilshire-footer *******/ 
.wilshire-footer { background-color: #000000; padding: 2rem 0 1rem 0; }
.wilshire-footer p { color: rgb(145, 145, 145); }
.wilshire-footer p a { color: rgb(158, 143, 41); }

/******* Section wilshire-Buttonss Style *******/
a.hvr-sweep-to-left { z-index: 11;  font-size: 12px; text-transform: uppercase; font-weight: 700; cursor: pointer; letter-spacing: 2px; padding: 20px 50px; display: inline-block; margin-top: 20px; margin-bottom: 40px; font-family: 'Josefin Sans'; background-color: #0a4a26; }
a.send { background-color: #00aced;  }
.hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
[class^="hvr-"] { margin: .4em; padding: 1em; cursor: pointer; background: #e1e1e1; text-decoration: none; color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #036e32b0; -webkit-transform: scaleX(0); transform: scaleX(0);
-webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;  }
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; text-decoration: none; }
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/******* (Page_Contact-US_Wilshiretree) Section COntact-S Style *******/
.martin-contact { padding: 20px 0; }
.wilshire-contact-us hr { width: 21% !important; border-top: 2px solid #0a4a26; margin-bottom: 36px; margin-top: 7px; }

/******* POPUP Form Style *******/
input[type=text], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin: 10px 0; resize: vertical; }
.error{ color: #ff0000; display: block; }

/******* media quiries starts here *******/ 
@media (max-width: 991px) {
 .navbar-toggler { background-color: #0a4a26; border: 1px solid #000000; border-radius: .25rem; border-radius: 0; height: 40px; margin-top: 1.5rem; }
 .navbar-toggler-icon { background-color: #fff; height: 1px; display: flex; margin: 0.5rem 0px; }
 .wilshire-gallery #rig li { width: 22%; }

}

@media (max-width: 767px) {

    #rig li { width:33.33%; }
    .navbar-toggler { background-color: #0a4a26; border: 1px solid #000000; border-radius: .25rem; border-radius: 0; height: 40px; margin-top: 1.5rem; }
    .navbar-toggler-icon { background-color: #fff; height: 1px; display: flex; margin: 0.5rem 0px; }
    .wilshire-about-us .wilshire-ab-txt h4 { margin-top: 3rem; }
    .wilshire-gallery #rig li { width: 21%; }
    .wilshire-newsletter .form-group { width: 100%; }
    .wilshire-banner .carousel-caption { top: 10%; display: inline !important; }
    .wilshire-banner .carousel-caption h1 { font-size: 36px; }
}

@media (max-width: 575px) {
    .wilshire-about-us { padding: 1rem 0; }
    .wilshire-header .nav-item a { text-align: center; font-size: 15px;}
    .welcome { padding: 60px 15px 0 15px;}
    .welcome p.imagine { padding-bottom: 54px; }
    .wilshire-about-us .flex-sm-column-reverse {flex-direction: column-reverse!important; }
    #rig li { width:50%; }
    .wilshire-banner .carousel-caption { top: 0%; }
    .wilshire-footer p { font-size: 10px; }
    .wilshire-footer { padding: 3rem 0; }
    .wilshire-header .navbar-brand img { max-width: 150px; }
    .navbar-toggler { margin-top: 0rem; }
    .wilshire-header { padding: 1rem 0; }
    .wilshire-banner .carousel-caption h1 { font-size: 15px; }
    .wilshire-banner .carousel-caption span {font-size: 14px; top: 1rem; }
    .wilshire-gallery #rig li { width: 43%; }
    .wilshire-newsletter .btn { padding: 19px 15px; font-size: 12px; }

}