@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}

/* Custom Styles
------------------------------------------- */
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100vh;
	margin: 0px;
	background-color: #fff;
	font-size: 1.8rem;

}
#acs-home {
}

/* Vertical Navigation Styles */

.main-header {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background: #fff;
	z-index: 1;
	overflow: hidden;
	transition: 0.4s;

}
.content.shrink {
	margin-top: 203px;
	
}
.main-header.shrink {
  position: fixed; 
    z-index:999990;
  top: 0;
  width: 100%;
  transition: 0.4s;
	max-height: 280px;
	-webkit-appearance: none;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.30) !important;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.30) !important;
		box-shadow: 0 3px 5px rgba(0,0,0, 0.30) !important;
		
}

.logo.shrink {
    max-width: 120px;
	margin: 0;
}

.logo {
	max-width: 200px;
	margin: -20px 0 0 20px 0;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	position: relative;
	  -webkit-transition: max-width .4s ease-out;
  -moz-transition: max-width .4s ease-out;
  -o-transition: max-width .4s ease-out;
  transition: max-width .4s ease-out;
	/* transition: 0.4s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
.main-nav.shrink {
	margin: 15px 0 0;
  width: 100%;
  transition: 0.2s;
	max-height: 50px;
	font-size: 95%;
}

.main-nav {
	
	margin: 20px 0 0;
	list-style-type: none;
	border-top: 1px solid #56af9a;
	border-bottom: 1px solid #56af9a;
	padding: 10px 0 10px;
	text-align: center;
}
.acs-menu {
	max-width: 800px;
	font-family: 'Poiret One', cursive;
	font-size: 19px;
	letter-spacing: .25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: space-between;
	list-style-type: none;
	margin: 0 auto;
	padding: 0 20px;
	font-weight: 400;
}
#header-logo {
     transition: 0.4s;
        }
img.icon {
	width: 35px;
	height: auto;
	margin: 0 5px;
}
.main-nav a {
    color: #B60050;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    min-width: 100px;
    padding: 5px;
}


.main-nav a:hover, a.active {
	color: #de8078;
}

.about-content {
	background: url("../images/white-bottom-grad.png") no-repeat bottom center, url("../images/gradient-space.png") no-repeat top center;
	background-size: 100% 20%, 150% 100%;
}

.newsletter {
	background: url("../images/gradient-2.png") no-repeat top center;
	background-size: 100% 100%;
	min-width: 100%;
	border-bottom: 0;
}
.newsletter .section {	
	padding: 10px 40px 20px 40px;
}
.newsletter-lead h3 {
	color: #fff;
	font-weight: bold;
	padding-top: 20px;
	text-shadow: .5px .5px 0 rgba(255,255,255, 1), 1.5px 1.5px 3px rgba(0,0,0,.5);
}
.newsletter-lead p {
	color: #fff;
	font-weight: 400;
	text-shadow: 1px 1px 3px rgba(0,0,0,.20);
}

.form-all {
	border-radius: 10px;
}

.orchid-bg {
	-ms-flex-item-align: start;
    align-self: flex-start;

    justify-content: flex-start;
    height: auto;
	flex: 1 5%;
    
 
}
.orchid-bg img {
	max-width: 250px;
	margin-bottom: 10%;
}

.bio {
	-ms-flex-item-align: start;
    align-self: flex-start;
    justify-content: center;
	flex: 1 70%;

    padding: 2% 2.5% .5%;
  
  
  
	
}
.bio h2 {
	text-align: center;
}
.bio p {
	text-align: left;
}

h1, h2, h3, h4 , h5, h6 {
	font-family: 'Poiret One', cursive;
	text-align: center;
	letter-spacing: .10rem;
	
}
h2 {
	color: #53ae9a;
	/* text-shadow: 1px 1px 3px #000; */
	margin-bottom: 40px;
}
h3 {
	/* text-shadow: 1px 1px 3px rgba(0,0,0,.50); */
	color: #53ae9a;
	font-weight: 700;
}
.focus h3 {
	text-shadow: 1px 1px 3px rgba(0,0,0,.50);
	color: #fff;
	letter-spacing: .15rem;
	font-weight: bold;
}
.focus-center h3 {
	letter-spacing: .15rem;
	font-weight: bold;
}
h4 {
	text-shadow: 1px 1px 3px rgba(0,0,0,.50);
	border: none;	
}
.editorial h4 {
	border-bottom: 2px solid #56af9a;
	text-shadow: none;
	color: #be3270;
	margin-bottom: 10px;
}
.editorial h5 {
	font-weight: 400;
	color: #222;
	border: none;
}
h5 {
	border-bottom: 2px solid #56af9a;
	color: #be3270;
	margin-bottom: 10px;
}
h6 {
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	font-size: 1.9rem;
}


.container {
	display: flex;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	

}
.opener {
	background-image: url(../images/stars-1245902.jpg);
	background-repeat: no-repeat;
	background-position: 50% 80%;
	background-size: 100% auto;
	height: 100px;
}	
.title {
	background-color: #D1D3D4;
	background-image: url(../images/backgrounds/cement.png);
}
.title1 {
	background-color: #C8CACB;
	background-image: url(../images/backgrounds/brushed%20metal.png);
}

.parallax {
  /* The image used */
  background-image: url("img_parallax.jpg");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-top: 30px;
	padding: 40px 20px;
	text-align: center;
}

.content .section { 
	max-width: 1100px;
	margin: 0 auto;
	border-bottom: 0;
}
.acs {
	padding: 0;
	max-height: 500px;
}
.social-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	    -ms-flex-pack: left;
	list-style-type: none;
	padding-top: 10px;
	margin-bottom: 0;
}

#phone-icon {
	position: absolute;
	top: 10px;
	right: 40px;

}


#email-icon {
	position: absolute;
	top: 10px;
	right: 85px;

}
.icon:hover {
	opacity: 60%
}


.text p {
	padding-right: 40px;
	padding-left: 40px;
	text-align: center !important;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.focus p, .focus ul {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,.75);
}
.focus ul {
	margin: 0 auto;
}   
.one {
	padding-top: 60px;
	margin: 0 2%;
}
.two {
	margin-bottom: 3%;
}

 
.two-focus { 
	padding-top: 0;
}
	
.jewelry {
	height: 100% !important;
	margin: 2% 1%;
	background: url("../images/59-60percpng.png") no-repeat, url("../images/Asset 4.png") bottom center !important;
	background-size: cover, 100% 220% !important;
	border-radius: 10px;
	
}
.gd {
	height: 100% !important;
	margin: 2% 1%;
	background: url("../images/44-60perc.png") no-repeat, url("../images/Asset 5.png") !important;
	background-size: cover, 100% 100% !important;
	border-radius: 10px;
	
}
.marketing ul, .web-design ul, .graphic-design ul {
	list-style-type: none;
	font-weight: 500;
	list-style-position: inherit;
	padding-left: 0;
}
.marketing {
	height: 100% !important;
	margin: 2% 1%;
	background: url("../images/44-60perc.png") no-repeat #55AF9A !important;
	background-size: cover !important;
	border-radius: 10px;
	
}
.gd h3, .jewelry h3, .marketing h3, .web-design h3, .graphic-design h3 {
	text-shadow: .5px .5px 0 rgba(255,255,255, 1), 1.5px 1.5px 3px rgba(0,0,0,.75);
}
.gd ul, .jewelry ul, .marketing ul, .web-design ul, .graphic-design ul {
	list-style-type: none;
	font-weight: 500;
	list-style-position: inherit;
	padding-left: 0;
}
.web-design {
	height: 100% !important;
	margin: 2% 1%;
	background: url("../images/59-60percpng.png") no-repeat #D26576 !important;
	background-size: cover !important;
	border-radius: 10px;
	
}
.graphic-design {
	height: 100% !important;
	margin: 2% 1%;
	background: url("../images/44-60perc-rotated.png") no-repeat #BF3270 !important;
	background-size: cover !important;
	border-radius: 10px;
}

.list ul {
	font-weight: 500;
	list-style: none;
}
.marketing-sub {
	padding: 15px;
	height: 100% !important;
	margin: 1%;
	min-height: 300px;
	border: 3px solid #55AF9A;
	border-radius: 10px;
	background: url("../images/43.png") top center no-repeat;
	background-size: 100% 100%;
	color: #D26576;
	font-weight: 400;
	text-shadow: 1.5px 1.5px 3px rgba(255,255,255,.6);
}
.marketing-sub h3 {
	color: #D26576;
	font-weight: 700;
	text-shadow: .5px .5px 0 #D26576, 1.5px 1.5px 3px rgba(255,255,255,.5);
}
.marketing-sub img {
	text-align: center;
	width: 100%;
	height: auto;
	max-height: 300px;
	margin: auto;
}
.web-design-sub {
	padding: 15px;
	height: 100% !important;
	margin: 1%;
	min-height: 300px;
	border: 3px solid #D26576;
	border-radius: 10px;
	background: url("../images/27-1.png") center top no-repeat;
	background-size: cover;
	text-shadow: 1.5px 1.5px 3px rgba(255,255,255,.6);
	color: #BF3270;
	font-weight: 400;
}
.web-design-sub img {
	text-align: center;
	width: 100%;
	height: auto;
	margin: auto !important;
}
.web-design-sub h3 {
	
	color: #BF3270;
	text-shadow: .5px .5px 0 #BF3270, 1.5px 1.5px 3px rgba(255,255,255,.5);
} 
.graphic-design-sub h3 {
	
	color: #fff;
	text-shadow: .5px .5px 0 rgba(255,255,255, 1), 1.5px 1.5px 3px rgba(0,0,0,.5);
}
.graphic-design-sub img {
	width: 100%;
	height: auto;
	margin: auto !important;
}
.graphic-design-sub {
	padding: 15px;
	height: 100% !important;
	margin: 1%;
	min-height: 300px;
	border-radius: 10px;
	border: 3px solid #BF3270;
	background: url("../images/69-1.png") center bottom no-repeat;
	background-size: cover;
	text-shadow: 1.5px 1.5px 3px rgba(0,0,0,.3);
	color: #fff;
	font-weight: 400;
}

.three {
	padding: 0 4% 3%;
}
.four {
	background-image: url(../images/backgrounds/brushed%20metal1.png);
	background-color: #73CFDB;
	background-size: cover;
}
.five {
	margin-bottom: 3%;
}
.box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	padding: 2.5%; 
	text-align: center;
	margin-top: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	min-width: 230px;
}
.row-block {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-flex: 1;
	    -ms-flex: 1 100%;
	        flex: 1 100%;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 0;
}
.row-block .box {
	background: transparent;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-item-align: start;
	    align-self: flex-start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}


img {
	-webkit-box-flex: 1;
	    -ms-flex: 1 100%;
	        flex: 1 100%;
	width: 100%;
	height: 75%;
	border-radius: 3px;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}
footer {
	/*  background: url("../images/29 2.png") center center no-repeat;
	background-size: 100% 100%;  */
	background: url("../images/ACS-watercolor-lg-line-1.png") bottom center no-repeat, url("../images/ACS-watercolor-lines-pinks-6.png") bottom center no-repeat #fff;
	background-size: 100% 100px, 100% 95%;
	margin-bottom: 0px;
	margin-top: 0;
	padding-top: 0;
	color: #fff;
	font-weight: 600;
	height: 420px;

	
}
.footer-text {
	margin: auto 0;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
	background: url("../images/ACS-watercolor-lines-tb-2.png") center top no-repeat;
	background-size: 100% auto;
	padding-top: 100px;
	

}
.footer-bottom {
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);

}
footer p {
	margin-bottom: 0;
}
footer img {
	border: none;
	width: 120px;
	height: auto;
	margin-top: 80px;
	margin-bottom: 35px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #7B20B9;
	text-shadow: 1px 1px 3px rgba(255,255,255,.50);
}
.copyright {
	font-size: small;
	font-weight: 400;
	margin-bottom: 5px;
	margin-top: 50px;
}
.addi {
	margin-bottom: 0;
}
a {
	text-decoration: none;
	color: #56af9a;
}
a:hover {
    color: #237F69;
	text-decoration: none;
}
.lead {
	font-weight: 400;
	font-style: italic;
	text-align: center;
	font-size: 2rem;
}
.lead1 {
	font-weight: 600;
	text-align: center;
}

/* strong {
	color: #41C2D1;
} */

.price {
	font-size: x-large;
	font-weight: 700;
	margin-bottom: 0;
	text-align: center;
}
.credit {
	font-style: italic;
	text-align: right;
}
.focus, .samples, .parts, .services, .quote, .news, .sample-cats {
	-ms-flex-item-align: start;
	    align-self: flex-start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.sample-cats {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	margin: 2px;
	background-color: transparent;
	height: auto;
}
.samples {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	margin: 2px;
	background-color: transparent;
	height: auto;
}
.samples:hover {
	border: none;
}
.samples img {
	height: auto;
	width: 100%;	
}
.sites {
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.30);
	box-shadow: 0 0 2px rgba(0,0,0, 0.30);
	
	/*border: 2px solid transparent;*/
}
.sites:focus {
	border: none;
	background: transparent;
}
.sites:hover {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.50);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.50);
	box-shadow: 0 0 5px rgba(0,0,0,0.50);
    
	/*border: 2px solid #41C2D1;*/
}
img.sites-m {
	
	max-width: 100% !important;
}
img.logos {
	width: 70%;
}
.details {
	font-size: 1.6rem;
}

.contact {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
.contact li {
	list-style-type: none;
	margin: 0 auto;
}
.staff img {
	max-width: 250px;
	max-height: 250px;
	margin: 15px auto;
}
#map {
height: 400px;
width: 95%;
margin: 20px auto;
}
.news {
	flex-grow: 3;
}
.news p {
	text-align: left;
}
.tips {
	float: right;
	border: 1px solid #ccc;
	border-radius: 10px;
	flex-grow: 1 !important;
	padding: 1% 2%;

}
.tips ul {
	padding: 20px;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: left;
}
.tips li {
	margin-bottom: 20px;
}
#news-email {
	background-color: rgba(197,209,239,1.00);
	font-size: 1.5rem;
 }
#news-email table {
	margin-bottom: 0;
}
#news-email tr {
	border-bottom: 1px solid rgba(0,0,0,.07);
}
#news-email td {
	padding: 5px 10px;
	border-bottom: 1px solid rgba(0,0,0,.5);
}
#news-email strong {
	color: #222;
}
td.labels {
	width: 80px;
}
aside {
	width: 70%;
	margin-bottom: 30px;
}
#example1, #example2, #example3 {
	box-shadow: 0 0 2px rgba(0,0,0,.25);
}
.right {
	float: right;
	margin: auto 0 30px auto;
}
.left {
	float: left;
	margin: auto auto 30px 0;
}


/*Modal Buttons------------------------------------*/
.btn-primary {
    background-color: transparent !important;
    border: none !important;
}
.btn .btn-primary:focus, .btn-primary:focus, .btn:focus {
    background-color: transparent !important;
    border: none !important;
}
.btn:active {
	box-shadow: none;
}
.modal {
	z-index: 999999;
}

.modal-header {
    padding: 0 10px !important;
    border-bottom: none !important;
}
.modal-body {
	padding-top: 0 !important;
}
.modal-footer {
	text-align: center !important;
}
.modal-dialog {
    width: 95%;
    margin: 30px auto;
}
footer .modal-body {
	color: #222;
	font-weight: 400;
	text-shadow: none;
}
#modal2 {
	text-align: left;
}
#modal2 h6 {
	text-align: left;
}

.modal-backdrop {
  	z-index: 999991;
 
}
.mod-btn {
	border-color: #888;
}
.policies.btn {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 1rem;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
.policies.btn:hover {
	color: #E34DFD;
	text-shadow: 0px 0px 3px rgba(255,255,255,.4);
	font-weight: 800;
}
#unsubscribe {
	margin-top: 20px !important;
}

/*End Modal Buttons------------------------------------*/


/*Contact Form------------------------------------*/
#contact-form {
	margin: 20px auto 0 auto !important;
	width: auto !important;
	font-size: 1.6rem !important;
}
input, textarea {
	font-size: 1.5rem !important;
/*	margin: 0 0 10px 10px !important; */
}
#field-ce23afeb95db73b, #field-658e453aa8d3683, #email, #name {
	width: 100% !important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgba(65,194,209,0.5) !important;
}
td {
	border-bottom: none !important;
}
#submit-btn {
	margin: 20px 40% !important;
}
#submit-btn:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, #submit-btn:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
border: 1px solid #33C3F0;
}




/*End Contact Form------------------------------------*/





/* Media Queries
------------------------------------------- */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Smaller than 450px */

@media (max-width: 450px) {
	.main-nav a {
		font-size: 15px;
	}
	.social-nav {
		padding: 10px 10px 0;
		margin: 0;
	}
	
	.social-nav .icon {
		width: 25px;
	}
	#phone-icon {
		right: 10px;
	}
	#email-icon {
		right: 45px;
	}
	.carousel{
  	height: 200px !important;
	}
}

/* Smaller than 600px */



/* Larger than mobile */
@media (min-width: 400px) {

	
.staff img {
	max-width: 250px;
	max-height: 250px;
}
.samples img {
	max-width: 420px;
}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
		
 .one {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 100%;
	        flex: 1 100%;
}
.row-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
}
.staff, .routes, .bikes, .contact, .samples {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-flex: 1;
	    -ms-flex: 1 33%;
	        flex: 1 33%;
	height: auto;
	margin-top: 0;
}
img {
	max-width: 350px;
}
.staff img {
	max-width: 250px;
	max-height: 250px;
}
.samples img {
	max-width: 380px;
}
.contact {
	width: 310px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-flex: 1;
	    -ms-flex: 1 50%;
	        flex: 1 50%;
}

}

/* Larger than tablet */
@media (min-width: 750px) {

	
/* Horizontal Navigation Styles */

img {
	max-width: 400px;
}
.samples img {
	max-width: 100%;
}
.contact {
	width: 310px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-flex: 1;
	    -ms-flex: 1 33.333%;
	        flex: 1 33.333%;
}
.modal-dialog {
    width: 80%;
}
footer {
	background-size: 180% auto;
}
}




/* Larger than desktop */
@media (min-width: 1000px) {
.main-nav {
	position: relative;

}
	



	
img {
	max-width: 450px;
}
.contact {
	width: 310px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-flex: 1;
	    -ms-flex: 1 25%;
	        flex: 1 25%;
}
.modal-dialog {
    width: 70%;
}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
img {
	max-width: 500px;
}
.sites img {
	max-width: 550px;
}
.contact {
	width: 330px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-flex: 1;
	    -ms-flex: 1 30%;
	        flex: 1 30%;
}
.modal-dialog {
    width: 60%;
}

}


/* Contact Form (JotForm) start */

#contact-frm {
	background: url("../images/white-bottom-grad.png") no-repeat bottom center, url("../images/gradient.png") top center no-repeat;
	background-size: 100% 15%, 100% 100%;
}
.form-submitted {
    background: #fff;
    padding: 20px 30px;
    text-align: center;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.30);
		box-shadow: 0 3px 5px rgba(0,0,0, 0.30);
}

.form-submitted img {
	margin: 40px auto;
	width: 25%;
	height: auto;
}
/* Contact Form (JotForm) end */



/* Slideshow Slider start */
.carousel{
  height: 400px;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.carousel-inner{
  height: 100%;
	/* min-width: 400%; */
  display: flex;
  transition: all ease .5s;
	
}
.carousel-item{
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
	justify-content: center;
	margin: 0 auto;
	overflow: hidden;
	
	
}
.carousel-item.active {
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
/*.carousel-controls .prev{
  display: inline-block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/prev.svg");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: .5;
}
.carousel-controls .next{
  display: inline-block;
  height: 32px;
  width: 32px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../images/next.svg');
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: .5;
}
.prev:hover, .next:hover{
  opacity: 1;
} */
.carousel-indicators{
  position: absolute;
  bottom: 12px;
 text-align: center;
}
.carousel-indicators span{
    display: inline-block;
    background-color: rgba(190,50,112,1.00);
    width: 30px;
    height: 4px;
    border-radius: 2px;
    opacity: .5;
    cursor: pointer;
    margin: 3px;
}
.carousel-indicators span.active{
  opacity: 1;
}



.car-slide1 img, .car-slide2 img, .car-slide3 img, .car-slide4 img {
	object-fit: cover;
	height: 100%;
	max-width: 100%;
	
	
}
.car-slide1 {
    background: url("../images/gradient-space.png") top center no-repeat;
	background-size: cover;
}
.car-slide1 h1 {
	position: absolute;
	top: 15%;
	left: 5%;
	text-align: left;
}
.car-slide1 img {
	
}


.car-slide2 {
    background: url("../images/gradient-space.png") top center no-repeat;
	background-size: cover;
}
.car-slide2 h1 {
	position: absolute;
	top: 15%;
	left: 5%;
	text-align: left;
}
.car-slide2 img {
	
}


.car-slide3 {
    background: url("../images/gradient-space.png") top center no-repeat;
	background-size: cover;
}
.car-slide3 h1 {
	position: absolute;
	top: 15%;
	left: 5%;
	text-align: left;
}
.car-slide3 img {
		
}


.car-slide4 {
    background: url("../images/gradient-space.png") top center no-repeat;
	background-size: cover;
}
.car-slide4 h1 {
	position: absolute;
	top: 15%;
	left: 5%;
	text-align: left;
}
.car-slide4 img {

}


.car-slide5 {
    background: url("../images/gradient-space.png") top center no-repeat;
	background-size: cover;
}
.car-slide5 h1 {
	position: absolute;
	top: 15%;
	left: 5%;
	text-align: left;
}
.car-slide5 img {
		
}


.car-slide6 {
    background: url("../images/gradient-space.png") top center no-repeat;
	background-size: cover;
}
.car-slide6 h1 {
	position: absolute;
	top: 15%;
	left: 5%;
	text-align: left;
	
}
.car-slide6 img {
		
}
/* Slideshow Slider end */


/* Business Card start */
#business-card {
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.30);
	box-shadow: 0 3px 5px rgba(0,0,0, 0.30);
	border: 1px solid rgba(0,0,0, 0.20);
}
.contact-info {
	margin-top: 40px;
}
.card-name {
	font-size: 20px;
	color: #268f7d;
	font-weight: 500;
}
.contact-info a {
	font-weight: 400;
}
#contact-fb a, #contact-instagram a {
	font-weight: 400;
	color: #BF3270;
}
#contact-fb a:hover, #contact-instagram a:hover {
	color: #DF8178;
}
/* Business Card end */


@media screen and (min-width: 768px) {
.jotform-form {
    padding: 0 0 60px 0;
}
}



@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
.form-buttons-wrapper button {
    width: auto;
	line-height: 20px;
	vertical-align: middle;
	margin-bottom: 40px;
}
}

@media screen and (max-width: 480px){
.jotform-form .form-all {
	margin-right: 20px;
	margin-left: 20px;
}
	
}