@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah:500,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400i');

body {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #626262;
	-webkit-overflow-scrolling: touch;
}
p {
	font-size: 16px;
	line-height: 28px;
}
ul {
	font-size: 14px;
}
body img {
	max-width: 100%;
}
hr.center {
	text-align: center;
	margin: 30px auto;
	width: 110px;
}
hr {
	margin: 30px 0px;
	border: 0;
	border-top: 1px solid #dddddd;
}
hr.blue {
	border-top: 5px solid #53c3ee;
}
hr.orange {
	border-top: 5px solid #f39200;
}
hr.gray {
	border-color: #dddddd;
}
hr.green {
	border-color: #009143;
}
hr.greenbar {
	border-top: 10px solid #009143;
}
hr.dashed {
	border-style: dashed;
}
hr.black {
	border-color: #000;
}
hr.darkgray {
	border-color: #343434;
	margin: 15px 0px;
}
hr.nomargin {
	margin: 0;
}
hr.h {
	width: 60px;
	border: 0;
	border-top: 1px solid #464646;
	margin: 20px auto;
}
h1, h2, h3 {
	font-weight: normal;
}
h1.h, h2.h, h3.h {
	text-align: center;
}
h1 {
	font-size: 30px;
	letter-spacing: 3px;
}
h2 {
	font-size: 38px;
	font-weight: bold;
	margin: 20px 0px;
}
h3 {
	font-size: 28px;
	margin: 20px 0px;
}
a {
	color: #f39200;
	font-weight: normal;
}
a:hover {
	color: #000;
}
input[type=submit] { 
    outline: none;
    -webkit-appearance: none;
}

::selection {  background: rgba(83, 195, 238, 1);  color: #ffffff; }
::-moz-selection {  background: rgba(83, 195, 238, 1); color: #ffffff; }

.space5 {
	height: 5px;
}
.space8 {
	height: 8px;
}
.space10 {
	height: 10px;
}
.space15 {
	height: 15px;
}
.space20 {
	height: 20px;
}
.space30 {
	height: 30px;
}
.space50 {
	height: 50px;
}
.space100 {
	height: 100px;
}
.simpleinline {
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	font-size: 15px;
}
.rightpad10 {
	padding-right: 10px;
}
.leftpad10 {
	padding-left: 10px;
}
.rightpad20 {
	padding-right: 20px;
}
.leftpad20 {
	padding-left: 20px;
}
.inline-container {
	font-size: 0;
}
.inline-container.lright .simpleinline:last-child {
	text-align: right;
}
.inline-container.vcenter .simpleinline {
	vertical-align: middle;
}
.inline-container .simpleinline:last-child {
	margin-right: 0px;
}
.inline-1-12 {
	width: calc(1*(100% - 110px)/12 - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-2-12 {
	width: calc(2*(100% - 110px)/12 + 10px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-3-12 {
	width: calc(3*(100% - 110px)/12 + 20px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-4-12 {
	width: calc(4*(100% - 110px)/12 + 30px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-5-12 {
	width: calc(5*(100% - 110px)/12 + 40px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-6-12 {
	width: calc(6*(100% - 110px)/12 + 50px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-7-12 {
	width: calc(7*(100% - 110px)/12 + 60px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-8-12 {
	width: calc(8*(100% - 110px)/12 + 70px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-9-12 {
	width: calc(9*(100% - 110px)/12 + 80px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-10-12 {
	width: calc(10*(100% - 110px)/12 + 90px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-11-12 {
	width: calc(11*(100% - 110px)/12 + 100px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-12-12 {
	width: calc(12*(100% - 110px)/12 + 110px - 0.01%);
	margin: 0;
	vertical-align: top;
}

input.form-company {
	visibility:hidden;
	position: absolute;
}


/* GENERAL */
#site-wrap {
	margin: 0;
	background: #fff;
	min-width: 1200px;
}
#topline {
	background: #a3b4c8;
	color: #fff;
	padding: 15px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 15px;
}
#hdr-container {
	background-color: #fff;
}
#hdr {
	background-color: #fff;
	margin: 0 auto;
	padding: 20px 0px;
	box-sizing: border-box;
	font-size: 0;
	width: 1100px;
}
#hdr-mob {
	display: none;
	text-align: center;
}
#bdy-container {
	width: 100%;
}
.bdy {
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0px;
	box-sizing: border-box;
}
#ftr-container {
	width: 100%;
	background-color: #53c3ee;
}
#ftr {
	width: 1200px;
	padding: 40px 0;
	box-sizing: border-box;
	background-color: #53c3ee;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
}
#ftr-mob {
	display: none;
	background-color: #53c3ee;
	color: #fff;
	padding: 15px 0px 35px 0px;
	text-align: center;
}
#breadcrumbs-container {
	background: #eaeaea;
	margin-bottom: 10px;
}
#breadcrumbs {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	padding: 10px 0px 8px 0px;
}
#breadcrumbs span {
	display: inline-block;
	vertical-align: middle;
	color: #434343;
	font-weight: normal;
}
#breadcrumbs a {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
	color: #434343;
	font-weight: normal;
}
#breadcrumbs a:hover span {
	text-decoration: underline;
}
.iframeWrapper {
	position: relative;
	padding-bottom: 49%;
	padding-top: 25px;
	height: 0;
}
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cons {
	padding: 40px;
}
.cons.white {
	background: #fff;
}
.cons.gray {
	background: #f8f8f8;
}
.cons.green.light {
	background: #f4f8f1;
}
.cons.green.dark {
	background: #009143;
	color: #fff;
}
.cons.beige {
	background: #f3d9c2;
	padding: 40px 0px;
}
.new-bdy {
	width: 1200px;
	margin: 0 auto;
}
.btn {
    display: inline-block;
    padding: 15px 45px;
    text-decoration: none;
    border: 1px solid #000;
    color: #000;
    letter-spacing: 3px;
    font-size: 18px;
}
.btn + .btn {
	margin-right: 5px;
}
.btn:hover {
	text-decoration: none;
	opacity: 0.9;
}
.btn.blue {
	background: #a3b4c8;
	color: #fff;
	border: 0;
}

/* topnav.inc */
.hdr-cll1 {
	display: inline-block;
	vertical-align: middle;
	width: 450px;
	padding-left: 15px;
}
.hdr-cll2 {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 465px);
}

/* dropdown.inc */
#hdr ul#topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
#hdr ul#topnav li {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#hdr ul#topnav li:hover {
	background: #f7f7f7;
}
#hdr ul#topnav li a {
	display: inline-block;
	padding: 35px 15px;
	color: #464646;
	text-decoration: none;
}
#hdr ul#topnav li a:hover {
	color: #313131;
	text-decoration: none;
}
#hdr ul#topnav li ul.drops {
    display: none;
	background: #f7f7f7;
    color: #000;
    position: absolute;
    z-index: 10003;
    text-align: left;
	font-weight: bold;
	font-size: 15px;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}
#hdr ul#topnav li:hover ul.drops {
	display: block;
}
#hdr ul#topnav li ul.drops li {
    display: block;
    margin:0;
    padding: 0;
    font-weight: normal;
}
#hdr ul#topnav li ul.drops li a {
    display: block;
    padding: 10px 13px;
	font-weight: bold;
	font-size: 15px;
    color: #000;
}
#hdr ul#topnav li ul.drops li a:hover {
	background: #eaeaea;
}

#hdr ul#topnav li:hover div.drops {
	display: block;
}
#hdr ul#topnav div.drops {
    display: none;
    background: #f7f7f7;
    color: #121212;
    position: absolute;
    left: 0;
    z-index: 10003;
    text-align: left;
	font-size: 16px;
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
}
#hdr ul#topnav div.drops .drop-in {
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	font-weight: normal;
}
#hdr ul#topnav div.drops .drop-in b {
	display: block;
	font-size: 15px;
	font-weight: bold;
}
#hdr ul#topnav div.drops .drop-in .cll-img {
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#hdr ul#topnav div.drops .drop-in .cll-img a {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#hdr ul#topnav div.drops .drop-in .cll-img img {
	margin-bottom: 4px;
}
#hdr ul#topnav div.drops .drop-in .cll-txt1 {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 880px);
	padding: 40px 10px;
	box-sizing: border-box;
}
#hdr ul#topnav div.drops .drop-in .cll-txt1 a {
	display: block;
	padding: 0;
	margin: 20px 0px;
	font-weight: bold;
	font-size: 15px;
}
#hdr ul#topnav div.drops .drop-in .cll-txt3 {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 440px)/3);
	padding: 20px 10px;
	box-sizing: border-box;
}
#hdr ul#topnav div.drops .drop-in .cll-txt3 a {
	display: block;
	padding: 0;
	margin: 10px 0px;
	font-size: 15px;
}

#hdr ul#topnav li .drop-in a {
	padding: 5px 0px;
}
#hdr ul#topnav li .drop-in .simpleinline {
	vertical-align: top;
	text-align: left;
}


/* footer.inc */
form.form.subscribe {
	margin-top: 30px;
	text-align: center;
}
form.form.subscribe .g-recaptcha {
	display: block;
	width: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}
form.form.subscribe input[type='text'] {
	display: block;
	width: 350px;
	margin: 10px auto;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	padding: 17px;
	font-size: 16px;
}
form.form.subscribe textarea {
	display: block;
	width: 350px;
	margin: 10px auto;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	padding: 17px;
	font-size: 16px;

}
form.form.subscribe input[type='submit'] {
	background: #fff;
	color: #464646;
	width: auto;
	border-radius: 0;
	font-size: 18px;
	padding: 0px 30px;
	margin: 0;
	line-height: 54px;
	border: 1px solid #d4d4d4;
}
form.form.subscribe input[type='submit']:hover {
	background: #f1f1f1;
}
#ftr .social a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
#ftr .social img {
	width: 40px;
}
#ftr .ftrnav .inline-10-12 {
	padding-right: 20px;
}
#ftr .ftrnav p {
	text-align: right;
}
#ftr .ftrnav a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* 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 */
    cursor: pointer; /* Add a mouse pointer on hover */
}

#myBtn:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}


/* mobilemenu.inc */
#mm-top {
	position: relative;
	background: #fff;
	text-align: center;
}
#mm-top #mm-logo {
	display: block;
	padding: 15px 0px;
	width: 250px;
	margin: 0 auto;
}
#mm-top #mm-buy {
	position: absolute;
	right: 10px;
	top: 17px;
	font-size: 13px;
	padding: 3px 20px;
	line-height: 35px;
}
#mm-top #mm-buy:hover {
	color: #2e9149;
}

#mm-bot {
	background: #eaeaea;
	padding: 10px;
	font-size: 0;
}
#mm-bot #mm-menu {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	text-align: left;
}
#mm-bot #mm-menu img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-right: 10px;
}
#mm-bot #mm-menu span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	color: #474747;
}
#mm-bot #mm-pad {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 200px);
}
#mm-bot #mm-call {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}
#mm-bot #mm-call img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-left: 10px;
}
#mm-bot #mm-call span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	color: #474747;
}
ul#mm-drop {
    display: none;
    list-style: none;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    position: absolute;
    z-index: 999;
    background: #eaeaea;
    width: 100%;
}
ul#mm-drop li {
    text-align: left;
    position: relative;
}
ul#mm-drop li.featured {
    background: #dbeae0;
}
ul#mm-drop li.featured a {

}
ul#mm-drop li.featured span {

}
ul#mm-drop li a {
    display: block;
    padding: 14px;
    border: 1px solid #474747;
    border-bottom: 0px;
    color: #474747;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
ul#mm-drop li:last-child a {
    border-bottom: 1px solid #474747;
}
ul#mm-drop li ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#mm-drop li ul li:last-child a {
	border-bottom: 0;
}
ul#mm-drop li ul li a {
    padding-left: 35px;
    color: #474747;
}
ul#mm-drop span {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 14px 14px 14px 20px;
    font-size: 18px;
    line-height: 19px;
    color: #474747;
    text-align: right;
    box-sizing: border-box;
    cursor: pointer;
}
ul#mm-drop a:hover {
    color: #ccc;
}


/* forms */
form.form {
    font-size: 0;
}
form.form p {
    font-size: 14px;
}
form.form label {
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 5px 0px 0;
    text-align: right;
}
form.form input[type='text'], form.form input[type='password'] {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 15px;
    margin: 10px 0;
    font-family: 'Montserrat';
    font-size: 13px;
    box-sizing: border-box;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block;
}
form.form input[type='text']::placeholder {
	color: #858585;
	font-family: 'Sorts Mill Goudy';
	font-style: italic;
	font-size: 20px;
}
form.form textarea {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    width: 100%;
    padding: 15px;
    margin: 10px 0px;
    height: 190px;
    font-family: 'Montserrat';
    font-size: 13px;
    box-sizing: border-box;
}
form.form textarea::placeholder {
	color: #858585;
	font-family: 'Sorts Mill Goudy';
	font-style: italic;
	font-size: 20px;
}
form.form input[type='submit'] {
    display: inline-block;
    vertical-align: middle;
    background: #fec0cb;
    color: #fff;
    padding: 15px 55px;
    border: 0;
    border-radius: 0px;
    cursor: pointer;
    font-size: 18px;
    margin-top: 15px;
    font-family: 'Montserrat';
    -webkit-appearance: none;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    text-transform: uppercase;
}
form.form input[type='submit']:hover {
    background: #daa5ae;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
form.form select {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    border: 1px solid #ccc;
    width: calc(100% - 110px);
    padding: 7px;
    box-sizing: border-box;
    margin: 5px 0;
    border-radius: 2px;
}
form.form input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
}


/* POP UP */
#popUpDim {
    background: rgba(0,0,0,0.38);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101010;
}
.popUpBox {
    display: none;
    color: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 480px;
    height: 718px;
    box-sizing: border-box;
    padding: 15px;
    -webkit-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    background: #ecf9ff;
    background-size: 100%;
    background-position: center;
    z-index: 101011;
}
.popUpClose {
    position: absolute;
    top: 25px;
    right: 25px;
    text-align: right;
    border: 0px solid #ccc;
    padding: 0px;
    margin: 0px 0px;
    width: 30px;
    cursor: pointer;
}
.popUpBox img {
    max-height: 100%;
}
.popUpIn {
    font-size: 15px;
    background: #f3d9c2;
    color: #fff;
    text-align: center;
    padding: 30px;
}
.popUpIn span.sign {
	display: block;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 10px;
}
.popUpIn span.and {
	display: block;
	text-align: center;
	color: #e2c8b1;
	font-size: 250px;
	font-family: 'PT Serif';
	line-height: 200px;
}
.popUpIn span.save {
	display: block;
	text-align: center;
	font-size: 113px;
	font-style: italic;
	font-family: 'Noto Serif';
	font-weight: 700i;
	letter-spacing: 15px;
}
.popUpIn hr {
	border: 0;
	border-top: 1px solid #e2c8b1;
	margin: 15px auto;
	width: 85%;
}
.popUpIn p {
	color: #464646;
	font-size: 16px;
}
.popUpIn form.form.subscribe {
	margin-top: 10px;
}
.popUpIn form.form.subscribe input[type='text'] {
	width: 100%;
	margin: 5px 0px;
}
.popUpIn form.form.subscribe input[type='submit'] {
	width: 100%;
	margin: 5px 0 0 0;
}



/* index.php */
.index-inline {
	display: inline-block;
	vertical-align: top;
	width: calc(100%/3 - 40px);
	margin: 0px 20px;
	padding: 25px 40px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0px 0px 24px rgba(0,0,0,.13);
	height: 450px;
}
.index-inline.orange {
	background: #f39200;
	color: #fff;
}
.index-inline span {
	display: block;
	text-align: center;
	margin: 15px 0px;
	font-size: 26px;
}
.index1 {
	background-image: url('images/index1.jpg');
	text-align: center;
}
.index2 {
	text-align: center;
}
.index3 {
	padding: 40px 0px 0px 0px;
	background: #f8f8f8;
}
.index3 .blue {
	width: 110px;
}
.index3 .bdy {
	padding-bottom: 0;
}
.index3 .inline-3-12 {
	font-size: 0;
}
.index5 {
	background: #f8f8f8;
	text-align: center;
}
.justmobile {display: none;}

@media (max-width: 420px) {
	.leftpad10, .rightpad10, .leftpad20, .rightpad20 {
		padding: 0;
	}
	.inline-1-12, .inline-2-12, .inline-3-12, .inline-4-12, .inline-5-12, .inline-6-12, .inline-7-12, .inline-8-12, .inline-9-12, .inline-10-12, .inline-11-12 {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.mobinline-1-12 {
		width: calc(1*(100% - 110px)/12);
		margin-right: 10px;
	}
	.mobinline-2-12 {
		width: calc(2*(100% - 110px)/12 + 10px);
		margin-right: 10px;
	}
	.mobinline-3-12 {
		width: calc(3*(100% - 110px)/12 + 20px);
		margin-right: 10px;
	}
	.mobinline-4-12 {
		width: calc(4*(100% - 110px)/12 + 30px);
		margin-right: 10px;
	}
	.mobinline-5-12 {
		width: calc(5*(100% - 110px)/12 + 40px);
		margin-right: 10px;
	}
	.mobinline-6-12 {
		width: calc(6*(100% - 110px)/12 + 50px);
		margin-right: 10px;
	}
	.mobinline-7-12 {
		width: calc(7*(100% - 110px)/12 + 60px);
		margin-right: 10px;
	}
	.mobinline-8-12 {
		width: calc(8*(100% - 110px)/12 + 70px);
		margin-right: 10px;
	}
	.mobinline-9-12 {
		width: calc(9*(100% - 110px)/12 + 80px);
		margin-right: 10px;
	}
	.mobinline-10-12 {
		width: calc(10*(100% - 110px)/12 + 90px);
		margin-right: 10px;
	}
	.mobinline-11-12 {
		width: calc(11*(100% - 110px)/12 + 100px);
		margin-right: 10px;
	}
	.mobinline-12-12 {
		width: calc(12*(100% - 110px)/12 + 110px);
		margin: 0;
	}
	.mobinline-2 {
		display: inline-block;
		width: 48%;
		margin: 1%;
		box-sizing: border-box;
	}

	/* GENERAL */
	#site-wrap {
		width: 100%;
		min-width: 0;
		margin: 0;
	}
	#breadcrumbs-container {
		display: none;
	}
	#hdr, #ftr-container {
		display: none;
	}
	#topline {
		padding: 4px 0px;
		font-size: 0;
		width: 100%;
		min-width: 0;
	}
	#hdr-mob, #ftr-mob, #boxdrop-menu {
		display: block;
	}
	.bdy {
		width: 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.cons {
		padding: 20px;
	}
	.btn {
		font-size: 12px;
	}



	/* footer.inc */
	form.form input[type='text'] {
		font-size: 16px;
	}
	form.form input[type='submit'] {
		font-size: 16px;
	}
	form.form.subscribe {
		margin-top: 10px;
	}
	form.form.subscribe input[type='text'] {
		width: 100%;
		margin: 5px 0;
	}
	form.form.subscribe input[type='submit'] {
		margin-top: 5px;
	}


	/* index.php */
	.index-inline {
		width: 100%;
		margin: 30px 0px;
		height: auto;
	}
	.ins-con {
	    overflow-x: scroll;
	    white-space: nowrap;
	    width: 100%;
	    -webkit-overflow-scrolling: touch;
	    padding: 0px 20px;
	    box-sizing: border-box;
	}
	.ins-con img {
		width: calc(50% - 20px);
	}


	/* POP UP */
	.popUpBox {
		width: 90%;
		height: 391px;
		padding: 10px;
	}
	.popUpIn {
		padding: 15px;
	}
	.popUpIn span.sign {
		font-size: 14px;
		line-height: normal;
	}
	.popUpIn span.and {
		font-size: 60px;
		line-height: 60px;
	}	
	.popUpIn span.save {
		font-size: 20px;
		line-height: normal;
		letter-spacing: 10px;
	}
	.popUpIn p {
		font-size: 13px;
	}

	/* contact.php */
	form.contact {
		width: 100%;
	}
	#myBtn {
		display: none;
	}

	.justmobile {
		display: block;
	}
	.nomobile {
		display: none;
	}
}