.mainContainer{width:100%;}
.container{width: 70%;}
body{font-family:Arial; font-size: 16px; } ul{list-style: none; margin: 0px; padding: 0;} 
header{width: 100%; border-bottom:#b48a07 1px solid; border-top:#979797 1px solid; margin-bottom: 10px; padding: 5px 0px;}
header.r2{border-bottom:none; }
header .roseLogo{width: 100%;}
header .roseLogo > img{max-width: 100%;}
.QLogo{width: 100%; margin-bottom: 10px; font-family: Arial;}
.QLogo > img{max-width: 100%;}
.QLogo > p{margin-bottom: 0px; width: 60%; float: right; text-align: center; font-family: Arial;}
header h2{font-size: 1.6em; font-weight: bold;}
.contact-section .contact-title {position: relative; padding-bottom: 16px; margin-bottom: 30px;  }
.contact-section .contact-title.R2{display: inline-block;}
.contact-section .contact-title h2 {position: relative; color: #5b195e; font-size: 1.45em; font-weight: 600; margin-bottom: 5px; line-height: 1.4em; margin: 0px; background: none; font-family: "Arial";}
.contact-section .contact-title:after {position: absolute; content: ''; left: 0px; bottom: 0px; width: 45px; height: 0px; background-color: #5b195e;}
.contact-section .contact-title.R2:after{bottom: 12px; width: 100%; background-color: #5b195e;}
/* .contact-section .contact-title.R2:after {background-color: #0971ce;} */
.contact-form {position: relative; } 
hr{border-bottom:#66676a 3px solid; margin-bottom: 30px; }
.contact-form .form-group {position: relative; margin-bottom: 30px; } 
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form select, .contact-form textarea {display: block; width: 100%; line-height: 28px; height: 50px; font-size: 16px; padding: 10px 22px; background: #ffffff; color: #000000; border: 1px solid #dddddd; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
.contact-form .form-group label{line-height: 28px; font-size: 16px; color:#505050; width: 100%; font-family:"Trebuchet MS";}
.contact-form .btnSubmit{margin-top: 10px; background-color: #49136c; position: relative; line-height: 24px; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding: 11px 50px; border-radius: 3px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-appearance: button; cursor: pointer; outline: none; border: none;}
.contact-form .btnSubmitR2{margin-top: 10px; background-color: #5b195e; position: relative; line-height: 24px; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding: 11px 50px; border-radius: 3px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-appearance: button; cursor: pointer; outline: none; border: none; /* border:#848484 1px solid; */}
.contact-form .btnSubmit:hover{color: #1b1b1b; background: #f2d046;}
.contact-form .btnSubmitR2:hover{color: #1b1b1b; background: #f2d046; }
.mainContainer .vendor-wrap{width: 100%;}
.mainContainer .vendor-wrap label{font-size: 15px; color:#505050; font-family: "Lao UI"; white-space: nowrap; }
.mainContainer .vendor-wrapR2{width: 100%;}
.mainContainer .vendor-wrapR2 label{font-size: 15px; color:#505050; font-family: "Trebuchet MS"; /* white-space: nowrap; */ }
h4{color:#242424; width: 100%; font-family: Arial; font-size: 18px; margin-bottom: 20px; font-weight: bold; }
.contact-section .contact-title .text {position: relative; color: #797979; font-size: 16px; }
.upload-box .btn-file {background-color: #49136c; } 
.upload-box .btn-file.R2{background-color: #5b195e;}
.upload-box .hold {float: left; width: 100%; position: relative; border: 1px solid #ccc; border-radius: 3px; padding: 4px;}
.upload-box .hold a {font: 400 14px/36px "Trebuchet MS"; color: #666; text-decoration: none;}
.upload-box .btn-file {position: relative; overflow: hidden; float: left; padding: 12px 20px; font: 900 14px/14px "Trebuchet MS"; color: #fff; margin: 0 10px 0 0; /* text-transform: uppercase; */ border-radius: 3px; cursor: pointer; }
.upload-box .btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; outline: none; background: #fd0707; cursor: inherit; display: block;}
.contact-form input[type="text"]:focus{border:#a6a6a6 1px solid; }
.comp-over{width: 100%; margin-top: 15px;}
.comp-over textarea{width: 100%; resize: none; border: #a6a6a6 1px solid; margin-bottom: 30px;}
.comp-over textarea:focus{border:#a6a6a6 1px solid;}
.mainContainer .vendor-wrap .row + h4 {margin-top: 15px; }
.mainContainer .vendor-wrapR2 .row + h4 {margin-top: 15px; }
.mainContainer .content-wrap{width: 100%;}
p.bold{font-weight: bold;}
p.highlight{color:#ff0000;}
footer{width: 100%; background: #e0e0e0; margin-top: 30px; padding: 10px; margin-bottom: 10px;} 
footer.R2{background: #e0e0e0; margin-bottom: 0px; margin-top: 5%; padding-bottom: 2%;;}
footer > p{margin-bottom: 5px; color:#4d1277; text-align: center;}
footer.R2 > p{color:#333;}
footer > ul{margin:0px; padding: 0px; flex-flow: row; justify-content:space-around; display: flex;} 
footer > ul > li{position: relative; width: 33%; text-align: center; color:#4d1277;}
footer.R2 > ul > li{color:#333;}
footer a{color:#4d1277;}
footer > ul > li > a{color:#4d1277; text-decoration: underline;}
footer.R2 a{color:#333;}
footer a:hover{color:#4d1277; text-decoration: none;}
footer.R2 a:hover{color:#0971ce; text-decoration: none;}
footer > ul > li:after{position: absolute; right: 0px; content: ""; height: 15px; width: 1px; background-color: #000; top: 6px;}
footer > ul > li:last-child:after{background: none;}
@media only screen and (max-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1600px;
}
/* .contact-section .contact-title h2{font-size: 1em;} */
}


@media only screen and (max-width: 768px) {
    footer > ul{flex-flow: column;}
    footer > ul > li{width: 100%; margin-bottom: 5px;}
    footer > ul > li:last-child{margin-bottom: 0px;}
    footer > ul > li:after{background: none;}
    header h2 {font-size: 1.2em; line-height: 24px;}
    .QLogo > p{width:100%; }
    body{font-size: 14px;}

}