/*---------------------------------------------------------------------------------------------------mobile portrait Surface Swag-----------------------------------------------------------------------------------------------------*/
.portrait-view-nulled {
display: none;
}
/*no vertical height portrait*/
/*.novh-mbl-P {
height: auto;
}*/
/*blur filters*/
.bf1-mbl-P {
-webkit-filter: blur(16px);
-moz-filter: blur(16px);
-o-filter: blur(16px);
-ms-filter: blur(16px);
filter: blur(16px);
}
/*------------------------------------------------------------------------------------------------------body content positioning------------------------------------------------------------------------------------------------------*/
/*body outer divs-----------------------------------------------*/
/*body outer div portrait*/
.bod-mbl-P {
position: absolute;
top: 50%;
transform: perspective(1px) translateY(-50%);
height: 100%;
/*height: 90%;*//*original setting*/
width: 100%;
z-index: 100;
}
/*body center content outer div portrait*/
.bccod-mbl-P {
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
height: auto;
width: 100%;
margin-bottom: 46%;
z-index: 110;
}
/*---------------------------------------------------------------------------------------------------logos / icons / menu and titles--------------------------------------------------------------------------------------------------*/
/*loading logo middle landing page portrait*/
.llmlp-mbl-P {
position: fixed;
top: 50%;
transform: perspective(1px) translateY(-50%);
left: 15%;
right: 15%;
height: auto;
width: 70%;
/*padding-top: 20px;*/
z-index: 300;	
}
/*-----------------------------------------------------------------------------------------*/
/*logo top div portrait*/
.ltd-mbl-P {
position: fixed;
top: 3.6vh;
/*transform: perspective(1px) translateY(-50%);*/
left: 18%;
right: 18%;
height: auto;
width: 64%;
z-index: 100;	
}
/*scan vcard logo top div portrait*/
.svc-ltd-mbl-P {
position: fixed;
top: 3.6vh;
/*transform: perspective(1px) translateY(-50%);*/
left: 18%;
right: 18%;
height: auto;
width: 64%;
z-index: 100;	
}
/*scan vcard middle div portrait*/
.svc-md-mbl-P {
position: fixed;
top: 50%;
transform: perspective(1px) translateY(-50%);
left: 15%;
right: 15%;
height: auto;
width: 70%;
padding-top: 20px;
z-index: 300;	
}
/*pg title outer div portrait*/
.ptod-mbl-P {
position: fixed;
top: 8vh;
/*bottom: 14%;
transform: perspective(1px) translateY(-14%);*/
height: auto;
width: 100%;
text-align: center;
/*margin-bottom: 100%;*/
z-index: 110;
}
/*scan vcard pg title outer div portrait*/
.svc-ptod-mbl-P {
position: fixed;
top: 20%;
/*bottom: 14%;
transform: perspective(1px) translateY(-14%);*/
height: auto;
width: 100%;
text-align: center;
/*margin-bottom: 100%;*/
z-index: 110;
}
/*subpage logo and title outer div portrait
.spltod-mbl-P {
position: absolute;
top: 0%;
width: 98%;
height: auto;
left: 0%;
right: 2%;
text-align: center;
z-index: 100;	
}*/
/*-----------------------------------------------------------------------------------------*/
/*landing page*/
/*nav row 1 #1 left portrait*/
.lp-nr1-1-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 6%;
right: 50%;
margin-bottom: 45%;
z-index: 100;
}
/*nav row 2 #1 left portrait*/
.lp-nr2-1-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 6%;
right: 50%;
/*margin-bottom: 40%;*/
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*landing page*/
/*nav row 1 #3 right portrait*/
.lp-nr1-3-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 50%;
right: 6%;
margin-bottom: 45%;
z-index: 100;
}
/*nav row 2 #3 right portrait*/
.lp-nr2-3-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 50%;
right: 6%;
/*margin-bottom: 40%;*/
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*save contacts page*/
/*nav row 1 #1 left portrait*/
.sc-nr1-1-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 6%;
right: 50%;
margin-bottom: 45%;
z-index: 100;
}
/*nav row 2 #1 left portrait*/
.sc-nr2-1-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 6%;
right: 50%;
/*margin-bottom: 40%;*/
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*save contacts page*/
/*nav row 1 #3 right portrait*/
.sc-nr1-3-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 50%;
right: 6%;
margin-bottom: 45%;
z-index: 100;
}
/*nav row 2 #3 right portrait*/
.sc-nr2-3-mbl-P{
position: absolute;
bottom: 15%;
transform: perspective(1px) translateY(-10%);
width: 44%; 
left: 50%;
right: 6%;
/*margin-bottom: 40%;*/
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*nav row 1 #1 left portrait*/
.nr1-1-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 22%;
right: 54%;
margin-bottom: 54%;
z-index: 100;
}
/*nav row 2 #1 left portrait*/
.nr2-1-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 22%;
right: 54%;
margin-bottom: 27%;
z-index: 100;
}
/*nav row 3 #1 left portrait*/
.nr3-1-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 22%;
right: 54%;
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*nav row 1 #2 center portrait*/
.nr1-2-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 38%;
right: 38%;
margin-bottom: 54%;
z-index: 100;
}
/*nav row 2 #2 center portrait*/
.nr2-2-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 38%;
right: 38%;
margin-bottom: 27%;
z-index: 100;
}
/*nav row 3 #2 center portrait*/
.nr3-2-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 38%;
right: 38%;
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*nav row 1 #3 right portrait*/
.nr1-3-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 54%;
right: 22%;
margin-bottom: 54%;
z-index: 100;
}
/*nav row 2 #3 right portrait*/
.nr2-3-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 54%;
right: 22%;
margin-bottom: 27%;
z-index: 100;
}
/*nav row 3 #3 right portrait*/
.nr3-3-mbl-P{
position: absolute;
bottom: 14%;
transform: perspective(1px) translateY(-14%);
width: 24%; 
left: 54%;
right: 22%;
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*nav row 4 #1 left portrait*/
.nr4-1-mbl-P {
position: absolute;
bottom: 2%;
width: 24%; 
left: 10%;
right: 66%;
z-index: 100;
}
/*nav row 4 #2 center portrait*/
.nr4-2-mbl-P {
position: absolute;
bottom: 2%;
width: 24%;
left: 38%;
right: 38%;
z-index: 100;
}
/*nav row 4 #3 right portrait*/
.nr4-3-mbl-P {
position: absolute;
bottom: 2%;
width: 24%;
left: 66%;
right: 10%;
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*subnav row 1 left (10) portrait
.snr1-1-mbl-P {
position: absolute;
top: 38%;
width: 22%; 
left: 24%;
right: 54%;
z-index: 100;
}
/*subnav row 1 left (10) portrait
.snr1-2-mbl-P {
position: absolute;
top: 38%;
width: 22%; 
left: 54%;
right: 24%;
z-index: 100;
}*/
/*-----------------------------------------------------------------------------------------*/
/*subnav row 2 left (10) portrait
.snr2-1-mbl-P {
position: absolute;
top: 54%;
width: 22%; 
left: 24%;
right: 54%;
z-index: 100;
}
/*subnav row 2 left (10) portrait
.snr2-2-mbl-P {
position: absolute;
top: 54%;
width: 22%; 
left: 54%;
right: 24%;
z-index: 100;
}*/
/*-----------------------------------------------------------------------------------------*/
/*submenu title div portrait
.smtd-mbl-P {
position: absolute;
top: 23%;
left: 0%;
right: 0%;
text-align: center;
height: 110px;	
z-index: 100;
}
/*submenu title image positioning portrait
.smtip-mbl-P {
vertical-align:middle;
}
/*submenu title text positioning portrait
.smttp-mbl-P {
vertical-align:middle;
padding-right: 30px;
}*/
/*-------------------------------------------------------------------------------------------------body content text (non) ios devices------------------------------------------------------------------------------------------------*/
/*page title text portrait*/
.ptt-mbl-P {
position: relative;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 19pt;
font-weight: bold;
letter-spacing: 2px;
padding-left: 3px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
}
/*scan vcard page title text portrait*/
.svc-ptt-mbl-P {
position: relative;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 16pt;
font-weight: bold;
letter-spacing: 2px;
padding-left: 3px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
}
/*subpage title text portrait
.sptt-mbl-P {
position: relative;
color: #e5bf73;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 17pt;
font-weight: bold;
letter-spacing: 2px;
padding-left: 8px;
padding-right: 4px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.50),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)
-webkit-text-size-adjust: none;
z-index: 10;
}*/
/*menu text portrait*/
.mt-mbl-P {
position: relative;
bottom: 24px;
padding-left: 4px;
color: #fffff5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 9pt;
font-weight: normal;
letter-spacing: 1px;
padding-left: 2px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
z-index: 10;
}
/*phone text white portrait*/
.pt-mbl-P {
position: relative;
color: #fffff5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 17pt;
font-weight: bold;
letter-spacing: 2px;
padding-left: 4px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
z-index: 10;
}
/*phone text blue portrait*/
.bpt-mbl-P {
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 17pt;
font-weight: bold;
letter-spacing: -2px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 0px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*in development text portrait*/
.idt-mbl-P {
position: relative;
bottom: 7px;
color: #fffff5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 15pt;
font-weight: bold;
letter-spacing: 2px;
padding-left: 3px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
z-index: 10;
}
/*sent mail thank you text portrait*/
.smtyt-mbl-P {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: perspective(1px) translateY(-50%);
text-align: center;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 22pt;
font-weight: normal;
letter-spacing: 2px;
padding-left: 4px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
z-index: 10;
}
/*----------------------------------------------------------------------------------------------------ios devices only start----------------------------------------------------------------------------------------------------------*/
/*ios only start*/
@supports (-webkit-overflow-scrolling: touch) {
{
}
/*--------------------------------------------------------------------------------------------------body content text ios start-------------------------------------------------------------------------------------------------------*/
/*page title text portrait*/
.ptt-mbl-ios-P {
position: relative;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 30pt;
font-weight: bold;
letter-spacing: 0px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
-webkit-text-size-adjust: none;
}
/*scan vcard page title text portrait*/
.svc-ptt-mbl-ios-P {
position: relative;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 24pt;
font-weight: bold;
letter-spacing: 0px;
padding-left: 0px;
top: 14px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.60),
0px 6px 10px rgba(0,0,0,0.30);/*deg/distance/blur/(opacity)*/
-webkit-text-size-adjust: none;
}
/*subpage title text portrait
.sptt-mbl-ios-P {
position: relative;
color: #e5bf73;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 24pt;
font-weight: bold;
letter-spacing: 0px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)
padding-left: 8px;
padding-right: 4px;
-webkit-text-size-adjust: none;
vertical-align: middle;
z-index: 10;
}*/
/*menu text portrait*/
.mt-mbl-ios-P {
position: relative;
bottom: 24px;
color: #fffff5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 12pt;
font-weight: normal;
letter-spacing: 1px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*scan vcard menu text portrait*/
.svc-mt-mbl-ios-P {
position: relative;
bottom: 14px;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 14pt;
font-weight: bold;
letter-spacing: 0px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*phone text white portrait*/
.pt-mbl-ios-P {
position: relative;
color: #fffff5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 22pt;
font-weight: bold;
letter-spacing: 2px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*phone text blue portrait*/
.bpt-mbl-ios-P {
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 22pt;
font-weight: bold;
letter-spacing: 1px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 8px;
padding-right: 8px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*in development text portrait*/
.idt-mbl-ios-P {
position: relative;
bottom: 7px;
color: #fffff5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 18pt;
font-weight: bold;
letter-spacing: 2px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 6px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*sent mail thank you text portrait*/
.smtyt-mbl-ios-P {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: perspective(1px) translateY(-50%);
text-align: center;
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 22pt;
font-weight: normal;
letter-spacing: 2px;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
-webkit-text-size-adjust: none;
z-index: 10;
}
/*---------------------------------------------------------------------------------------------------body content text ios end--------------------------------------------------------------------------------------------------------*/
/*form field ios start*/
#text-ios[type=text] {
position: relative;
width: 100%;
height: 40px;
resize: none;
background: none;
border: none;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: 0.04em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
}
#text-ios[type=text]:focus {
position: relative;
background-image:url(images-files/white-overlay-20.png);
width: 100%;
height: 40px;
border: 1px solid #fffff5;
border-radius: 6px;
}
#email-ios[type=email] {
position: relative;
width: 100%;
height: 40px;
resize: none;
background: none;
border: none;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 18pt;
font-weight: normal;
letter-spacing: 0.04em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
}
#email-ios[type=email]:focus {
position: relative;
background-image:url(images-files/white-overlay-20.png);
width: 100%;
height: 40px;
border: 1px solid #fffff5;
border-radius: 6px;
}
#inquiry-ios {
position: relative;
width: 100%;
height: 200px;
resize: none;
background: none;
border: none;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 18pt;
font-weight: normal;
letter-spacing: 0.04em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
}
#inquiry-ios:focus {
position: relative;
background-image:url(images-files/white-overlay-20.png);
width: 100%;
height: 200px;
border: 1px solid #fffff5;
border-radius: 6px;
}
#label-ios {
position: relative;
width: 100%;
height: auto; 
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 16pt;
font-weight: bold;
letter-spacing: 0.02em;
line-height: 0;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
}
#req-ios-W{
position: relative;
top: 10px;
color: #fffff5;
font-family: 'Simplifica', sans-serif;
font-size: 28pt;
font-weight: normal;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 5px;
opacity: 0.60;
}
#input-row-ios {
background-image:url(images-files/white-overlay-10.png);
border-radius: 6px;
width: 100%;
height: 40px;
margin-top: 10px;/*height between input feilds*/
float: left;
box-shadow: 0px 4px 4px rgba(0,0,0,0.1); 
}
#input-textarea-ios {
background-image:url(images-files/white-overlay-10.png);
border-radius: 6px;
width: 100%;
height: 200px;
margin-top: 10px;/*height between input feilds*/
float: left;
box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}
.select-ios {
height: 40px;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
text-align: left;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 18pt;
font-weight: normal;
letter-spacing: 0.04em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
box-sizing: border-box;
padding: 0 10px 0 10px;
}
.select-ios:focus {
position: relative;
background-image:url(images-files/white-overlay-20.png);
width: 100%;
height: 40px;
border: 1px solid #fffff5;
border-radius: 6px;
}
}
/*ios only end*/
/*-----------------------------------------------------------------------------------------------------email page layouts-------------------------------------------------------------------------------------------------------------*/
/*contact page outer div*/
.cpod-mbl-P {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
height: 100%;
/*height: 90%;*/
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
z-index: 100;
}
/*contact page inner div*/
.cpid-mbl-P {
position: absolute;
top: 50%;
transform: perspective(1px) translateY(-50%);
/*transform: perspective(1px) translateY(-50%);*/
/*height: 468px;*/
/*height: 70%;*/
height: 60%;
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
z-index: 100;
}
/*-----------------------------------------------------------------------------------------*/
/*arrow up and down icon*/
.aupdn-mbl-P {
/*position: relative;*/
position: absolute;
top: 50%;
transform: perspective(1px) translateY(-50%);
width: 10%; 
left: -1%;
/*right: 91%;*/
padding-top: 20px;
/*opacity: 0.40;*/
z-index: 100;
}
/**arrow up and dn display none icon*/
/*.aupdn-mbl-P-dn {
display: none;
}*/
/*done with email outer div no data portrait*/
.dweod-mbl-P-dn {
display: none;
}
/*done with email portrait*/
.dwe-mbl-P-dn {
display: none;
}
/*---------------------------------------------------------------------------------------------------------------form-----------------------------------------------------------------------------------------------------------------*/
.scroll-ios {
 -webkit-overflow-scrolling: touch;
}
:invalid {
  box-shadow: none;
}
:-moz-submit-invalid {
  box-shadow: none;
}
:-moz-ui-invalid {
  box-shadow:none;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
-webkit-tap-highlight-color: transparent !important;  // i.e. Nexus5/Chrome and Kindle Fire HD 7''
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
outline: none !important;
} 
/*form container top spacer for android landscape*/
.fcs-mbl-t-P {
height: 0px;
}
.form-container {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
left: 0%;
right: 0%;
margin-left: auto;
margin-right: auto;
width: 84%;
height: 100%;
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
padding-left: 20px;
}
/*form container bottom spacer for android landscape*/
.fcs-mbl-b-P {
height: 200px;
}
/*-----------------------------------------------------------------------------------------*/
input[type=text], [type='email'], select {
position: relative;
width: 100%;
height: 33px;
resize: none;
background: none;
border: none;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 18pt;
font-weight: normal;
letter-spacing: 0.02em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
box-sizing: border-box;
padding: 0 8px 0 8px;
}
input[type='text']:focus, [type='email']:focus {
position: relative;
background-image:url(images-files/white-overlay-10.png);
width: 100%;
height: 33px;
border: 1px solid #fffff5;
border-radius: 6px;
}
.inquiry {
position: relative;
width: 100%;
height: 160px;
resize: none;
background: none;
border: none;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 18pt;
font-weight: normal;
letter-spacing: 0.02em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
box-sizing: border-box;
padding: 8px 6px 8px 8px;
}
.inquiry:focus {
position: relative;
background-image:url(images-files/white-overlay-10.png);
width: 100%;
height: 160px;
border: 1px solid #fffff5;
border-radius: 6px;
}
/*----------------------------------------------------------------------------------------------*/
textarea {
height: auto;
resize: none;
width: 100%;
line-height: 20px;
overflow-y: auto;
overflow-x: hidden;
}
.input-textarea {
background-image:url(images-files/white-overlay-10.png);
border-radius: 6px;
width: 100%;
height: 160px;
margin-top: 9px;/*height between input feilds (queries)*/
float: left;
box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}
/*----------------------------------------------------------------------------------------------*/
label {
position: relative;
width: 100%;
height: auto; 
color: #a1c3e5;
font-family: 'Simplifica', Arial, sans-serif;
font-size: 14pt;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 0;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
padding-left: 4px;
}
.req-W{
color: #fffff5;
font-family: 'Simplifica', sans-serif;
font-size: 10pt;
font-weight: normal;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
/*opacity: 0.50;*/
}
/*----------------------------------------------------------------------------------------------*/
/*Floating column for labels: 25% width */
.label-row {
width: 100%;
height: 10px;
margin-top: 9px;/*height between input feilds*/
float: left;
}
/*Floating column for inputs rows*/
.input-row {
background-image:url(images-files/white-overlay-10.png);
border-radius: 6px;
width: 100%;
height: 33px;
margin-top: 9px;/*height between input feilds*/
float: left;
box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}
.column-full {
float: left;
width: 100%;
}
.column-1 {
float: left;
width: 42%;
padding-right: 4%;
}
.column-2 {
float: left;
width: 54%;  
}
.column-3 {
float: left;
width: 25%;
padding-right: 4%;
}
.column-4 {
float: left;
width: 71%;  
}
.column-5 {
float: left;
width: 36%;
padding-right: 4%;
}
.column-6 {
float: left;
width: 60%;  
}
/*----------------------------------------------------------------------------------------------*/
input:required {
box-shadow: none;
}
/*----------------------------------------------------------------------------------------------*/
select {
height: 33px;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
text-align: left;
color: #fffff5;
font-family: 'Arial', sans-serif;
font-size: 18pt;
font-weight: normal;
letter-spacing: 0.02em;
text-shadow:
0px 2px 4px rgba(0,0,0,0.40),
0px 4px 8px rgba(0,0,0,0.20);/*deg/distance/blur/(opacity)*/
box-sizing: border-box;
padding: 0 8px 0 8px;
}
select:focus {
position: relative;
background-image:url(images-files/white-overlay-10.png);
width: 100%;
height: 33px;
border: 1px solid #fffff5;
border-radius: 6px;
}
select::-ms-expand {
display: none;
}
select option[data-default] {
color: #000000;
}
option {
background-color:#000;
width: 100%;
}