@charset "UTF-8";
/* CSS Document */
body { }
.text-center { text-align:center;}
.mobile { display:none;}
.orange {color:#F7931D;}
/* #wrapper {background:url(../images/main-desktop.jpg) top center no-repeat;} */
#wrapper-no-image {background:none;}
#wrapper-men {background:url(../images/main-desktop-men.jpg) top center no-repeat;}
#wrapper-ocean {background:url(../images/main-desktop-ocean.jpg) top center no-repeat;}
#wrapper-bride {background:url(../images/main-desktop-bride.jpg) top center no-repeat;}
#wrapper-blue {
	background:url(../images/main-desktop-blue.jpg) top center no-repeat;
	}
#wrapper-blue a, #wrapper-blue .main
{
	color:white;
}
#wrapper-blue #send_form {
	background: none;
	border: none;
}
#wrapper-steps {background:url(../images/main-desktop-steps.jpg) top center no-repeat;}

#wrapper-steps .m-wrap *, #wrapper-steps p.desc {mix-blend-mode: multiply;}


.header {  padding:20px 0 0 0;}
.header nav {text-align:right;}
.header nav a { text-transform:uppercase; color:#222; padding:10px 0; margin:20px;  text-decoration:none; position:relative}
.header nav a:after{position: absolute; content: ""; left: 0; bottom: 0; background-color: #DC0031; height: 2px; width: 0; transition: width linear 0.3s; -o-transition: width linear 0.3s; -ms-transition: width linear 0.3s; -moz-transition: width linear 0.3s; -webkit-transition: width linear 0.3s;}
.header nav a:hover:after{width: 100%; right: 0;}

.header a.phone { font-size:24px; letter-spacing:1px; white-space:nowrap;}
.header a.phone i { color:#fff; background:#DC0031; border-radius:100%; width:25px; height:25px; padding:5px; text-align:center}

.number {margin-top:-75px;}
.main h5 { font-weight:400; font-size:16px;}
.main p { font-weight:300;}
#trans-white { background:rgba(255,255,255,0.8);}
#white { background:#fff; padding-top:10px;}

#trans-white h6 { padding:20px 0 0 0; margin:0;}
#trans-white p { font-weight:300; }

.color { color:#DC0031 !important;}
strong, b { font-weight:900;}

.resp { width:100%; height:auto; max-width:100%; }
.content { background-color:#fff; padding:20px;}
.relative { position:relative;}

#send_form { background:#c7b9ab; color:#fff; border:#c7b9ab solid 5px; padding-top:5px; padding-bottom:5px;}
/*#send_form { background:#2e3092; color:#fff; border:#2e3092 solid 5px; padding-top:5px; padding-bottom:5px;}*/
#send_form p { font-size:16px; font-weight:300; margin:0; padding:0 0 10px 0; line-height:1.3; clear:both;}
#send_form p a { color:#fff; text-decoration:none;}
.big { font-weight:900; font-size:3em; letter-spacing:-2px; line-height:1;}
.big:before, .big:after { content: "···";
    letter-spacing: 1px;
    font-size: 23px;
    margin: 0 6px;
    padding: 0;
    vertical-align: super;}
.bigger { font-size:1.4em !important;}
#send_form input[type="text"], #send_form input[type="email"], #send_form input[type="tel"], #send_form select {color:#333;}

.hr { display:block; height:2px; background-color:#fff; width:100%; max-width:400px; margin:0 auto; clear:both; padding:0 !important; margin-bottom:20px;}

.logos img { width:100%; height:auto; max-width:150px; margin:20px 5px;}

.logos span { text-transform:uppercase; color:#999; letter-spacing:1px; float:left; padding-top:40px;}
.footer {color:#999; font-size:12px; font-weight:300;}
.footer a { color:#999; text-decoration:none; }
.copyright { text-transform:uppercase; letter-spacing:1px;}
.footer .social a { margin:0 6px; font-size:20px;}
.footer .social a:hover {color:#DC0031;}

.mobile { display:none;}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] { font-size:18px;}

.locationpara { text-align: center; }
.locationpara a { color:#333; text-decoration:none;}
.title h5 {
    padding: 0;
	text-transform:uppercase;
	font-size:17px;
	font-weight: bold;
	letter-spacing:normal;
	margin-top:20px;
}
.title h5 span, .title h3 span {
    padding: 0 15px 0 0;
}

.grecaptcha-badge
{
	display:none;
}


/* Larger than Desktop HD */
@media (max-width: 1100px) { 
.logos img {  max-width:100px; margin:20px 10px;}
.footer { font-size:11px;}
.footer .social a { font-size:16px; margin:0 3px;}
}


	

/*
Smaller than desktop
*/
@media (max-width: 800px)
{
	.logos img {  max-width:90px; margin:10px 0px;}

.main .locationpara .title h3, .main .locationpara .title h5, .main .locationpara .title h5 span { margin-left :0; padding-right:0;}
	
}
/* Larger than mobile */
@media (min-width: 551px)
{
	.mobile-only
	{
		display: none;
	}
	.accordion-list > ul
	{
		margin-left: 1.5em !important;
	}
}
	


@media (max-width: 550px) {

.desktop-only
{
	display: none;
}
.container { padding: 0 !important; width:100%;	}

.desktop { display:none !important;}
.mobile { display:block;}
.m-wrap {  padding-bottom:80px; margin-left: 50%;}
body {background:#fff}
/* #wrapper {background:url(../images/main-mobile.jpg) center 180px no-repeat; } */
#wrapper-men {background:url(../images/main-mobile-men.jpg) center 180px no-repeat; }
#wrapper-ocean {background:url(../images/main-mobile-ocean.jpg) center 180px no-repeat; }
#wrapper-blue {background:url(../images/main-mobile-blue.jpg) center 180px no-repeat; }
#wrapper-bride {background:url(../images/main-mobile-bride.jpg) center 180px no-repeat; }
#wrapper-steps {background:url(../images/main-mobile-steps.jpg) center 180px no-repeat; }
.header { padding:10px; }
.logo { max-width:150px; margin:0 auto 20px auto; display:block; }
.header nav { text-align:center;}
.header nav a { margin: 10px 5px; text-shadow:#fff 1px 1px 0;}
.header a  {  text-align:center !important;}
.header a.phone { display:block; margin:0;}


.main h3 { padding-top:0px; font-size:24px;}
.main h5 { font-size:16px;}
.main p.desc { background:#fff; text-align:center;  padding:40px 20px 0 20px; width:100%; box-sizing:border-box; font-weight:300; font-size:21px;  min-height:200px; letter-spacing:-1px; line-height:normal;}

.main p {box-sizing:border-box; font-weight:300; font-size:18px; padding:0 20px;}

#send_form { border:none; padding:10px; box-sizing: border-box;}

.number { position:absolute;  right:30px; width:100px; height:100px; }
#trans-white { text-align:center; box-sizing:border-box; font-weight:300; font-size:18px; padding:0 20px;}

#trans-white h6 { font-weight:700; font-size:22px; }
.button, .mobile { display:block;}
.logos { padding:0 20px; box-sizing:border-box; text-align:center;}


.footer { text-align:center;}
.footer .social a { font-size:20px; padding:10px;}

.footer p {padding:0 20px; box-sizing:border-box;}
	}

/* Ajax Form loader */
@keyframes spin360 {
    from{
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        }
}
.ajax-form-loading {
    position: relative;
}
.ajax-form-loading > *
{
    opacity: 0.5;
    user-select: none;
    pointer-events: none;
}
.ajax-form-loading:before {
    content: ' ';
    display: block;
    width: 64px;
    height: 64px;
    border: 8px dotted white;
	border-top-color: #c7b9ab;
	border-bottom-color: #c7b9ab;
    border-radius: 48px;
    position: absolute;
    box-sizing: border-box;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    z-index: 1;
    margin: 0;
    padding: 0;
	animation-name: spin360;
    animation-duration: .5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@media (max-width: 415px) { 
/* #wrapper {background:url(../images/main-mobile-420.jpg) center 180px no-repeat; } */
#wrapper-men {background:url(../images/main-mobile-420-men.jpg) center 180px no-repeat; }
#wrapper-ocean {background:url(../images/main-mobile-420-ocean.jpg) center 180px no-repeat; }
#wrapper-blue {background:url(../images/main-mobile-420-blue.jpg) center 180px no-repeat; }
#wrapper-bride {background:url(../images/main-mobile-420-bride.jpg) center 180px no-repeat; }
#wrapper-steps {background:url(../images/main-mobile-420-steps.jpg) center 180px no-repeat; }

}

@media (max-width: 380px) { 
/* #wrapper {background:url(../images/main-mobile-420.jpg) center 180px no-repeat; } */
#wrapper-men {background:url(../images/main-mobile-420-men.jpg) center 180px no-repeat; }
#wrapper-ocean {background:url(../images/main-mobile-420-ocean.jpg) center 180px no-repeat; }
#wrapper-blue {background:url(../images/main-mobile-420-blue.jpg) center 180px no-repeat; }
#wrapper-bride {background:url(../images/main-mobile-420-bride.jpg) center 180px no-repeat; }
#wrapper-steps {background:url(../images/main-mobile-420-steps.jpg) center 180px no-repeat; }



}

@media (max-width: 320px) { 
/* #wrapper {background:url(../images/main-mobile-400.jpg) center 180px no-repeat; } */
#wrapper-men {background:url(../images/main-mobile-400-men.jpg) center 180px no-repeat; }
#wrapper-ocean {background:url(../images/main-mobile-400-ocean.jpg) center 180px no-repeat; }
#wrapper-blue {background:url(../images/main-mobile-400-blue.jpg) center 180px no-repeat; }
#wrapper-bride {background:url(../images/main-mobile-400-bride.jpg) center 180px no-repeat; }
#wrapper-steps {background:url(../images/main-mobile-400-steps.jpg) center 180px no-repeat; }

}



/* =============================================================== */
/* Accordion-List
================================================================ */
.accordion-list
{
	margin-left: 0;
}
.accordion-list a
{
	color:#333;
	text-decoration:none;
}
.accordion-list > ul
{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
	list-style-type: none;
	margin: 0;
}
.accordion-list.open > ul
{
	opacity: 1;
	max-height: 20em;
}
.no-bullet
{
	list-style-type: none;
}

.fa-ul a { color:#333; text-decoration:none;}