@font-face {
	font-family:'WorkSans-Medium';src:url('../fonts/worksans-medium.ttf') format('truetype')
}

@font-face {
	font-family:'WorkSans-Regular';src:url('../fonts/worksans-regular.ttf') format('truetype')
}

@font-face {
	font-family:'WorkSans-SemiBold';src:url('../fonts/worksans-semibold.ttf') format('truetype')
}

@font-face {
	font-family:'WorkSans-Bold';src:url('../fonts/worksans-bold.ttf') format('truetype')
}

@font-face {
	font-family:'WorkSans-Light';src:url('../fonts/worksans-light.ttf') format('truetype')
}

@font-face {
	font-family:'WorkSans-Black';src:url('../fonts/worksans-black.ttf') format('truetype')
}

body * {
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	font-family: inherit !important;
	-moz-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

body ul,body li,body h1,body h2,body h3,body h4,body h5,body h6,body p{
	margin: 0;
	padding: 0;
	font-weight: 300;
	line-height: inherit;
	list-style: none;
	font-size: inherit;

}
a{text-decoration:none}
body div, body span, body a, body p, body label, body li {
    margin: 0;
    padding: 0;
    font-family: 'WorkSans-Medium' !important;
}

.div-1 a{color: #0755ca;}
.contact-fixed{
position: fixed;
z-index: 6;
bottom: 40px;
right: 40px;
transition: all 0.5s;
}
.contact-icon{
float: right;
clear: both;
display: block;
border-radius: 50%;
background-color: #0148f3;
background-size: 46px 46px;
background-repeat: no-repeat;
background-position: right center;
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25);
}
.contact-icon span{
float: right;
display: block;
margin-right: 46px;
font-family: "Work Sans" !important;
font-weight: 400;
font-size: 0;
color: #fff;
line-height: 46px;
opacity: 0;
transition: opacity 0.5s;
}
.email-icon,.chat-icon{
width: 46px;
height: 46px;
}
.email-icon{
margin-bottom: 12px;
background-image: url('static/images/icon-email.png');
}
.chat-icon{
background-image: url('static/images/icon-chat.png');
}
.disable-icon{
background-color: #9baacc;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
background-image: url('static/images/icon-chat-disable.png');
}
@media screen and (min-width: 1024px){
.main{
position: relative !important;
width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
.contact-us{
background-color: #fff;
padding-bottom: 70px;
}
.contact-us-banner{
position: relative;
width: 100%;
height: 40.1vw;
background: url('static/images/contact_us.png') no-repeat;
background-size: cover;
}
.banner-content{
position: absolute;
left: 50%;
top: 16vw;
margin-left: -21vw;
width: 42vw;
text-align: center;
color: #fff;
}
.banner-name{
font-size: 1.04vw;
margin-bottom: .5vw;
}
.banner-problem{
font-family: 'VaporessoFont' !important;
font-size: 3.33vw;
line-height: 3.33vw;
}
.banner-answer{
font-size: 0.94vw;
color: rgba(255,255,255,0.8);
margin-top: 1.8vw;
line-height: 1.2vw;
}
.banner-answer span{
display: block;
}
.contact-us-content{
position: relative;
padding-top: 0px;
    min-height: 400px !important;
    padding-bottom: 40px;
}
.contact-us-info{
width: 100%;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
.contact-us-info h2{
font-size: 22px;
color: #000;
line-height: 22px;
}
.contact-us-info p{
font-family: WorkSans-Regular !important;
font-size: 16px;
color: #4d4d4d;
margin-top: 15px;
}
.contact-us-address{
/*                 position: absolute; */
top: 60px;
right: 0;
border-radius: 4px;
/*                 padding-bottom: 22px; */
border: solid 1px #f2f2f2;
}
.contact-us-address h2{
font-family: WorkSans-Regular !important;
font-size: 18px;
margin-top: 20px;
color: #000;
padding-left: 14px;
}
.contact-us-address p{
font-family: WorkSans-Regular !important;
font-size: 14px;
color: #4d4d4d;
line-height: 21px;
margin-top: 12px;
padding-left: 14px;
}
.contact-us-content .hs_submit input{
margin-left:180px;
}
.contact-us-content .hs-form-field > label{
width:170px;
line-height:20px;
}
.hs-fieldtype-text{
margin:20px 0;
}
.contact-fixed{
max-width: 128px;
}
.email-icon:hover,.chat-icon:hover{
width: 128px;
border-radius: 23px;
}
.email-icon:hover span,.chat-icon:hover span{
font-size: 14px;
opacity: 1;
}
.disable-icon:hover{
width: 46px;
border-radius: 50%;
}
.disable-icon:hover span{
font-size: 0;
opacity: 0;
}
.div-1{
float:left;
width:40%
}
.div-2{
padding-top:1px;
}
.div-2 p{
padding-left: 60%;
}
}
@media screen and (min-width:1024px) and (max-width:1220px){
.main{
width: 1000px !important;
}
}
@media screen and (max-width: 1023px){
.contact-us{
background-color: #fff;            
}

.contact-us-info{
width: 100%;
padding: 0 0px 20px 40px;
border-bottom: #e6e6e6;
    line-height: 26px;
}
.contact-us-info h2{
font-size: 16px;
line-height: 20px;
color: #000000;
}
.contact-us-info p{
font-family: WorkSans-Regular !important;
font-size: 16px;
color: #4d4d4d;
margin-top: 3px;
}
.contact-us-r{
padding: 20px 15px;
margin-top: 25px;
border-top: 1px solid #e6e6e6;
}
.contact-us-address{
border-radius: 4px;
border: solid 1px #e5e5e5;
/*                 padding-bottom: 22px; */
}
.contact-us-address h2{
font-family: WorkSans-Regular !important;
font-size: 16px;
margin-top: 20px;
margin-bottom: 14px;
padding-left: 15px;
}
.contact-us-address p{
font-family: WorkSans-Regular !important;
font-size: 13px;
padding-left: 15px;
color: #4d4d4d;
line-height: 18px;
}
.widget-type-form{
width: 100%;
padding: 0 10px;
}
.contact-us-content .hs-form{
width: 100%;
padding: 15px 5px 0 5px;
border-top: 1px solid #e6e6e6;
}
[placeholder="Enter your How can we assist you?"] {
line-height: 14px !important;
min-width: 28px;
margin-top: 4px;
}
.contact-us-content .hs-form-field > label{
width: 100px;
font-size: 13px;    
height: 36px;
line-height: 36px;
}

}