html,body {
margin:0;
font-size:100%;
background:#fff;
font-family:'Poppins',sans-serif;
scroll-behavior:smooth
}

body a {
text-decoration:none;
transition:.5s all;
-webkit-transition:.5s all;
-moz-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all
}

a:hover {
text-decoration:none
}

input[type=button],input[type=submit],input[type=text],input[type=email],input[type=search] {
transition:.5s all;
-webkit-transition:.5s all;
-moz-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all;
font-family:'Poppins',sans-serif
}

h1,h2,h3,h4,h5,h6 {
margin:0;
letter-spacing:1px;
font-weight:700
}

p {
font-size:.9em;
color:#8c9398;
line-height:2em
}

ul {
margin:0;
padding:0
}

.header-top_w3layouts {
padding:0 .5em
}

.top-bar-w3layouts {
border-bottom:1px solid rgba(221,221,221,0.18)
}

.top-right-info li span {
color:#fff;
width:30px;
height:30px;
line-height:2.2;
font-size:14px;
text-align:center;
border-radius:50%;
transition:.5s all;
-webkit-transition:.5s all;
-moz-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all
}

.top-right-info li span.fa-facebook-f {
background:#3b5998
}

.top-right-info li span.fa-twitter {
background:#1da1f2
}

.top-right-info li span.fa-google-plus {
background:#F44336
}

.top-right-info li span.fa-dribbble {
background:#ea4c89
}

.top-right-info li span:hover,.top-w3layouts p a:hover {
opacity:.8;
transition:.5s all;
-webkit-transition:.5s all;
-moz-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all
}

.top-right-info li {
display:inline-block
}

.header-top_w3layouts p,.header-w3layouts p,.top-w3layouts p {
font-size:14px;
display:inline-block;
color:#fff;
letter-spacing:1px
}

.top-w3layouts p a:hover,.w3l-footer ul li a:hover {
opacity:.7
}

a.login-button-2 {
letter-spacing:1px;
font-size:12px;
background:#341f97;
padding:11px 20px;
border-radius:40px
}

.top-right-info li p {
color:#fff
}

header {
position:absolute;
z-index:9;
width:100%
}

.toggle,[id^=drop] {
display:none
}

nav {
margin:0;
padding:0
}

#logo a {
float:left;
font-size:.8em;
text-transform:capitalize;
display:initial;
margin:0;
letter-spacing:1px;
color:#fff;
font-weight:300
}

#logo a span {
color:#30c39e
}

nav:after {
content:"";
display:table;
clear:both
}

nav ul {
float:right;
padding:0;
margin:0;
list-style:none;
position:relative
}

nav ul li {
margin:0;
display:inline-block;
float:left
}

nav a {
color:#fff;
font-weight:300;
font-size:15px;
letter-spacing:1px;
padding:10px 0
}

nav ul li ul li:hover {
background:#f8f9fa
}

nav a:hover {
color:#00cec9
}

.menu li.active a {
color:#00cec9
}

nav ul ul {
display:none;
position:absolute;
top:30px;
background:#fff;
padding:10px
}

nav ul li:hover > ul {
display:inherit
}

nav ul ul li {
width:170px;
float:none;
display:list-item;
position:relative
}

nav ul ul li a {
color:#333;
padding:5px 10px;
display:block
}

nav ul ul ul li {
position:relative;
top:-60px;
left:170px
}

li > a:only-child:after {
content:''
}

@media all and (max-width: 768px) {
#logo {
display:block;
padding:0;
width:100%;
text-align:center;
float:none
}

nav {
margin:0
}

.toggle + a,.menu {
display:none
}

.toggle {
display:block;
padding:8px 20px;
font-size:15px;
text-decoration:none;
border:none;
float:right;
background-color:#fff;
color:#fff;
cursor:pointer
}

.menu .toggle {
float:none;
text-align:center;
margin:auto;
width:80%;
padding:5px;
font-weight:400;
font-size:16px;
letter-spacing:1px
}

.toggle:hover {
color:#333;
background-color:#fff
}

[id^=drop]:checked + ul {
display:block;
background:rgba(16,16,16,0.85);
padding:15px 0;
text-align:center
}

nav ul li {
display:block;
width:100%;
padding:5px 0
}

nav ul ul .toggle,nav ul ul a {
padding:0 40px
}

nav ul ul ul a {
padding:0 80px
}

nav a:hover,nav ul ul ul a {
background-color:transparent
}

nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a {
padding:14px 20px;
color:#FFF;
font-size:17px
}

nav ul li ul li .toggle,nav ul ul a {
background-color:#212121
}

nav ul ul {
float:none;
position:static;
color:#fff
}

nav ul ul li:hover > ul,nav ul li:hover > ul {
display:none
}

nav ul ul li {
display:block;
width:100%;
padding:0
}

nav ul ul ul li {
position:static
}

nav ul ul li a {
color:#fff;
font-size:.85em
}
}

@media all and (max-width: 330px) {
nav ul li {
display:block;
width:94%
}
}

.main-content {
background:url(../images/palmdale-banner.jpg) no-repeat center;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
min-height:48em;
position:relative
}

.layer {
background:rgba(0,0,0,0.43);
min-height:48em
}

.main-content.inner {
background:url(../images/palmdale-banner.jpg) no-repeat bottom;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
min-height:48vw;
position:relative
}

.banner-info-wthree p {
color:#fff;
letter-spacing:1px
}

.banner-info-wthree h3 {
font-size:2.3em;
letter-spacing:1px;
color:#fff;
margin:.7em 0;
text-transform:uppercase
}

.banner-info-wthree h2 {
color:rgba(255,255,255,0.47);
font-size:.9em;
text-transform:uppercase;
font-weight:300;
letter-spacing:9px
}

.banner-info-wthree a:hover {
background:#00cec9;
color:#fff;
border:transparent
}

.banner-info-wthree {
margin:0 auto;
text-align:center;
padding-top:16em;
position:relative
}

.img-effect img {
padding:10px;
background:#f6f6f9
}

.icon-scroll {
position:absolute;
bottom:-43%;
left:50%;
width:1em;
height:3.125em;
transform:translateX(-50%) scale(2);
z-index:1
}

.icon-arrows::after,.icon-arrows::before {
content:''
}

.icon-arrows span,.icon-arrows::after,.icon-arrows::before {
display:block;
width:.315em;
height:.315em;
border-right:1px solid rgba(255,255,255,.8);
border-bottom:1px solid rgba(255,255,255,.8);
margin:0 0 .125em .315em;
transform:rotate(45deg);
animation:mouse-scroll 1s infinite;
animation-direction:alternate
}

.icon-arrows::before {
margin-top:.315em;
animation-delay:.1s
}

.icon-scroll span {
animation-delay:.2s
}

.icon-arrows::after {
animation-delay:.3s
}

.icon-scroll .mouse {
height:1.375em;
width:.875em;
border:1px solid rgba(255,255,255,.8);
border-radius:2em
}

.icon-scroll .wheel {
position:relative;
display:block;
height:.1875em;
width:.1875em;
margin:.1875em auto 0;
background:rgba(255,255,255,.8);
animation:mouse-wheel 1.2s ease infinite;
border-radius:50%
}

@keyframes mouse-wheel {
0% {
opacity:1;
transform:translateY(0)
}

100% {
opacity:0;
transform:translateY(.375em)
}
}

@keyframes mouse-scroll {
0% {
opacity:0
}

50% {
opacity:.5
}

100% {
opacity:1
}
}

.pop-overlay {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.7);
transition:opacity 0;
visibility:hidden;
opacity:0;
z-index:99
}

.pop-overlay:target {
visibility:visible;
opacity:1
}

.popup {
background:#fff;
border-radius:5px;
width:35%;
position:relative;
margin:8em auto;
padding:3em 1em
}

.popup p {
font-size:15px;
color:#666;
letter-spacing:.5px;
line-height:30px
}

.popup h2 {
margin-top:0;
color:#fff
}

.popup .close {
position:absolute;
top:5px;
right:15px;
transition:all 200ms;
font-size:30px;
font-weight:700;
text-decoration:none;
color:#000
}

.popup .close:hover {
color:#30c39e
}

h3.tittle,h3.tittle.two {
font-size:2em;
letter-spacing:1px;
color:#3a3d40;
font-weight:700;
text-transform:uppercase
}

h3.tittle.two {
color:#fff
}

.sub-tittle {
font-size:.35em;
color:#00cec9;
font-weight:500;
letter-spacing:1px;
display:block;
text-transform:uppercase
}

.sub-tittle.two {
color:#fff
}

.feature-grids h3 {
font-size:1.2em;
font-weight:500;
letter-spacing:2px;
color:#212529
}

.feature-grids p {
margin:0;
color:#888;
line-height:28px
}

.feature-grids span {
font-size:1.5em;
vertical-align:middle;
width:60px;
height:60px;
line-height:2.5em;
margin:.5em 0;
border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
background:#fb4386;
color:#fff
}

.bottom-gd:hover,.bottom-gd2-active {
transition:2s all;
-webkit-transition:2s all;
-moz-transition:2s all;
-ms-transition:2s all;
-o-transition:2s all
}

.bottom-gd:hover span,.bottom-gd2-active span {
background:#00cec9;
transition:2s all;
-webkit-transition:2s all;
-moz-transition:2s all;
-ms-transition:2s all;
-o-transition:2s all;
color:#fff
}

.feature-grids span {
text-align:center
}

.stats {
background:#282b34;
padding:4em 0
}

.counter {
background:none;
padding:20px 0;
border-radius:0;
color:#fff
}

.count-title {
font-size:3em;
margin-top:10px;
margin-bottom:0;
text-align:center;
font-weight:600;
color:#fff
}

.count-text {
font-size:13px;
margin-top:10px;
margin-bottom:0;
text-align:center;
color:#fb4386;
font-weight:500
}

.fa-2x {
margin:0 auto;
float:none;
display:table;
color:#4ad1e5
}

.team-gd {
padding:2em;
background-color:#fff;
border:1px solid #ddd
}

.team-info h3 {
color:#515156;
margin-bottom:.8em;
font-size:1.2em;
font-weight:400;
letter-spacing:3px;
position:relative
}

.sub-tittle-team {
font-size:.67em;
color:#fb4386;
font-weight:600;
letter-spacing:2px;
display:block;
text-transform:uppercase
}

ul.team-icons li {
list-style:none;
display:inline-block;
margin-right:1em
}

ul.team-icons li a span {
color:#333;
text-decoration:none;
font-size:18px
}

ul.team-icons li a {
color:#333;
font-size:18px
}

.rsvp img {
background:#eaebec;
padding:.7em
}

ul.team-icons.new-inf li a,ul.team-icons.new-inf li span {
font-size:15px;
color:#666
}

ul.team-icons.new-inf li {
color:#666;
font-size:15px
}

.team-gd {
transition:2s all;
-webkit-transition:2s all;
-moz-transition:2s all;
-ms-transition:2s all;
-o-transition:2s all;
border:transparent
}

.team-gd img {
box-shadow:0 20px 40px -10px rgba(0,0,0,.3)
}

.team-img img {
border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
padding:10px;
background:#f6f6f9
}

.news-grids h4 {
font-size:1.35em;
font-weight:400;
letter-spacing:3px;
color:#fb4386;
position:relative
}

.news-grids p {
font-size:15px;
line-height:1.8em;
color:#777
}

.learn-link-bnr1 {
padding:12px 40px;
color:#fff;
font-weight:700;
letter-spacing:.25em;
font-size:14px;
background:#fb4386;
border:transparent;
text-transform:uppercase
}

.news-grids img {
border-radius:4px
}

section.news {
background:#f3f3f3;
position:relative
}

section.news img {
padding:10px;
background:#fff
}

section#gallery {
background:#00cec9;
position:relative
}

.gal-img img {
padding:10px;
background:#fff
}

section.contact {
background:#282b34;
position:relative
}

p.main_p4 {
color:#b1b4b9;
width:80%;
font-size:1em;
letter-spacing:.075em;
line-height:1.9em
}

.contact_grid_right input[type=text],.contact_grid_right input[type=email],.contact_grid_right textarea {
outline:none;
padding:15px;
font-size:14px;
color:#777;
background:#282b34ab;
width:100%;
letter-spacing:1px;
border:1px solid #5b5f6b;
border-radius:.25em
}

.contact_grid_right textarea {
min-height:13em;
margin:1em 0;
resize:none
}

.contact_grid_right input[type=submit],.contact_grid_right input[type=reset] {
outline:none;
padding:14px 0;
font-size:15px;
color:#fff;
background:none;
border:1px solid rgba(255,255,255,0.28);
width:30%;
letter-spacing:.25em;
border-radius:.25em;
-webkit-transition:.5s all;
-moz-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all;
transition:.5s all;
font-weight:700;
cursor:pointer;
text-transform:uppercase
}

.contact_grid_right input[type=submit],.contact_grid_right input[type=reset]:hover {
background-color:#00cec9;
border:1px solid #00cec9
}

ul.social_section_1info li {
display:inline-block
}

ul.social_section_1info li a {
width:50px;
height:50px;
text-align:center;
display:block;
line-height:50px;
border-radius:50%;
border:1px solid #d6d6d6
}

ul.social_section_1info a {
color:#999;
margin-right:30px;
font-size:22px
}

ul.social_section_1info a:hover {
color:#000
}

.cpy-right-w3layouts-pvt p {
letter-spacing:1px
}

.cpy-right-w3layouts-pvt p a {
color:#fb4386
}

.cpy-right-w3layouts-pvt p a:hover {
color:#999
}

.cpy-right-w3layouts-pvt.text-center.py-5 {
border-top:1px solid rgba(230,230,230,0.15)
}

#success-message {
opacity:0
}

.contact-top {
border-top:1px solid #3e3e3e;
padding:4em 0;
margin:4em 0
}

.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
padding:0 20%
}

.form-title {
padding:25px;
font-size:30px;
font-weight:300
}

.form-group .form-control {
-webkit-box-shadow:none;
border-bottom:1px;
border-style:none none solid;
border-color:#ffd708
}

.form-group .form-control:focus {
box-shadow:none;
border-width:0 0 2px;
border-color:#000
}

textarea {
resize:none
}

.btn-mod.btn-large {
height:auto;
padding:13px 52px;
font-size:15px
}

.btn-mod.btn-border {
color:#000;
border:1px solid #000;
background:transparent
}

.btn-mod,a.btn-mod {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:4px 13px;
color:#fff;
background:rgba(34,34,34,.9);
border:1px solid transparent;
font-size:11px;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000);
-moz-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000);
-o-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000);
-ms-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000);
transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000)
}

.btn-mod.btn-border:hover,.btn-mod.btn-border:active,.btn-mod.btn-border:focus,.btn-mod.btn-border:active:focus {
color:#fff;
border-color:#000;
background:#000;
outline:none
}

@media only screen and (max-width: 500px) {
.btn-mod.btn-large {
padding:6px 16px;
font-size:11px
}

.form-title {
font-size:20px
}
}

form#contact-form label {
color:#ea4335
}

label {
color:#000!important;
font-weight:600;
letter-spacing:.5px
}

.team-gd.test-grid {
padding:4em;
background:transparent
}

.team-gd.test-grid:hover {
background:#f0f3f3
}

.team-gd.test-grid img {
width:30%
}

.list-unstyled {
padding-left:0;
list-style:none
}

.contact_grid_left ul li i {
float:left;
font-size:16px;
color:#fff
}

.contact_grid_left ul li p span {
display:block
}

.contact_grid_left ul li p,.contact_grid_left ul li a {
color:#bfbfbf;
letter-spacing:1px
}

ul.list-unstyled li {
width:49%
}

.contact_grid_left h6 {
font-size:1em;
color:#fb4386;
margin-bottom:1em;
font-weight:500;
text-transform:uppercase
}

.contact_grid_left li i {
background:rgba(255,255,255,0.17);
width:40px;
height:40px;
text-align:center;
line-height:40px;
border-radius:50%
}

a.move-top span {
color:#fff;
width:34px;
height:34px;
border:1px solid rgba(74,77,86,0.8);
line-height:1.9em
}

.form-control {
background-color:#e2e2e2;
border:none
}

.map iframe {
width:100%;
border:7px solid #e4e4e4;
min-height:500px
}

@media(max-width:1366px) {
.icon-scroll {
bottom:-43%;
left:50%
}

.header-top_w3layouts p,.header-w3layouts p,.top-w3layouts p {
font-size:13px
}
}

@media(max-width:1080px) {
.main-content,.layer {
min-height:40em
}

.banner-info-wthree {
padding-top:14em
}
}

@media(max-width:1050px) {
.main-content,.layer {
min-height:40em
}

.featured-left {
margin-top:2em
}
}

@media(max-width:1024px) {
.banner-info-wthree {
padding-top:13em
}
}

@media(max-width:991px) {
.main-content,.layer {
min-height:36em
}

.banner-info-wthree {
padding-top:12em
}

.icon-scroll {
bottom:-29%;
left:50%
}

team-gd {
padding:1em 0
}

.gal-img {
margin-bottom:1em
}

.news-grids h4 {
font-size:1.2em;
letter-spacing:2px
}

.team-info h3 {
margin-bottom:.8em;
font-size:1.1em;
letter-spacing:2px
}

.team-gd.test-grid {
padding:2em 1em
}

.contact_top {
margin-top:2em
}

.team-gd {
padding:2em 0
}

.gal-img {
margin-bottom:1em;
float:left;
width:50%
}

.newsgrid1 {
float:left;
width:50%;
margin-bottom:1em
}

.contact_grid_right {
margin-top:2em
}

.contact_grid_right input[type=text],.contact_grid_right input[type=email] {
margin-bottom:1em
}

.contact_grid_right textarea {
margin-bottom:0
}
}

@media(max-width:800px) {
.banner-info-wthree {
padding-top:10em
}

.icon-scroll {
bottom:-45%;
left:50%
}
}

@media(max-width:768px) {
.banner-info-wthree h3 {
font-size:2em;
letter-spacing:1px;
color:#fff;
margin:.3em 0;
text-transform:uppercase
}
}

@media(max-width:736px) {
.main-co ntent,.layer {
min-height:38em
}

.banner-info-wthree h2 {
letter-spacing:6px
}

.contact-top {
padding:3em 0;
margin:0
}

.feature-grids h3 {
font-size:1.1em;
letter-spacing:1px
}

.popup {
background:#fff;
border-radius:5px;
width:70%
}
}

@media(max-width:667px) {
.banner-info-wthree h2 {
letter-spacing:4px
}

.banner-info-wthree {
padding:10em 2em 0
}

.learn-link-bnr1 {
padding:10px 30px
}

h3.tittle,h3.tittle.two {
font-size:1.8em
}

.team-gd {
padding:1.5em 0
}

p.main_p4 {
font-size:.85em;
letter-spacing:.075em;
width:100%;
width:100%
}

.icon-scroll {
bottom:-40%;
left:50%
}
}

@media(max-width:640px) {
.banner-info-wthree h2 {
font-size:.9em;
letter-spacing:3px
}

h3.tittle,h3.tittle.two {
font-size:1.8em
}
}

@media(max-width:480px) {
.banner-info-wthree {
padding:9em 1em 0
}

.banner-info-wthree h3 {
font-size:1.8em;
margin:.3em 0
}

h3.tittle,h3.tittle.two {
font-size:1.7em
}

.main-co ntent,.layer {
min-height:36em
}

.newsgrid1 {
float:left;
width:100%;
margin-bottom:1em
}

.popup {
width:90%
}
}

@media(max-width:414px) {
h3.tittle,h3.tittle.two {
font-size:1.6em
}

.banner-info-wthree {
margin:0 auto;
padding-top:6em
}

.banner-info-wthree h3 {
font-size:1.3em;
letter-spacing:1px;
margin:.3em 0
}

.main-content,.layer {
min-height:29em
}

.learn-link-bnr1 {
padding:10px 20px
}

.news-grids h4 {
font-size:1em;
letter-spacing:1px
}

.sub-tittle {
font-size:.55em
}

ul.list-unstyled li {
width:90%
}
}

@media(max-width:384px) {
h3.tittle,h3.tittle.two {
font-size:1.5em
}
}

@media(max-width:375px) {
h3.tittle,h3.tittle.two {
font-size:1.4em
}
}