@charset "utf-8";
/* CSS Document */

html{ height:100%; overflow-x:hidden;}
body{margin:0px 0px;padding:0px 0px;background: url(bg.png) no-repeat center TOP;width:100%;height:100%;background-size:cover;position: fixed;font-family: 'Fira Sans', sans-serif;top: 0;left: 0;}
.main-content{/* float:left; *//* width:100%; *//* height:100%; *//* margin:0px 0px 0px 0px; *//* padding:0px 0px; *//* position:relative; */}
body:before{content:'';display:block;position:absolute;top:0;left:0;background: rgb(0 0 0 / 15%);width:70%;height:100%;}
.main-content{float:right;width: 30%;height:96%;top:2%;right:5%;margin:0px 0px;padding: 0 40px;background: rgb(255 255 255 / 94%);position: absolute;z-index:1;box-shadow: 0px 0px 35px 1px #0000009c;/* overflow-x: hidden; *//* overflow-y: auto; */}
.main-content:after{content: '';display: block;position: absolute;top: 0;right: -15px;width: 15px;height: 100%;background: #ffcc29;z-index: 11111;}
.main-content:before{content:'';display:block;position:absolute;left:0;right: 0;top:0;bottom:0;margin:auto;width: 91%;height: 94%;border: 1px dashed #4b4b4d;}
.wrapper {position: absolute;top: 20px;bottom: 20px;left: 0px;right: 0px;padding: 30px;overflow-y: auto;}
.logo{margin: 60px auto 30px auto;padding:0px 0px;position:relative;text-align:center;}
.contact-address{margin:55px 0px 0px 0px;/* padding: 0px 40px; */position:relative;text-align:center;}
.contact-address h2{
 font-size: 18px;
 color: #4d4d4f;
 font-weight: 600;
 position: relative;
 max-width: 80%;
 margin: 0 auto;
 position:relative;
 text-transform: uppercase;
}
.contact-address h3 {margin: 15px 0 0 0;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    display: inline-block;}
.contact-address p:before{content:'';display:block;width:10px;height:10px;background:#fff;border: 2px solid #ffcc29;border-radius:100%;position:absolute;left:0;right:0;bottom:-7px;margin:auto;}
.contact-address p{font-size: 16px;font-weight: 400;color: #4b4b4d;line-height:24px;margin: 10px 0px 25px 0px;border-bottom: 1px solid rgb(75 75 77 / 22%);padding: 0px 33px 25px 32px;position: relative;white-space: pre-line;} 
.contact-address a{color:#333;text-decoration:none;line-height: 26px;}
.marq{ margin:25px 0px 0px 0px;  width:100%;  font-weight:600; color:#000;  font-size:22px; padding:0px 0px 0px 0px; text-transform:uppercase;  }
.contact-address a i {
    font-size: 20px;
    color: #4b4b4d;
    margin: -2px 7px 0 0;
    vertical-align: middle;
}
.contact-address a i.fa.fa-mobile {
    font-size: 24px;
}
.contact-address a.mt-2 {line-height:35px;}

@media only screen and (max-width:1399px) {
    .main-content {width:35%; right:3%;}
}

@media only screen and (max-width:1199px) {
    .main-content {width:43%;}
body{/* height:auto; */}
.marq{margin-bottom:50px;}  

}

@media only screen and (max-width:991px) {
	    .main-content {width:45%;}

	    .contact-address p {padding:0px 10px 25px 10px;}

}
@media only screen and (max-width:767px) {
    .logo img {max-width:100%;}
	    .contact-address p.none {white-space:inherit;}
			    .main-content {width:55%; right:0; left:0; margin:auto;}



}
@media only screen and (max-width:575px) {
	.logo {margin: 20px auto 30px auto}
	.wrapper {bottom:0;}
	.contact-address h3 {font-size:17px;}
}
@media only screen and (max-width:399px) {

.contact-address h3 {font-size:15px;}
}