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




.fs30				{font-size: 30px}

body {margin:0;padding: 0; overflow-x: hidden; font-family: TTCommonsProRegular;}

div:focus, textarea:focus, input:focus{outline: none;}

.sans	{font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

.f18	{font-size: 18px; line-height: 21px; max-width: 400px; padding-top: 25px;}

.section_carers			{width: 100%; background:#fa7961; clear: both; padding:0;color: #fff;overflow-x: hidden;}
.section_contact_us		{width: 100%; background:#483a46; clear: both; padding:0 25px 0 25px;color: #fff;overflow-x: hidden;}
.section_contact_us_w	{width: 100%; background:#fff; clear: both; padding:0 25px 0 25px;color: #000;overflow-x: hidden;}
.section_team			{width: 100%; background:#93525a; clear: both; padding: 80px 25px 120px 25px;color: #fff;overflow-x: hidden;}

	
.section_techspec		{width: 100%; background:#000; clear: both; padding: 25px;color: #fff;overflow-x: hidden;}
.section_values			{width: 100%; background:#93525a; clear: both; padding: 30px 25px 120px 25px;color: #fff;overflow-x: hidden;}
.section_features		{width: 100%; background:#fa7961; clear: both; padding: 80px 25px 120px 25px;color: #fff;overflow-x: hidden;font-size: 23px; line-height: 28px; font-weight: 600;}
.section_movers			{width: 100%; background:#000; clear: both; padding: 25px;color: #fff;overflow-x: hidden;font-size: 23px; line-height: 28px; font-weight: 600;}
.section_meetcamino		{width: 100%; background:#a3d3ee; clear: both; padding: 0px;color: #000;font-size: 23px; line-height: 28px; font-weight: 600;}
.section_nightmode		{width: 100%; background:#4d3947; clear: both; padding: 0px;color: #fff;font-size: 23px; line-height: 28px; font-weight: 600;}



.section_meetcamino_clear{width: 100%; clear: both; padding: 0;color: #000;font-size: 23px; line-height: 28px; font-weight: 600;}
.section_meetcamino_video{width: 100%; clear: both; padding: 0; margin: 0px;}


@media (min-width: 851px) {
.model					{padding-top: 95%}
.meetcamino_range		{position: absolute;top:25px;left:0px;z-index: 10}

}
@media (max-width: 850px) {
.model					{padding-top: 115%}
.meetcamino_range		{position: absolute;top:25px;left:0px;z-index: 10}

}


.bf						{font-size: 23px; line-height: 28px; font-weight: 600;}
.clear_curve			{padding-top: 125px;}	
	
.section_meetthemovers	{width: 100%; background:#ffc071; clear: both; padding: 0px;color: #000;font-size: 23px; line-height: 28px; font-weight: 600;}

.section_walkwithcamino {width: 100%; background:#b4728f; clear: both; padding: 0px;color: #000;font-size: 23px; line-height: 28px; font-weight: 600;}

.section_waitlist_usps	{width: 100%; background:#e5e5e5; clear: both; padding: 0 25px 0 25px;font-size: 23px; line-height: 28px; font-weight: 600;}

.section_story			{width: 100%; max-width: 800px; clear: both; padding: 25px;color: #000;margin: auto;}
.movers_detail			{padding: 70px 25px 25px 25px;}
.img_underline			{width:150px; padding: 5px 0 25px 0;}
.img_stories_underline	{width:250px; margin-top: -35px;}
.img_meet_features_underline{width:350px; margin-top: -35px;}
.movers_curve			{position: absolute;top:0px;width:100%;height:100vh; z-index: -1;}

.section_legals			{width: 100%; max-width: 900px; background:#fff; clear: both; padding: 25px;color: #000;margin: auto;}
.section_intro			{width: 100%; background:#191718; clear: both; padding: 25px;color: #fff;font-size: 23px; line-height: 28px; font-weight: 600;}
.section_contact		{width: 100%; background:#fff; clear: both; padding: 50px 25px 90px 25px;color: #000;font-size: 23px; line-height: 28px; font-weight: 600;}
.section_footer 		{width: 100%; background:#e5e5e5; clear: both; padding: 25px;color: #000; font-size: 17px; line-height: 28px; font-weight: 600; }

.max_width_container	{width: 100%; margin: auto; background:none;}

.max_width_container_1200	{width: 100%; max-width: 1200px; margin: auto; background:none;}

.location {opacity: 0.6; margin-top: -15px; padding-bottom: 25px}


@media (min-width: 851px) {
.curve_homepage 	{opacity: 0.999;width: 100%;margin-top:-175px; 
					background: url(https://formandcue.com/camino/src/img/detail/curve_hero-orange-trail.svg);
  					background-repeat: no-repeat;
  					background-size: 100%;}

.curve_joinwaitlist	{opacity: 0.999;width: 10%;margin-top:0px; 
					background: url(https://formandcue.com/camino/src/img/detail/curve_hero-periwinkle-trail.svg);
  					background-repeat: no-repeat;
  					background-size: 100%;}
	
.curve_meetcamino	{opacity: 0.999;width: 100%;margin-top:-220px; 
					background: url(https://formandcue.com/camino/src/img/detail/curve_hero-blue-trail.svg);
  					background-repeat: no-repeat;
  					background-size: 100%;}		
}





@media (max-width: 850px) {
.curve_homepage 	{opacity: 0.999;width: 100%;margin-top:-250px; 
					background: url(https://formandcue.com/camino/src/img/detail/curve_hero-orange-trail.svg);
  					background-repeat: no-repeat;
  					background-size: 100%;}

.curve_joinwaitlist	{opacity: 0.999;width: 100%;margin-top:-85px; 
					background: url(https://formandcue.com/camino/src/img/detail/curve_hero-periwinkle-trail.svg);
  					background-repeat: no-repeat;
  					background-size: 100%;}
	
.curve_meetcamino	{opacity: 0.999;width: 100%;margin-top:-250px; 
					background: url(https://formandcue.com/camino/src/img/detail/curve_hero-blue-trail.svg);
  					background-repeat: no-repeat;
  					background-size: 100%;}	
	
}



@media (min-width: 851px) {
.hero_copy			{max-width: 1200px;margin: auto;font-family: QuincyCFBold; font-size:45px; line-height: 47px;}
.hero_container		{position: absolute;width: 100%;height: 100vh;padding: 50px;padding-top: 17.5%;color:#fff;}
.hero_container_mfm	{position: absolute;width: 100%;height: 100vh;padding: 50px;padding-top: 17.5%;color:#fff;}
	
.header_curve_img	{width:100%; height: 100%}
.header_curve_bg	{position: fixed;top:-2px;left:-5px;right:-5px; height: 135px; z-index:997;}	
	
}

@media (max-width: 850px) {
.hero_copy			{max-width: 1200px;margin: auto;font-family: QuincyCFBold; font-size:38px; line-height: 40px;}	
.hero_container		{position: absolute;width: 100%;height: 100vh;padding: 25px;top:-40px ;color:#000000;}
.hero_container_mfm	{position: absolute;width: 100%;height: 100vh;padding: 25px;padding-top: 15%;color:#000000;}
.hero_underline		{width: 325px; margin-top: 0px;}
	
.header_curve_img	{width:100%; height: 100%}
.header_curve_bg	{position: fixed;top:-2px;left:-5px;right:-5px; height: 120px; z-index:997;}	
	
}





.introduction 				{max-width: 520px; padding: 150px 25px 150px 25px; margin: auto;font-size: 23px; line-height: 28px; font-weight: 600;}
.block_centred				{margin: auto; clear: both;}
.block_centred_submit		{margin: auto; clear: both;width:200px; margin-top: 25px}

@media (min-width: 851px) {
.section_title 				{font-family: QuincyCFBold; font-size:45px; line-height: 47px; padding:50px 0 35px 0;}
}
@media (max-width: 851px) {
.section_title 				{font-family: QuincyCFBold; font-size:38px; line-height: 40px; padding:50px 0 35px 0;}
}
.section_title_h2 			{padding:35px 0 50px 0;}
.padd_top					{padding:35px 0 50px 0;}

#reveal					{position: fixed; top:0px; left: 0px; right: 0px; bottom: 0px; opacity: 1; z-index: 999;background:#191718;}






.h_iframe        {position:relative; margin:0px;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}	
	


.img		{width: 100%}
.img_icon	{width: 70%;margin: auto;padding-bottom: 20px;}


/* Image styling */

.img_inline_centred	{width: 100%; max-width: 900px; margin: auto; clear: both;}
.img 				{width: 100%}
@media (min-width: 851px) {
.img_left_edge		{width: 100%;}
.img_right_edge		{width: 100%;}
.product_detail		{}
}
@media (max-width: 850px) {
.img_left_edge		{width: 100%;}
.img_right_edge		{width: 100%; margin-bottom: -35px;}
.product_detail		{padding-top: 125px}
}

.affiliations		{width:100px;}


.col_padd_25	{padding: 25px;}







@media (min-width: 851px) {
.cc	{background: #000; width: 100%;  display: flex; margin: auto; padding-bottom: 75px;}	
.cc_moverscontainer {
  width: 33.3%; padding: 1%;
  background: #000;
  display: flex;
  flex-direction: column;
  align-content: stretch; float: left
}	
}
	
@media (max-width: 850px) {
.cc	{background: #000; width: 100%;  display: block; margin: auto; padding-bottom: 75px;}	

.cc_moverscontainer {float: left;width: 100%; padding-bottom: 35px;}
	
}	
	
.cc_movers_story {
  background: #000;
  flex-grow: 1;
}
.cc_movers_cta {
  height: 50px;
  width: 100%;
  background: #000;
}	







.inner_pl			{padding-left: 25px;}

@media (min-width: 851px) {
/* Format : Columns (Desktop) */
.column1 {float: left;width: 100%;}
.column2 {float: left;width: 50%;}
.column2r {float: left;width: 50%;}
.column3 {float: left;width: 33%;}
.column4 {float: left;width: 25%;}
.column5 {float: left;width: 20%;}
.column25 {float: left;width: 25%;}
.column75 {float: left;width: 75%;}
	/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}
.row23rds	{width: 66%; margin: auto}
.row34rs	{width: 75%; margin: auto}
	
.inner_pl50			{padding-left: 50px; padding-right: 25px;}
.inner_pl			{padding-left: 50px; padding-right: 25px;}
.inner_pr			{padding-right: 25px; padding-left: 50px;}
.keyline_left		{border-left:1px solid #fff; padding-left: 25px;}
.keyline_left_blk	{border-left:1px solid #000; padding-left: 25px;}
.max				{max-width: 450px; padding-right: 25px}
.max550				{max-width: 550px;padding-right: 25px}
.max350				{max-width: 350px;}
.max425				{max-width: 425px;}
	.m_auto				{margin: auto; clear: both}
	
.column_feature_icon {float: left;width: 25%;}
.column_feature_info {float: left;width: 75%; text-align: left;}
	
	
.dv					{display: block; visibility: visible;}
.mv					{display: none; visibility: hidden;}
}


@media (max-width: 850px) {
.dv					{display: none; visibility: hidden;}	
.mv					{display: block; visibility: visible;}
	
/* Format : Columns (Desktop) */
.column1 {float: left;width: 100%;}
.column2r {float: right;width: 100%; padding-bottom: 35px;}
.column2 {float: left;width: 100%; padding-bottom: 35px;}
.column3 {float: left;width: 100%;}
.column4 {float: left;width: 100%;}
.column5 {float: left;width: 100%;}
.column25 {float: left;width: 25%;}
.column75 {float: left;width: 75%;}
/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}
.row23rds {width: 100%; margin: auto}
.row34rs  {width: 100%; margin: auto}
.inner_pl50			{padding-left: 25px;padding-right: 25px;}
.inner_pr			{padding-right: 25px; padding-left: 25px;}
.inner_pl			{padding-left: 25px; padding-right: 25px;}
.keyline_left		{border-left:1px solid #fff; padding-left: 25px;}
.keyline_left_blk	{border-top:1px solid #000; padding-top: 25px; margin-top:50px;}
.max				{max-width: 450px;}
.max350				{max-width: 350px;}
.max425				{max-width: 425px;}
	
.column_feature_icon {float: left;width: 30%;}
.column_feature_info {float: left;width: 70%;text-align: left;}
	
}




.column_techspec_wht{float: left;width: 50%;padding: 10px 0 10px 0; border-top:1px solid #fff;}
.column_techspec	{float: left;width: 50%;padding: 10px 0 10px 0; border-top:1px solid #000;}
.tech_spec			{padding-top: 35px; padding-bottom: 35px;}
.faqs				{padding: 15px 0 10px 0; border-top:1px solid #fff; text-align: left; margin-top: 25px;}
.faqs_bw			{padding: 15px 0 10px 0; border-top:1px solid #000; text-align: left; margin-top: 25px;}
.terms_copy			{font-size:14px}
.faqs_arrow			{position:absolute;top:10px;right:0px;width:20px}

.faqs_list 			{width: 100%; max-width: 900px; margin: auto;}
.tech_spec_info 	{width: 100%; max-width: 900px; margin: auto;}

.faq_question		{}
.faq_answer			{color:#e5e5e5; width: 85%}
.faq_answer_bw		{color:#666; width: 85%}

.expand_container	{margin-bottom: -50px;}
.expand_gradient 	{width: 100%; margin-top: -120px;}
.img_gradient				{height:140px;width: 100%;}

.expand_clear 		{width: 100%; height:110px;}

.centred					{text-align: center}
.img_keyline				{border-top: 1px solid #ff0004; }
.down_arrow			{width:40px; padding-top: 15px}



/* Movers */

.movers_story_title			{font-family: QuincyCFBold;font-size:30px; line-height: 33px; padding-top: 10px; padding-bottom: 15px; width: 90%}
.movers_story_detail		{font-size:22px; padding-bottom: 15px;}
@media (min-width: 851px) {
.mfmcentred					{text-align: center}

	.movers_story				{padding: 15px}
}

@media (max-width: 850px) {
.mfmcentred					{text-align: left}
.movers_story				{padding: 0px}
}
.subtitle					{padding-bottom: 4px; border-bottom: 1px dotted #000;}





/* Navigation & Core */

.logo			{width:100%; margin-top: -7px;}
.header_nav_curve	{position: fixed; top:0px; left:0px; right:0px; height: 100px; z-index: 998; text-align:right;padding:18px; color: #000;}

.header_nav		{position: fixed; top:0px; left:0px; right:0px; height: 100px; z-index: 99; text-align:right;padding:18px; color: #000;box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);}
.primary_nav	{float: right; background: #46FF28;}
.header_cta		{float: right;}

@media (min-width: 851px) {
.header_logo 	{position: absolute; left: 40px; width: 210px;margin-top: -5px;}
.header_right 	{position: absolute; right: 0px;top:6px;}
.clearnav		{padding-top: 70px;}
}
	
@media (max-width: 850px) {
.header_logo 	{margin:auto;width: 140px}
.header_right 	{position: absolute; right: 0px; top:0px;}
.clearnav		{padding-top: 60px;}

}	


nav {position: fixed;z-index: 999;}
#menuToggle 		{display: flex;flex-direction: column;position: relative;top: 20px;left: 20px;z-index: 998;-webkit-user-select: none;user-select: none;}
#menuToggle input 	{display: flex;width: 44px;height: 35px;position: absolute;cursor: pointer;opacity: 0;z-index: 999;}
#menuToggle span 	{display: flex;width: 44px;height: 2px;margin-bottom: 10px;position: relative;background: #000;border-radius: 3px;z-index: 1;transform-origin: 5px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{opacity: 1;transform: rotate(45deg) translate(-3px, -1px);background:#000;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);}
#menu{position: fixed;top:62px;width: 100vh;height: 100vh;box-shadow: 0 0 0px #85888C;margin: 0 0 0 -50px;padding: 50px;background-color: #ffc071;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); font-size: 18px;}	
#menu li{padding: 10px 0;transition-delay: 0s;font-size: 23px; line-height: 28px; font-weight: 600;}
#menuToggle input:checked ~ ul{transform: none;}



/* above fold CTA + highlight detail */	

@media (min-width: 851px) {
h2 						{font-size:28px; padding: 0px;}
.relative				{position: relative;}
.fold_container			{position: absolute; top:-105px; right:0px; width: 450px}
.fold_container_product	{position: absolute; top:0px; left:60px; width: 500px}
.highlight_fold_homepage{margin-top: 75px; margin-left: -75px; z-index: -1;}
.highlight_fold_product {margin-top: -10px; margin-left: -55px; z-index: -1;}
.waitlist_signup		{max-width:450px; padding: 25px; margin:auto; margin-top: -270px;}
.home_delivery_under	{max-width:450px; padding: 25px; margin:auto; margin-top: 10px;}
}

@media (max-width: 850px) {
h2 						{font-size:27px; line-height: 22px; padding: 0px;}
.relative				{position: relative; text-align: center;}
.fold_container			{position: absolute; top:-50px; padding: 0 35px 0 35px; margin-left:-40px;  max-width: 350px;}
.fold_container_product	{position: absolute; top:0px; padding: 0 35px 0 35px; max-width: 450px;}
.highlight_fold_homepage{margin-top: 0px;z-index: -1;}
.highlight_fold_product {margin-top: -75px;z-index: -1;}
.waitlist_signup		{max-width:450px; padding: 10px; margin:auto; margin-top: -65px;}
.home_delivery_under	{max-width:450px; padding: 25px; margin:auto; margin-top: 10px;}
}

a.h2:hover{color:#000;}

/* Link styling */

a:link 		{text-decoration: none; color: inherit;}
a:visited 	{text-decoration: none; color: inherit;}
a:hover 	{text-decoration: none; color:#9f3957;}
a:active 	{text-decoration: none; color: inherit;}

ul {
  padding: 0;
  list-style-type: none;
}

.li				{padding: 9px; text-align: center; margin: auto; clear: both; font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:12px}

.nav_li			{margin-left: 20px; font-weight: 600; font-size:23px;}
a.nav_li:hover  {margin-left: 20px; color:#fa7961;}

.txt_wht		{color: #fff}
.txt_blk		{color: #000}

@media (min-width: 851px) {
.affiliates_a_r		{text-align: right}
}
@media (max-width: 850px) {
.affiliates_a_r			{text-align: left; padding-bottom: 20px}
}
.a_r			{text-align: right}
.a_l			{text-align: left}
.a_c			{text-align: center}

.socials		{margin: auto; width: 250px; padding-top: 50px; text-align: center;}
.camino_socials	{height: 30px; padding: 0 10px 0 10px;}


/* CTAs */
.camino_cta,a.camino_cta:link 		{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size;17px;border-radius: 35px;padding: 7px 15px 7px 15px;text-align: center;}

.camino_cta_nav,a.camino_cta_nav:link 		{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size;24px;border-radius: 35px;background: #9f3957;padding: 7px 15px 7px 15px;text-align: center;color:#fff; margin-left: 17px;}
	
a.camino_cta_nav_mob:link 		{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size: 23px; line-height: 28px; font-weight: 600;border-radius: 35px;background: #9f3957;padding: 7px 15px 7px 15px;text-align: center;color:#fff;}

a.camino_cta_nav_mob:visited 		{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size;17px;border-radius: 35px;background: #9f3957;padding: 7px 15px 7px 15px;text-align: center;color:#fff;}
	
a.camino_cta:hover,a.camino_cta_nav,a.camino_cta_nav_mob:hover {color:#000; background: #a3d3ee;} 

.cta_inline		{margin-top: 33px; padding-bottom:35px}


.cta_camino_persimmon,a.cta_camino_persimmon:link	{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size;17px;border-radius: 35px;padding: 7px 15px 7px 15px;text-align: center;background: #fa7961; color: #fff}
a.cta_camino_persimmon:hover {color:#000; background: #fff;} 


.cta_camino_cherry,a.cta_camino_cherry:link,a.cta_camino_cherry:visited	{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size;17px;border-radius: 35px;padding: 7px 15px 7px 15px;text-align: center;background: #9f3957; color: #fff}
a.cta_camino_cherry:hover {color:#fff; background: #fa7961;} 


a.camino_white:link	{background: #fff; color: #000}
a.camino_white:active	{background: #fff; color: #000}
a.camino_white:visited	{background: #fff; color: #000}
a.camino_white:hover	{background: #a3d3ee; color: #000}

a.camino_cherry:link	{background: #9f3957; color: #fff}
a.camino_cherry:active	{background: #9f3957; color: #fff}
a.camino_cherry:visited	{background: #9f3957; color: #fff}
a.camino_cherry:hover	{background: #a3d3ee; color: #000}

a.camino_cta_nav:link	{background: #9f3957; color: #fff}
a.camino_cta_nav:active	{background: #9f3957; color: #fff}
a.camino_cta_nav:visited	{background: #9f3957; color: #fff}
a.camino_cta_nav:hover	{background: #a3d3ee; color: #000}


.camino_cherry		{background: #9f3957; color: #fff}
.camino_persimmon	{background: #fa7961; color: #fff;}
.camino_goldenrod	{background: #ffc071; color: #000}
.camino_sky			{background: #a3d3ee; color: #000}
.camino_white		{background: #fff; color: #000}
.camino_periwinkle	{background: #b4728f; color: #fff}
.camino_dustypurple	{background: #483a46; color: #fff}
.camino_mauve		{background: #93525a; color: #fff}

.btn_blk	{color: #000}
.btn_wht	{color: #fff}





/* Button Styling  */

.button_contact_submit,a.button_contact_submit:link 		{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size;20px;border-radius: 35px;background: #9f3957;padding: 7px 15px 7px 15px;text-align: center;color:#fff; margin-left: 20px; box-shadow: 0 0 0 0 #fff;}
a.button_contact_submit:hover {color:#0055B4;} 









/* Contact form  */

.contact_form_container		{max-width: 500px; margin: auto; clear: both;}


#formxxxxxxxxxxxx			{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:12px;line-height: 30px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}

#fieldName			{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}
#fieldEmail			{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}
#fieldTBC		{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}
#fieldtrtlllr		{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}

#textareaxxxxxxxx	{width: 100%; height: 100px; border: 0px; border-bottom: 1px solid #000}


#fieldjjiufy		{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}
#fieldjjiufj		{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}
#fieldjjiuft		{width: 100%;font-family: TTCommonsProRegular, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:18px;line-height: 40px; border-bottom: 1px solid #000; border-top: none;border-left: none;border-right: none;}

.js-cm-submit-button	{border:none;font-size:18px;}









/* Dropdown Button */
.dropbtn {
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
  z-index: 1; text-align: left;
}

/* Links inside the dropdown */
.dropdown-content a { margin-top:
  color: #000;  background-color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dc_c1	{margin-top: 10px;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {}









/* 
Slick Slider
--------------------
 */
.slider_mobile	{height: 100vh; overflow: hidden;} 

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}



/* 
Slick Theme
--------------------
 */
 
 
 
 @charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: url('./ajax-loader.gif') center center no-repeat;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    position: absolute;
    bottom: -50px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 2px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: #f0c6c9;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "Gotham", "Courier New", "American Typewriter", "Heiti TC", Monaco, monospace, "Helvetica Neue", sans-serif; font-weight:200;
    font-size: 22px; 
    line-height: 18px;

    position: absolute;
    top: 1px;
    left: 0;

    width: 20px;
    height: 22px;
	
    content:'o';
    text-align: center;

    opacity: 0.7;
    color:#f0c6c9;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	
	font-family: font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "Gotham", "Courier New", "American Typewriter", "Heiti TC", Monaco, monospace, "Helvetica Neue", sans-serif; font-weight:400;
    font-size: 42px;
    -webkit-font-size: 50px;
	-webkit-transform:none;
	line-height: 22px;
	
	width: 20px;
    height: 24px;
	
    content:'•';
    opacity: 1.0;
    color: #f0c6c9;
}






/* 
Style
--------------------
 */



*{-moz-box-sizing:border-box;box-sizing:border-box;}
.blue{background:#3498db;color:#fff;}
.blue h3{background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.variable-width .slick-slide p { background: #fff; height: 100px; color:#3498db; margin: 5px; line-height: 40px; }
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0px 0px 0px; margin-bottom: 10px;}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px;}

.content{margin:auto;padding:20px;width:600px;}

.slick-slide .image{padding:0px;}
.slick-slide img{border:0px solid #FFF;display:block;width:100%;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{}
.ss50{margin:5px auto 50px;}
.ss20{margin:5px auto 30px;}
.ss_pdr {width: auto; height:25px;}


@media (max-width: 420px) {
ul.nav li a{display:block;font-size:14px;}
}
@media (max-width: 768px) {
.button{margin:0 auto 20px;width:auto;}
.button.first{margin-top:40px;}
.buttons{padding:0 0 10px;}
.buttons .button{float:left;font-size:12px;margin:1%;width:48%;}
.center{margin-left:0px;margin-right:0px;}
.center .slick-center h3{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1);}
.center h3{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);opacity:0.8;transform:scale(0.95);transition:all 300ms ease;}
.content{margin:auto;padding:15px;width:auto;}
}