/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


@import url('https://fonts.googleapis.com/css?family=Staatliches');

/*
@font-face {
	font-family: 'Roboto', sans-serif;
	src:url('../fonts/SaintMarcheRough.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

*/

/*******************  Linearicons *************************/
.lnr {
  display: inline-block;
  fill: currentColor;
  width: 1em;
  height: 1em;
  vertical-align: -0.2em;
}

.lnr-chevron-right {
  color: #232323;
  /* We can use "color" for setting the color
  of the SVG because we set its "fill" to
  "currentColor" */
  font-size: 22px;
  /* We can use "font-size" for changing the size
  of the SVG because its width and height were
  set 1em.
  To get crisp results, use sizes that are
  a multiple of 20; because Linearicons was
  designed on a 20 by 20 grid. */
}



/* ========================================================== */
/* 			            Default Classes                       */
/* ========================================================== */

a {
	/* color: #177584; */
	cursor:pointer;
}

.btn {
	background: #1ba0b5;
	color: #ffffff;
	cursor:pointer;
}

.section-divider {
	position:relative;
	padding: 80px 0;
}

.alert {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.alert {
    position: fixed;
    transform: scale(0,0);
    padding: 6em;
    border: 0;
    background: white;
    box-shadow: 0px 0px 40px -6px #000;
    border-radius: 0;
    z-index: 1100;
    overflow: auto;
    justify-content: center;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}

.estimate-section-divider .alert, .estimate-section-divider .alert p {
    text-align: left;
    font-size: inherit;
}
.custom-show {
    position: fixed;
    transform: scale(1,1);
    border: 0;
    background: white;
    border-radius: 0;
    z-index: 1100;
    overflow: inherit;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}


/********* Set Timeout Function FadeDiv Styling **********/
.fadeDiv {
	position:fixed;
	display: inline-block;
	/* width:100%; */
	z-index:1050;
	color: #fff;
	background: #300e87;
	padding:50px;
	top:150px;
	bottom:150px;
	left:300px;
	right:300px;
	transform:scale(0,0);
	box-shadow: 0px 0px 20px -1px #000;
	transition:all .20s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.menu-scaler {
	position:fixed;
	display: inline-block;
	padding:50px;
	z-index:1050;
	/* background:red; */
	top:150px;
	bottom:150px;
	left:300px;
	right:300px;
	transform:scale(1,1);
}

.fadeDiv .fadeDiv-close {
	position:absolute;
	right: 20px;
	top: 10px;
	font-weight:900;
	font-size: 2em;
	font-family:'Lato';
	cursor:pointer;
}

.navbar-collapse ul {
	width:100%;
}

.overlay {
	height: 100%;
	width: 100%;
	background: rgba(4,2,0,0.72);
}

#myBtn {
    display: block; /* Hidden by default */
    width: 50px;
    height: 50px;
    position: fixed; /* Fixed/sticky position */
    top:100%; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #0da2b9; /* Set a background color */
    color: #ffffff;
    cursor: pointer; /* Add a mouse pointer on hover */
    font-size: 14px;
    padding-top: 0; /* Some padding */
    padding-bottom: 5px;
    border-radius: 50px; /* Rounded corners */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#myBtn i {
	color: white;
}
#myBtn:hover {
    background-color: #424242; /* Add a dark-grey background on hover */
    color:#fff;
}


/*******************  Jarallax Styling *************************/

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/* ========================================================== */
/* 			            Custom Navbar	                      */
/* ========================================================== */

.top-header {
	position:absolute;
	width:100%;
	z-index:1;
	padding:15px 0;
	background:#2f2f2f00;
}
#about .top-header, #services .top-header, #gallery .top-header, #contact .top-header {
	background: #152385;
	padding: 10px;
}
#about .navbar-scroll, #services .navbar-scroll, #gallery .navbar-scroll, #contact .navbar-scroll {
	background: #152385;
}


.top-header a,
.top-header i {
	color:#ffffff;
}

.navbar-scroll {
	padding:20px 0;
	position: absolute;
	background: transparent;
	margin-top:40px;
	width: 100%;
	z-index: 1;
}
.navbar-light .navbar-brand {
	color:#ffffff;
	font-size: 20px;
}
.navbar-light .navbar-nav .nav-link {
	font-size: 20px;
	padding: 0 12px;
	color: #ffffff;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav
.nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light
.navbar-nav .show>.nav-link {
	color: rgb(255, 255, 255);
	background-color: rgba(93, 173, 236, 0.52);
	text-transform:uppercase;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:rgb(21, 35, 133);
}

.navbar-collapse {
	height:100%;
}

.mobile-top-header {
	display:none !important;
}
.shrink {
	height: 85px;
	background-color: #f7f7f7;
	border: none;
	margin-top: 0;
}


.remove {
	display: none;
}
.small {
	height: 180px;
	width: 180px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	margin-left: 25px;
}
#contact .small {
	height:unset;
	width:unset;
	/* background-color: red; */
}
.mobile-menu {
    position: fixed;
    transform: scale(0,0);
    padding: 6em;
    border: 0;
    background: white;
    box-shadow: 0px 0px 40px -6px #000;
    border-radius: 0;
    z-index: 1100;
    overflow: auto;
    justify-content: center;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}



/* ========================================================== */
/* 			           HOME PAGE 		                      */
/* ========================================================== */

#home .estimate-section-divider {
	background:#e0e0e0;
	text-align:center;
}
iframe {
	/* border:none; */
	padding-top: -26px;
	margin-top: -101px;
}
#home .home-welcome-section {
	text-align: center; 
}
#home .estimate-section-divider, #about .estimate-section-divider, #services .estimate-section-divider {
	background-color: rgb(93, 173, 236);
	color: white;
	font-size: 1.3em;
}
#home .estimate-section-divider .btn, #about .estimate-section-divider .btn, #services .estimate-section-divider .btn {
	background-color: rgb(21, 35, 133);
}
#home .estimate-section-divider .btn:hover {
	background-color: rgb(55, 12, 73);
	color: white;
}
#home .home-welcome-section {
	font-size: 1.3em;
	background-color: #5dadec;
}
#home .purpleCaps {
	color: rgb(21, 35, 133);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.3em;
	text-shadow: 10px 5px 0px rgba(255, 255, 255, 0.47);
}
#home .fa-home {
	color:rgb(156, 56, 156);
	font-size: 1.5em;
}
#home .infoBox {
	background-color: rgb(0, 0, 0);
	color: white;
	padding: 3em;
	text-align: center;
}
#home .infoBox2 {
	background-color: white;
	color: rgb(0, 0, 0);
	padding: 3em;
	text-align: center;
	border-bottom:solid 1em;
}
#home .infoBox h2, .infoBox2 h2 {
	font-size: 2.8em;
	/* text-transform: uppercase; */
}
#home .infoBox div[class*='col']:nth-child(1) {
	font-size: 1.3em;
}
#home .warrantySection div[class*='row']:nth-child(2) {
	padding: 40px 5px;
	margin-top: 30px;
	bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	background-color: rgba(251, 255, 59, 0.55); 
}
/******* Cards Flip  */
#home .card-flips-section {
	padding: 40px;
}
#home .card-flips-section div[class*='flip-card'] h1{
	padding-top: 10px;
}

#home .card-flips-section div[class*='flip-card-back'] p {
	text-align: center;
	padding-top: 20px;
	font-size: 1.5em;
}
#home .card-flips-section div[class*='flip-card-back'] .btn {
	background-color: white;
	border-radius: 50%;
	color: rgb(34, 102, 153);
	font-size: 1.5em;
}
#home .warrantySection {
	padding: 40px;
}
#home .blueLine {
	border: 3px solid #152385;
	width: 60%;
	border-radius: 40px;
}
/*********Carousel Styling**********/
.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

/* ========================================================== */
/* 			           ABOUT PAGE                         	  */
/* ========================================================== */
#about .about-background {
	background: linear-gradient(to left, #9c00642e 20%, #ffffff00), url("../img/about-compressed.jpg") 0 no-repeat;
	background-size: cover;
	padding: 10em;
	color: white;
	text-align: center;
}
#about .historySection {
	padding: 1em;
	text-align: right;
	background-color: #d3d3d300;
}
#about .historySection p {
	font-size: 1.3em;
}
#about .fa-history {
	color: rgba(0, 44, 128, 0.6705882352941176);
	font-size: 2.8em;
}
#about .historySection div[class*='col-']:nth-child(2) {
	background-color: #1151ff70;
	padding: 38px;
	width: 100%;
	/* height: -webkit-fill-available; */
	box-shadow:#aebdca 2px 10px 3px;
}
#about .historySection div[class*='col-']:nth-child(1) img {
	background-color: #a252a269;
	box-shadow:#aebdca 2px 10px 3px;
	width: 100%;
	height: -webkit-fill-available0px;
}
#about .historySection {
	background: linear-gradient(to right, #00468030, white);
}
/* ========================================================== */
/* 			           SERVICES PAGE                          */
/* ========================================================== */
#services .services-background {
	background: linear-gradient(to left, #9c00642e 20%, #ffffff00), url(../img/services-compressed.jpg) 0 no-repeat;
	background-size: cover;
	padding: 10em;
	color: white;
	text-align: center;
}
#services .section-divider1 {
	background: linear-gradient(to right,rgb(128, 0, 128) 0%, rgba(255, 255, 255, 0.59)); 
	padding: 3em;
}
#services .section-divider1 h1{
	color: white;
}
#services .section-divider1 p {
	color: white;
}
#services .real-estate:hover {
-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
  background-color: white;
}
#services .property-management div[class*='col']:nth-child(2) img {
	width: 100%;
}
#services .services-background h1, #about .about-background h1, #gallery .gallery-background h1 {
	justify-content: center;
	align-items: center;
	align-self: center;
	align-content: center !important;
	text-align: center;
	font-size: 4.3em;
	margin-bottom: -50px;
	/* width: 50%; */
	width: 20p;
	/* display: flex; */
	background-color: #ffffff1c;
	text-shadow: 10px 5px 4px rgba(61, 61, 100, 0.85);
}
#services .servicesSection {
	padding: 4em;
}

#services .blueLine {
	border: 5px solid #152385;
	width: 50%;
	border-radius: 20px;
	margin-bottom: 4em;

}
#services .additionalServices li {
	list-style: none;
	padding: 1em;
	text-align: center;
	text-transform: capitalize;
}
#services .additionalServices li:hover {
	background-color:#152385bd;
	text-transform: uppercase;
	-webkit-transition-duration: 1s;
	margin: 4px;
	font-size: 1.2em;
	color: white;
}
#services .additionalServices {
	margin-bottom: 4em;
}
/********FIRST ROW*********/
#services .servicesSection div[class*='firstLeftBox']:nth-child(1)  {
	text-align:right;
	background-color: #3b6bbbc4;
	color: white;
	padding: 20px;
}

#services .servicesSection div[class*='firstRightBox']:nth-child(3) {

	text-align: right;
}
#services .servicesSection div[class*='firstRightBox']:nth-child(3) {
	text-align: left;
	background-color: #060606c2;
	color: white;
	margin-bottom: 2em;
	padding: 20px;
}
/* first row images*/
#services .servicesSection div[class*='row'] img {
	width: 100%;
	height: 70%;
	margin-top: 20%;
}

/*******SECOND ROW*******/
#services .servicesSection div[class*='secondLeftBox']:nth-child(1) {
	text-align: right;
	background-color: #060606c2;
	color: white;
	margin-top: 2em;
	padding: 20px;
}

#services .servicesSection div[class*='secondRightBox']:nth-child(3) {
	text-align: left;
	background-color: #3b6bbbc4;
	color: white;
	padding: 20px;
}
/* ========================================================== */
/*            GALLERY                               */
/* ========================================================== */
#gallery .gallery-background {
	background: linear-gradient(to left, #9c00642e 20%, #ffffff00), url("../img/gallery-compressed.jpg") 0 no-repeat;
	background-size: cover;
	padding: 10em;
	color: white;
	text-align: center;
}
.gallery-title-section {
padding: 50px 0 80px;
background:none;
}

#portfolio {
 display: flex;
 flex-wrap: wrap;
 /* flex-direction: column; */
 justify-content: center;
}
#portfolio li {
 display: initial;
 width: 375px;
 height: auto;
 position:relative;
 margin: 6px;
 overflow:hidden;
 /* -webkit-border-radius: 2px; */
 -moz-border-radius: 2px;
 /* border-radius: 2px; */
 /* -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25); */
 -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
 /* box-shadow: 1px 2px 2px rgba(0,0,0,0.25); */
}
#portfolio h2 {
text-align:center;
padding:50px 0;
}
#portfolio li a {
 display:block;
 background: #fff;
 width:100%;
 margin: auto;
 height: 250px;
 /* width: 395px; */
 overflow:hidden;
 position:relative;
 -o-transition:all .30s ease;
 -moz-transition:all .30s ease;
 -webkit-transition:all .30s ease;
 transition:all .30s ease;
}
#portfolio li a img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: 100%;
  height: inherit;
}
#portfolio li a:hover {
opacity:.8;
transform:scale(1.1);
}

.magnific-container {
padding:0 0 100px;
}
#gallery .photoSection {
	padding: 4em;
	text-align: center;
}
/* ========================== Gallery ZoomIn Effect ================================ */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}



/* ========================================================== */
/* 			           CONTACT PAGE                           */
/* ========================================================== */

.header-contact_info {
	font-size:1em;
	font-weight:400;
	color:#297cae;
	padding:0;
	margin:0;
}

#contact .map div, img {
	width: -webkit-fill-available;
	
}
#contact .contact2-hero-section {
	padding: 4em;
	position: relative;
}
#contact .contact2-hero-section .btn {
	background-color: #152385;
	text-align: center;
	/* width: 20%; */
	font-size: 1.2em;
}
#contact .contact2-hero-section .btn:hover {
	background-color: rgb(93, 173, 236);
}
#contact .contact2-hero-section div[class*='col']:nth-child(2) {
	background-color: rgba(59, 107, 187, 0.33);
	padding: 20px;
	border-radius: 20px;
	/* justify-content: center !important; */
	position: relative !important;
	/* display: flex; */
}
#contact .contact2-hero-section div[class*='col']:nth-child(1) .card {
	background-color: rgb(190, 206, 233);
	padding: 30px;
	text-align: center;
	margin-right: 20px
	border-radius: 20px;
}
#contact .contact2-hero-section div[class*='col']:nth-child(1) .card h2{
	background-color: rgba(156, 56, 156, 0.04);
	padding: 30px;
	text-align: center;
	margin-right: 20px;
	color: #152385;
}
#contact .contact2-hero-section div[class*='col']:nth-child(1) a {
	color: rgb(21, 35, 133);
}
#contact .fa-phone, #contact .fa-envelope-o {
	color: rgb(255, 255, 255);
	font-size: 1.5em;
	padding: 3px;
}
#contact .contact2-hero-section div[class*='col']:nth-child(2) h2 {
	color: #152385;
	font-size: 2.2em;
}
#contact .contact2-hero-section section {
	background-color: rgba(190, 206, 233, 0.46);
	border: none;
}
#contact input, #contact textarea {
	background-color: #fffafa99;
	border: none;
}
#contact .contact2-hero-section div[class*='form-row'] .title {
	color: red;
}
/* ========================================================== */
/* 			           FOOTER		                          */
/* ========================================================== */

.footer-section {
	padding: -13px 0 4px;
	background-color: rgb(0, 0, 0);
	color: white;
	margin-top: -23px;
	padding-top: -10px;
}
.footer-section a {
	color: rgb(252, 252, 252); 
	text-decoration: none;
	text-align: center;

}
.footer-section .fa-facebook-f, .fa-google-plus-g {
	font-size: 3em; 
	top: 0; 
	background-color: #ffffff1a;
	padding: 20px;
}
.footer-section .service-cities p {
	margin: 10px 0px -10px 5px;
}
.service-cities {
	/* margin-bottom:1em; */
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (min-width : 1824px) {

}

@media screen and (max-width : 1440px) {

}

@media screen and (max-width: 1190px) {
	
.header-contact_info {
	font-size: .9em;
}

.top-header .col-sm-2 {
	padding-top: 11px;
}

.top-header .col-sm-3 {
	padding-top: 11px;
}

}

@media screen and (max-width: 768px) {
.top-header a, .top-header i {
    color: #2f2f2f;
}

.top-header {
	display:none;
}
.header-contact_info {
    font-size: 1.5em;
}
.navbar-scroll {
	display:none;
}

.header-contact_info a {
    color: #333;
}

.mobile-top-header .logo {
	position:absolute;
	top: -1.6em;
	width: 100%;
	padding-bottom: 0;
}
.top-header div[class*='col-'] {
  display:flex;
  justify-content: left;
  width: 33.333%;
  padding: 15px 0;
}
.top-header div[class*='col-']:nth-child(3) {
  display:flex;
  justify-content: flex-end;
  width: 33.333%;
  padding: 15px 0;
}
.mobile-top-header {
	display:block !important;
	padding: 0 30px 0;
	background: white;
	z-index: 4;
	overflow:visible;
}
.top-header div[class*='col-']:nth-child(2) {
	background:none;
	margin:0;
}
.top-header div[class*='col-']:nth-child(1) a {
	font-size: 1.5em;
}
.top-header div[class*='col-']:nth-child(2) p {
	font-size:inherit;
	line-height: inherit;
}
.alert {
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;    
}
.alert h1,
.alert p {
	top: 2em;
	opacity: 0;
	position:relative;
}
.alert h1 {
	/* padding:0 0 30px; */
	margin-top: 0;
	color: #2b1663;
}
.alert {
    position: fixed;
    transform:scale(0,0);
    padding: 6em;
    border: 0;
    background: white;
    box-shadow: 0px 0px 40px -6px #000;
    border-radius:0;
    z-index: 1100;
    overflow: auto;
    justify-content: center;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
.custom-show {
    position: fixed;
    transform:scale(1,1);
    border: 0;
    background: white;
    border-radius:0;
    z-index: 1100;
    overflow: inherit;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
.mobile-menu {
    position: fixed;
    transform: scale(0,0);
    padding: 6em;
    border: 0;
    background: white;
    box-shadow: 0px 0px 40px -6px #000;
    border-radius: 0;
    z-index: 1100;
    overflow: auto;
    justify-content: center;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}

.alert {
    position: fixed;
    /* height: 85%; */
    /* width: 60%; */
    transform: scale(0,0);
    padding: 6em;
    border: 0;
    background: white;
    box-shadow: 0px 0px 40px -6px #000;
    border-radius: 0;
    z-index: 1100;
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    overflow: auto;
    justify-content: center;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
.alert {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mobile-menu div[class*='col'] {
    display: flex;
    justify-content: center;
}
.mobile-menu .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 20px 0;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    color: #fff;
    background: #ff000000;
    border: 1px solid #fff;
    text-align: center;
}
.mobile-menu-custom-show {
    position: fixed;
    color: rgb(255, 255, 255);
    transform: scale(1,1);
    visibility: visible;
    padding: 2rem;
    border: 0;
    background: linear-gradient(rgba(93,173,236, 0.98), rgba(7,177,239, 0.98));
    border-radius: 0;
    z-index: 1100;
    overflow: inherit;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
.mobile-menu-top-hero {
	background-size: cover;
	padding: 40px 0 0;
	top:0;
	left:0;
	width:100%;
}
.mobile-menu-top-hero h2 {
	padding:0 25px;
}

#home .show-form {
	background: white;
	position:relative;
	top:2em;
	left:0;
	opacity: 0;
}

#mobile-menu-header {
  margin-top:0;
  background: #ffffff00;
  box-shadow: none;
}
#mobile-menu-header ul {
	list-style:none;
	padding:0 20px;
	margin-top: 8em;
	position: relative;
	width: inherit;
}
#mobile-menu-header ul li a {
	color:#ffffff;
	padding: 20px 20px;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
    outline: none;
    z-index: 3;
}
.alert-dismissible .close span {
	font-size: 35px;
}
.alert-trigger {
	margin:30px 0 0;
	padding:20px 30px;
	background: #07B1EF;
	color: #ffffff;
	font-weight: 700;
}

/*************HOME************/
#home .card-flips-section {
	padding: 20px;
}
/*************CONTACT************/
#contact .contact2-hero-section {
	padding: 10px;
}
#contact .contact2-hero-section div[class*='col']:nth-child(2) {
	background-color: white;
	margin-bottom: 2em;
}
#contact h1 {
	color: #ff000000;
}
#contact iframe{
	background-size: cover !important;
	padding-right: -
}
/*************SERVICES************/
#services .services-background {
	color: black;
}
/*************PROJECTS************/
#gallery .photoSection {
	padding:1px;
	margin-right: 1em;
	margin-left: 1em;
	justify-content: center; 
}
footer {
	margin-right:-30px;
}
}
@media screen and (max-width: 425px) {
	
#myBtn {
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    top: 100%;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #2580ac;
    cursor: pointer;
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 5px;
    border-radius: 50px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

}