@charset "utf-8";
html, body{font-family:'Roboto',light; font-weight:400; color:#404040; font-size:14px; line-height:1.3; word-wrap:break-word; background:#fff; position:relative;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h1{}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h2{}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0;}
p:last-child{margin:0;}
textarea{resize:none;}
input:focus {outline:none;}
input{border: solid #ACB27F;}
.toggleMenu{display:none; background:#000; color:#fff; font-size:80px; padding:50px; position:fixed; top:50px; left:50px; cursor:pointer; z-index:6;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{display:block;}
.mobile{display:none;}
.eczar{font-family:'IBM Plex Sans', serif;}


header{padding: 18px 0; border-bottom: 5px solid #ACB27F; background:#404040;}
header p{color: #ffffff}
.headerBehind{height: 180px; background-color: #404040;}
.header{overflow: hidden;}
.logo {float:left; margin: 0 40px 0 0;}
.textLeft {float:left; font-size: 12px; line-height: 16px; position: relative;}
.textRight {float: right; font-size: 12px; line-height: 16px; text-align: right; position: relative;}

main{margin:0 0 50px 0;}

h1 {text-align: center; text-transform: uppercase; color: #ACB27F; font-size: 42px; margin-top: 50px; margin-bottom: 35px; font-weight:300;}
h2 {text-transform: uppercase; color: #ACB27F; font-size: 28px; margin-top: 25px; margin-bottom: 15px; font-weight:300;}
#onlinePayingForm{max-width:900px; margin:0 auto 100px auto;}
#onlinePayingForm label{font-weight:300; display:block; margin:0 0 5px 0;}
#onlinePayingForm input{border:1px solid #acb27f; display:block; width:100%; height:50px; line-height:50px; padding:0 10px; margin:0 0 20px 0;}
#onlinePayingForm input[name="totalV"]{width:calc(100% - 100px); float: left; text-align:right;}
#onlinePayingForm .decimal{width: 50px; float: left; height:50px; background:#acb27f; line-height:50px; text-indent:5px;}
#onlinePayingForm .currency{width: 50px; float: left; height:50px; line-height:50px; text-align:center;}
#onlinePayingForm button{background: #acb27f; padding: 15px 50px; text-align:center; font-weight: bold;}

#textInput1{border:1px solid #acb27f; padding:20px; background:rgba(172,178,127,0.1); max-width:935px; margin:0 auto; width:90%;}
#links {margin-top: 50px;}
#links p {text-align: center}
p.lockText {font-size:16px; line-height:20px; padding-left:20px; font-weight:300; margin:0 0 20px 0;}
#cardForm input{border:1px solid #acb27f; display:block; width:100%; height:50px; line-height:50px; padding:0 10px; margin:0 0 20px 0;}
p.inputText {font-size:16px; line-height:20px; margin:0 0 20px 0; font-weight:300;}
#cardForm input.agree{width: auto; float: left; margin: 0 5px 0 0; height: 20px;}
#cardForm .agreeText{font-size: 13px; float: left; line-height: 20px; font-weight:500;}
#cardForm .agreeText a{text-decoration:underline;}
#cardForm button{width:280px; height:50px; border-radius:5px; background:#acb27f; border:1px solid #acb27f; color:#fff; float:left;}
.cardLogoHolder{float:right; overflow:hidden;}
.cardLogoHolder img{width: auto; height: 52px; float: right; margin: 0 0 0 70px; height:25px; margin-top:calc(25px / 2);}
.cardLogoHolder img:last-child{margin-left:0;}

.data-holder {border:1px solid #acb27f; padding:10px 20px; background:rgba(172,178,127,0.1); margin:0 auto;  max-width: 100%; color: #989898;}

footer{border-top: solid 5px #ACB27F; text-align:center;}
.imgFooter {width: auto; height:40px; display: inline; float: none; margin:30px 15px;}

input.row1 {width: 657px; border: solid 2px #ACB27F;}
.row.title {margin-top: 30px;}
p.name {font-size: 21px;}
input.row2 {width: 490px; border: solid 2px #ACB27F;}
.row.img {margin-bottom: 20px;}
input.row21{width: 325px; border: solid 2px #ACB27F;}
input.row3 {width: 1274px; border: solid 2px #ACB27F; text-align: right;}
img.lock {width: auto; float: left; margin-right: 10px;}
.container.box {border: solid 2px #ACB27F;width: 1430px; margin-bottom: 105px; margin-top: 105px; background-color: #f2f2f2;}

input.textInputBox {border: solid 1px #ACB27F; width: inherit; height: 52px; margin: 30px 0; padding: 20px; }
section#textInput1 img{width: auto;}
input.textInputBox1 {border: 1px solid #ACB27F; width: inherit; height: 52px; padding: 20px;}
input.textInputBox2 {border: 1px solid #ACB27F; width: 651px; height: 52px; margin: 30px 0; padding: 20px;}

img.right {float: right; margin-left: 5px;}