@font-face{ font-family:'SourceSansPro'; src:url(/templates/html/master/css/fonts/SourceSansPro-Regular.ttf); }
@font-face{ font-family:'SourceSansProSemiBold'; src:url(/templates/html/master/css/fonts/SourceSansPro-SemiBold.ttf); }

body { margin: 0px; padding: 0px; background-color: #ffffff; line-height: 1.6em; }
body, table, input { font-size: 13px; font-family:'SourceSansPro'; color: #000; }
#body { margin: 0px auto; }
#contentContainer { clear: both; position:relative; height:100%; margin-bottom: 20px; }
#contentWrapper { float: left; width: 810px; min-height: 500px; }
.f-left{ float:left; }
.f-right{ float:right; }
.leftPanel, .rightPanel{ width:45%; }
div.clear { clear: both; line-height: 1px; height: 1px; }
h1, h2, h4 { font-family:'SourceSansProSemiBold'; font-weight: normal; }
h3 { font-family:'SourceSansPro'; font-weight: normal; }

/* vpsg */
.vpsg #contentWrapper{ width:100%; }
.vpsg #contentLeft, .vpsg #breadcrumbWrapper, .vpsg h4.questAnsLabel{ display:none; }
.vpsg #contentWrapper{ width:100%; }
.vpsg #content{ margin-left:0; padding-left:0; }
.vpsgInquiryMainForm .vpsgInquiryForm{ display:none; }
#vpsg .small{ font-size:0.9em; }
.hide{ display:none; }
.leftPanel{ width:48%; }
.rightPanel{ width:48%; }
.vpsg .bar{ color:#000; text-align:center; margin-bottom:10px; padding: 10px 20px 10px 40px; }
.rightPanel .bar{ background: none; text-align: left; margin-bottom: 11px; display: none; padding-left: 0; }
.bar .live, .bar .appl{ display:none; }
.appSelSection label{ display: block; }
.applicationQuestions .questionBox{ margin-bottom:10px; background:#e9edf0; padding: 2px 20px 15px 20px; }
.applicationQuestions .questionBox .row{ margin-bottom:5px; }
.applicationQuestions .questionBox .row input{ float:left; } 
select{ border:1px solid #e9edf0; font-size:12px; }
.appSelSection select { text-align:center; }
.applicationQuestions .questionBox .row label{ float:right; width:92%; }
.questionBox .resetAnswersFromQuestion{ text-align:right; }
.questionBox .row label, .questionBox .row input[type="radio"]{ cursor:pointer; }
.productBox{ border:1px solid #e9edf0; background:#fff; margin-bottom:20px; padding-bottom: 10px; }
.productBox.last{ border-bottom:0; }
.productBox .imgContent{ float:left; width:32%; margin-right:20px; margin-top:15px; text-align:right; }
.flipContent{ float:left; width:62%; }
.productBox.contactbox .imgContent{ margin-top:2px; }
.productBox .imgContent .prodImg{ width:90%; }
.productBox .row{ margin-bottom:3px; }
.productBox .row label{ width:60%; float:left; }
.productBox .row span.val{ width:35%; float:left; text-align:center; }
.productBox .row span.val.txt{ text-transform:capitalize; }
.productBox .conversionBtns{ display: grid; grid-template-columns: 1fr 1fr; border-bottom:2px solid #fff; height:30px; background: #e9edf0; }
.productBox .conversionBtns div.elm{ margin-bottom:5px; text-align:center; background:#e9edf0; }
.productBox .conversionBtns div.active, .productBox .conversionBtns div.active:hover{ background:#fff !important; }
.productBox .conversionBtns div.active a{ cursor:default; }
.productBox .conversionBtns div.active a:hover, .productBox .conversionBtns a{ text-decoration:none; }
.productBox .conversionBtns div.elm:hover{ background:#fff; }
.productBox .conversionBtns a{ display:block; width:100%; height:30px; line-height:30px; color:#646464; font-weight:normal; font-size:1.1em; }
.productBox .conversionBtns div.active a{ color:#646464; font-weight:bold; }
.productBox .conversionBtns div.goToProdInq{ border-right:0; }
.productBox #productInquiryCatcher{ margin-top:20px; width:90%; font-weight:600; background:#47648b; color:#fff;  
text-align: center; padding:10px 0 10px 0px; font-size:1em; text-transform: uppercase; }
.productBox #productInquiryForm{ border:0; padding:0; }
.productBox #productInquiryForm div label{ width:40%; }
.productBox #productInquiryForm div input, .productBox #productInquiryForm div textarea, .productBox #productInquiryForm div select{ width:55%; }
.productBox #productInquiryForm div input.submit{ width:100%; }
.productBox #productInquiryForm .row.prodTitle{ display:none; }
.productBox #productInquiryForm .row.prodComment textarea{ height:50px; }
.productBox #productInquiryFormMessage{ font-weight:normal; }
.productBox #productInquiryField{ width:100%; }
.icon{ font-weight:bold; }
.icon.ok{ color:green; font-size:1.3em; }
.icon.not{ color:red; font-size:1.3em; }
.productBox.contactbox .conversionBtns{ display:none; }
.productBox.contactbox .descriptionContent a{ font-weight:normal; } 
.productBox h2{ margin-top:0px; }
.productBox h2 span{ display:block; font-size:0.8em; margin-bottom:0; }
.productBox.contactbox h2 span{ display:none; }
.productBox .inquriyForm h2 span{ display:none; float:right; cursor:pointer; }
.contactbox .flipContent .shortDesc{ display:block !important; }	
.productBox .flipContent{ padding-top:15px; padding-bottom:10px; }
.productBox .flipContent .prodSpec.elm{ display:block; }
.vpsgImg{ text-align:center; }
.vpsgImg img{ margin-top:20px; width:80%; }

.applSelection { text-align: center; display: block; }
.applSelItem { display: inline-block; width: 30%; cursor: pointer; margin-right: 20px; margin-bottom: 20px; }
.applSelItemInnerWrapper { display: grid; grid-template-columns: 55px 1fr; align-items: center; padding-right: 30px; }
.applSelItemObjCircle { align-items: center; background-color: #81a2c1; border-radius: 50%; display: flex; height: 55px; width: 55px; justify-content: center; transition: background-color .3s ease; cursor: pointer; position: relative; z-index: -1; }
.applSelItem:hover .applSelItemObjCircle, .applSelItem.active .applSelItemObjCircle { background-color: #2e3f56; }
.applSelItemSvgObj { height: 36px; -o-object-fit: contain; object-fit: contain; transition: fill .3s ease; width: 36px; cursor: pointer; }
.applSelItem label { font-family: 'SourceSansProSemiBold'; text-align: left; margin-left: 15px; cursor: pointer; font-size: 1.2em; line-height: 1.4em; }
.applSelItem:hover label, .applSelItem.active label { color:#2e3f56; }
.appSelSection h2 { font-size: 2em; margin-bottom: 60px; }
h3.selectNow, .rightPanel .bar .appl, .rightPanel .bar .live{ font-family: 'SourceSansProSemiBold'; font-size: 1.2em; font-weight: normal; }
#productInquiryFieldContent a { text-decoration: none; }

.flipContent h2 { font-size: 1.4em; line-height: 1.3em; }
.flipContent a { color: #47648b; text-decoration: none; display: block; }

.resetAnswersFromQuestion.small a { color: #47648b; }

#FEapplNameSelection { display: none; background: #e9edf0; border: 1px solid #47648b; }

@media screen and (max-width: 820px){
	.vpsg .bar { padding-left: 10px; padding-right: 10px; }
	.applSelItem { width: 46%; }
	.flipContent { width: 60%; }
	.applicationQuestions .questionBox .row label { width: 90%; }
	.leftPanel { width: 49%; }
}

@media screen and (max-width: 620px){
	#FEapplNameSelection { display: block; width: 100%; padding: 10px; }
	.vpsg .bar { text-align: center; padding: 0; }
	.applSelection { display: none; }
	.f-left, .f-right { float: none; width: 100%; }
	.appSelSection h2 { margin-bottom: 30px; }
}