﻿/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
* {transition: all 0.7s ease-in-out}
*:focus{ outline:none}
/*style*/
img.bg {min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;}

#page-wrap {position: relative;  width:40%;margin: 5% auto;}
#page-wrap h1{color:#fff; font-family:Tahoma; font-size:94px; text-align:center; margin-bottom:1%}
#page-wrap h2{color:#fff; font-family:Tahoma; font-size:64px; text-align:center; margin-bottom:5%}
#page-wrap .form{padding:5% 7%;background: rgba(255,255,255,0.6); border-radius:2%; text-align:center}
#page-wrap .form p{color:#fff; font-family:Tahoma; font-weight:bold; font-size:33px;margin-bottom:5%;line-height: 1.2;text-align: center; }
#page-wrap .form p:first-child{font-size:35px;margin-bottom:1%; }
#page-wrap .form p span{color:#0054ff }

#page-wrap .form .controls {color:#000; font-family:arial;font-size:30px;margin-bottom:6%;text-align: left;}
#page-wrap .form .controls label{color:#000;font-size:30px;margin-bottom:3%;text-align: left; display:block;}
#page-wrap .form .controls > p{color:#D40000;font-size:16px;margin:1% 2% 0 2%;text-align: left; display:block; height:0; opacity :0; font-weight:normal}
#page-wrap .form .controls span{color:#ff0000; font-size:27px; display:inline-block}
#page-wrap .form .controls input{color:#b4b3b3;font-size:21px;padding:3%; background-color:#fff; ; border:1px solid #fff; border-radius:10px;text-align: left; display:block;width:94%}
#page-wrap .form .controls textarea{color:#b4b3b3;font-size:21px;padding:3%; background-color:#fff; border:1px solid #fff; border-radius:10px;text-align: left; display:block;width:94%; max-width:94%}
#page-wrap .SubmitBtn {color: #fff; border:none;font-family: Tahoma;font-size: 25px;text-align: center;margin-bottom: 1%;
                       background-color: #4482e1; display:inline-block;padding: 2% 10%; border-radius:10px; cursor:pointer}
    #page-wrap .SubmitBtn:hover {
        background-color: #0054FF;
    }
.footer{ width:100%;position:relative;   background: rgba(0,0,0,0.5); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/}
.footerWrap{width:57%; margin:0 auto; color:#fff; font-family:Tahoma; font-size:19px; padding:1% 0 0.1% 0}
.footerWrap:after{clear:both; float:none;display:block; content:""}
.footerWrap h4{font-size:25px; float:left; padding:1% 3% 1% 0;    line-height: 1.3; position:relative}
.footerWrap h4:after{ position:absolute; content:""; border-right:1px solid #fff; height:41px; right:10px}
.footerWrap p{font-size:16px; float:left; width:62%; padding:5px 110px 5px 10px;    line-height: 1.3; background: url(images/A15.png) no-repeat right center}


@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
@media screen and (max-width: 1350px) { 
#page-wrap h1{font-size:80px;}
#page-wrap h2{font-size:55px; }
#page-wrap .form p{ font-size:28px;}
#page-wrap .form p:first-child{font-size:30px; }

#page-wrap .form .controls {font-size:25px;}
#page-wrap .form .controls label{font-size:25px;}
#page-wrap .form .controls input{font-size:18px;}
#page-wrap .form .controls textarea{font-size:18px;}
#page-wrap .form .controls > p{font-size:14px;max-height:15px!important}

#page-wrap .SubmitBtn {font-size:20px}

.footerWrap{font-size:16px; }
.footerWrap h4{font-size:18px;}
.footerWrap h4:after{ height:31px; right:10px}
.footerWrap p {font-size: 14px; }

}
@media screen and (max-width: 1150px) { 
#page-wrap h1{font-size:70px;}
#page-wrap h2{font-size:45px; }
#page-wrap .form p{ font-size:22px;}
#page-wrap .form p:first-child{font-size:24px; }

#page-wrap .form .controls {font-size:15px;}
#page-wrap .form .controls label{font-size:18px;}
#page-wrap .form .controls input{font-size: 15px;padding: 2%;border-radius: 5px;}
#page-wrap .form .controls textarea{font-size: 15px;padding: 2%;border-radius: 5px;}
#page-wrap .SubmitBtn {font-size:18px}

.footerWrap{font-size:16px; }
.footerWrap h4{font-size:16px; padding:1.5% 3% 1% 0}
.footerWrap h4:after{ height:21px; right:10px}
.footerWrap p {font-size: 12px; }

}
@media screen and (min-height: 1000px) { 
    .footer {position: absolute; bottom:0;    }
}

