body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,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{border:0;outline:0;font-size:100%;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* Floating & Alignment  */
.fl, .col-left {float:left;}
.fr, .col-right {float:right;}
/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
.wrap:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}

body{margin:0;font-family: 'Open Sans', sans-serif; }/* for ie mac*/
body{overflow: hidden; } /* for ie mac




/*


*/


.container { width:990px!important; background: url(../../images/newsletter-box/main-box/top-bgr2.jpg) no-repeat;}

#newsletterMain .topContainer, #newsletterMain .middleContainer, #newsletterMain .bottomContainer {
    margin-left:86px; }
#newsletterMain .topContainer { margin-bottom:28px; color:#fff;}
#newsletterMain h1 { font-weight: bold; font-size: 45px; padding-top:30px; }
#newsletterMain .tt01 { font-size:17px; padding-top: 20px; line-height:24px;}

#newsletterMain .middleContainer { color:#004044; }
#newsletterMain h3 { font-weight:bold; color:#ed621f; font-size: 23px; padding-top: 15px; }
#newsletterMain .tt02 { padding: 6px 0px 0px 0px; font-size: 17px; line-height: 1.4em; }

#newsletterMain ul { margin:7px 0px; }
#newsletterMain ul li { background: url(../../images/newsletter-box/main-box/zn.png) 0px 3px no-repeat; margin: 8px 0px; padding-left: 22px; }


#newsletterMain .tt03 { color:#008885; padding: 5px 0px; line-height: 22px; }

#newsletterMain p.t01 { font-size: 13px; line-height:18px; color:#002827; text-align: center; font-style: italic; padding-top:10px; }
#newsletterMain p.t02 { font-size: 16px; line-height:18px; color:#ffffff; text-align: center; font-style: italic; padding-top:10px;width: 180px; }

#newsletterMain .inputPlace { padding-top:27px; }
#newsletterMain .inputPlace .inputContainer { padding: 0px 0px 25px 0px;  }
#newsletterMain .inputPlace label { clear:both; font-size:20px; margin-bottom:5px; font-weight: normal; position: relative; top: -3px; display: inline-block; 
    width: 70px; 
}
#newsletterMain .inputPlace input { background: none;width: 300px;  background: #fff;  border: 2px solid #85a8ab; line-height: 1.4em;
    font-size: 20px; color: #636363; padding: 9px 10px;
    -moz-border-radius:90px;
    -webkit-border-radius: 90px;
    -khtml-border-radius: 90px;
    border-radius: 90px;
}
#newsletterMain .button { padding: 0px 0px 0px 70px; width: 500px; }

#newsletterMain p.t03 { font-size: 18px; line-height:18px; color:#fff; text-align: center; font-style: italic; padding-top:45px; font-weight: bold; }
#newsletterMain div.t04 { font-size: 14px; line-height:18px; color:#ffffff; text-align: left; font-style: italic; padding-top:30px; padding-left: 25px; }
#newsletterMain div.t04 p { padding: 5px 0px; }
#newsletterMain p.t05 { font-size: 18px; line-height:18px; color:#fff; text-align: center; font-style: italic; padding-top:30px; font-weight: bold; }

#newsletterMain.thanks { background: #00b2ae; }
/**/


@media (max-width: 767px) {
    #newsletterMain .topContainer, #newsletterMain .middleContainer, #newsletterMain .bottomContainer {
        margin:0;
    }
    #newsletterMain h1 { font-size:34px;  padding: 10px; }
    .container { width:100%!important; background: none; }
    #newsletterMain .tt01 { padding-top:0; display: none; }
    #newsletterMain .button { padding: 20px 0px 0px 0px; width: auto; text-align: center; }
    #newsletterMain .button input { width: 280px; margin:auto; }
    #newsletterMain .topContainer { background: #01b0ad; margin:0; padding-bottom: 15px; }
    #newsletterMain .middleContainer { clear:both; }
    #newsletterMain .inputContainer label { padding-left: 10px; width: 80px; }
    #newsletterMain .inputContainer input { width:auto; }
}
.sm-error { outline: 0!important;background:#ffeded!important; border-color: #ec3232!important; }
.sm-success { outline: 0!important; }
/*@media (min-width: 990px) {*/
/*}*/