body { margin: 0px; padding: 0px; font-family: 'Gotham';}

h2,h3,h4,h5,p, input, li {font-family: 'Gotham' !important;}


header { height:140px; width: 100%; box-sizing: border-box; padding: 15px 10%; }
.logo { width: 130px;  float: left}
.logo img { width: 100%;; background-size: contain; float: left}
header .social {width: 40%;float: right;  padding: 32px 0px 0px;}
header .social i {background: #e30613;    height: 35px;    width: 35px;   border-radius: 90px;   float: left;    color: #fff !important;   padding: 10px;  box-sizing: border-box;   margin-right: 6px;}
header .social .iconfrm { width: 215px;float: right;}
header .social p {  font-size: 15px;    color: #ccc;   text-transform: uppercase;   float: right;  line-height: 10px;  margin-right: 20px; font-weight: 600;  font-family: 'PT Sans';}

section#banner { width:100%; float: left; height: auto;}
section#banner img { width: 100%; background-size: contain;}
.desk { display: inherit}
.mobs { display: none;}


section#formarea { width:100%; float: left; box-sizing: border-box; padding: 60px 15% 0px; }
section#formarea .col1 { width: 10%; float: left;  flex: 1; max-width: 10% !important; background: #cc2b56;}
section#formarea .col1 img { width:100%; float: left; }
section#formarea .col2 { width: 80%; float: left;  height: auto; min-height: 30vw;padding: 30px 10%; box-sizing: border-box; flex: 1 }
section#formarea .col2 .coll { width: 50%; float: left; box-sizing:border-box; padding:0px;}
section#formarea .col2 .coll img { width: 100% !important; background-size: contain; margin-top: 25%;}
section#formarea .col2 .colr { width: 50%; float: left; box-sizing:border-box; padding:5% 0px 0px 30px;}
section#formarea .col2 .colr .textsd { border:1px solid #8d081c; height: 50px; width: 100%; float: left; box-sizing: border-box; padding: 10px 10px 10px 35px; font-size: 16px; color: #8d081c;  margin-bottom: 0px; background-color: transparent; font-weight: 500; font-style: italic; }
section#formarea .col2 .colr  .submits { width: 100%; float:left; background: #bc2d4e; height: 55px; color: #fff; text-align: center; font-size: 16px; line-height: 55px; font-weight: 500; border:0px; letter-spacing: 1px;}
section#formarea .col2 .colr  .iconsd { color:#bc2d4e; position: relative; top: -35px; left: 10px; float: left; font-size: 19px }

section#formarea .col4  { width:100%; float: left; background: #cc2b56 }
section#formarea .contents { width:100%; float: left; background: #feede0; background-image: url("../images/design.png"); background-position: left bottom;  background-repeat: no-repeat; display: flex;}
section#formarea .contents h2 { font-size: 38px; text-align: center; color: #a31537; line-height: 45px; font-weight: 700; margin-bottom: 0px;}
section#formarea .contents p { font-size: 22px; text-align: center; color: #a31537; line-height: 32px; font-weight: 500;}
section#formarea .col4  img { width:100%; background-size: contain !important} 


section#terms { width:100%; float: left; box-sizing: border-box; padding: 0px 15% 60px;   }
section#terms .conarea { background: #cc2b56; background-size: cover; padding: 0px 20% 60px; float: left; width: 100% !important; box-sizing: border-box; margin-top: -20px !important; }
section#terms .conarea  h2 { font-size: 32px; text-align: center; line-height: 42px; font-weight: 500; color: #fff;}

section#terms .conarea  li { color:#fff; margin-bottom:5px; font-size: 20px; line-height: 28px; font-weight: 400;  }


footer { height: 100px;   width: 100%;   padding: 10px 10%;    box-sizing: border-box;   background: #e6e7e2;   float: left; border-top: 3px solid #cc2b56}
footer .social { width: 250px; height: 27px; float: left;  margin-top: 25px;}
footer p {    width: 50%;    float: right;   color: #333;    text-align: right;   font-size: 15px;  font-family: 'PT Sans' ;   font-weight: 500; line-height: 50px;}
footer .social .loca { height: 27px;  width: 27px;   float: left;  margin-right: 0px;   background: url(../images/social.png) no-repeat;   background-position: -120px 0;}
.shopnf {   height: 40px;   width: auto;    padding: 10px 15px;  text-align: center;    color: #fff;  background: #cd1645;   border-radius: 20px;  font-size: 12px;    line-height: 40px;  display: inherit !important;   margin-left: 10px;}

a { text-decoration: none }
@media only screen and (max-width:900px) {
	
.desk { display: none !important}
.mobs { display: inherit !important;}	
	header { height:60px; }	
	.logo { width: 50px; margin: 0px auto; }
section#formarea { padding: 60px 5% 0px !important; }
	section#formarea .col2 {padding:25px 5%;}
	section#formarea .contents h2 { font-size: 22px; line-height: 32px;}
	section#formarea .contents p { font-size: 16px; line-height: 24px; }
	section#formarea .contents p br, section#formarea .contents h2 br, section#terms .conarea h2 br { display: none !important}
	section#formarea .col2 .coll { width:100%}
	section#formarea .col2 .colr { width:100%; padding: 20px 0px !important; }
	section#formarea .col2 .coll img { margin-top:5% }
	section#formarea .col1 {width: 10%;float: left;background: #cc2b56;}
	section#formarea .col4 { height: 50px;}
	section#formarea .col4 img { display: none !important;}
	section#terms { padding: 0px 5% 60px !important; }
	section#terms .conarea { padding: 20px 5% 60px }
	section#terms .conarea h2 { font-size: 22px; line-height: 30px;}
	section#terms .conarea li { font-size:16px; line-height: 24px; margin-bottom: 10px; }
	footer { height: auto}
	footer .social {width: 180px;height: 27px;float:none ;margin: 20px auto !important;display: block;}
	footer p { width: 100% !important; text-align: center; font-size: 14px; line-height: 20px;}
	header .social { display: none; }
}


@media only screen and (min-width:900px) and (max-width:1100px) {
	
.desk { display: none !important}
.mobs { display: inherit !important;}	
	header { height:100px; }	
	.logo { width: 90px; margin: 0px auto; }
	header .social { padding: 0px !important;}
section#formarea { padding: 60px 5% 0px !important; }
	section#formarea .col2 {padding:25px 5%;}
	section#formarea .contents h2 { font-size: 28px; line-height: 32px;}
	section#formarea .contents p { font-size: 16px; line-height: 24px; }
	  section#terms .conarea h2 br { display: none !important}
	section#formarea .col2 .coll { width:50%}
	section#formarea .col2 .colr { width:50%; padding: 20px 0px !important; }
	section#formarea .col2 .coll img { margin-top: 5%;  width: 90% !important}
	section#formarea .col1 {width: 10%;float: left;background: #cc2b56; max-width: 5% !important;}
	section#formarea .col4 { height: 50px;}
	section#formarea .col4 img { display: none !important;}
	section#terms { padding: 0px 5% 60px !important; }
	section#terms .conarea { padding: 20px 5% 60px }
	section#terms .conarea h2 { font-size: 22px; line-height: 30px;}
	section#terms .conarea li { font-size:16px; line-height: 24px; margin-bottom: 10px; }
	footer p { width:60%; }
	
}

@media only screen and (min-width:1101px) and (max-width:1200px) {
	
	section#formarea { padding: 60px 5% 0px !important; }
		section#terms { padding: 0px 5% 60px !important; }
	section#terms .conarea {padding: 0px 10% 60px;}
	section#formarea .contents h2 { font-size: 32px; line-height: 32px; }
	section#formarea .contents p { font-size: 17px; line-height: 26px; }
	section#formarea .col2 { padding: 10px 8% 20px; }
	section#formarea .col2 .colr {padding: 0px 0px 0px 30px;}
	section#formarea .col1 img {width: 100%;float: left;}
		
}

@media only screen and (min-width:1201px) and (max-width:1720px) {
	
	section#formarea { padding: 60px 5% 0px !important; }
		section#terms { padding: 0px 5% 60px !important; }
	section#terms .conarea {padding: 0px 10% 60px;}
	section#formarea .contents h2 { font-size: 32px; line-height: 32px; }
	section#formarea .contents p { font-size: 17px; line-height: 26px; }
	section#formarea .col2 { padding: 10px 8% 20px; }
	section#formarea .col2 .colr {padding: 0px 0px 0px 30px;}
	section#formarea .col1 img {width: 100%;float: left;}
		
}