@charset "UTF-8";
/* CSS Document */
.cta{
	margin-left: 550px;
	margin-top: 15px;
	color: #fff;
	background-color: #f39903;
	padding: 6px 20px;
	border-radius: 5px;
	font-size: 14px;
	font-family: 'Malgun Gothic';
	}
iframe{
	margin: 0 auto;
	width: 95%;
	height: 400px;
	margin-top: 20px;
}
.h4{
	font-family: 'Malgun Gothic';
	font-size: 19px;
	color: #666666;
	margin-top: 25px; 
	margin-bottom: 10px;
	}
.banner {
	position: relative;
}
.title {
	position: absolute;
	top: 5%;
	text-align: right;
	width: 930px;
	padding: 1em;
	float: right;
	margin-left: 0%;
}

#marketplace, {
	width: 100%;
}
.container1{
	width: 100%;}
	.insights, .prod-sect{padding-top: 50px;}
.h2 {
    margin: 0;
    padding: 0;
	padding-top: 20px;
    font-family: 'Malgun Gothic';
    font-weight: 500;
    color: #fff;
    font-size: 24px;
    text-align: left;
    margin-top: 5px;
}
.h3{
	background-color: #44c6ac;
	text-align: center;
	font-size: 18px ;
	color: #ffffff;
	font-family: 'Malgun Gothic';
    font-weight: bold ;
	padding: 10px 10px;
	width:70%;
	}
	
	
.h22{
	          color: #755f56;
	          font-family: 'Malgun Gothic';
	          margin: 0;
	          FONT-SIZE: 25PX;
	          FONT-WEIGHT:600;
			  margin-top: 0px;
	          }
.h5{
	          color: #755f56;
	          font-family: 'Malgun Gothic';
	          margin: 0;
	          FONT-WEIGHT:400;
	          FONT-SIZE: 18PX;
	          FONT-STYLE:italic;
			  margin-top: 8px;
			  margin-bottom: 30px;
	          }	
.h55
{
	          color: #755f56;
	          font-family: Arial, Helvetica, sans-serif, "맑은 고딕";
	          margin: 0;
	          FONT-WEIGHT:400;
	          FONT-SIZE: 18PX;
	          FONT-STYLE:italic;
			  margin-top: 8px;
			  margin-bottom: 30px;
	          }	
.container1{
	width: 100%;
	padding-top: 40px;
	margin-top: 40px;
	clear: both;
	overflow:hidden;}

.h1 {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif, "맑은 고딕";
    font-weight: bold;
    color: #fff;
    text-align: left;
    font-size: 50px;
	text-transform:uppercase;
	text-shadow: 1px 1px 3px #a2a2a2;
}
.cin, .mil {
	box-shadow: 4px 4px 5px #f4f4f4;
	float: left;
	margin-bottom: 50px;
	position: relative;
	width: 48%;
	overflow: hidden;
	background-color: #ffffff;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 40px;
}
.container{
	clear: both;
	margin-top: 30px;
	overflow: hidden;
	}
.product{
	clear: both;
	margin-top: 30px;}
img {
	position:static;
    height: auto;
}
.cin:hover, .mil:hover {
	box-shadow: 0px 0px 20px #b0b0b0;
}
.offices{
	width: 95%;
	margin: 0 auto;
	margin-top: 40px;
}
.cin>img, .mil>img{
	margin: 30px auto;
	text-align: center;
}
.contactInfo{text-align: left;
margin-left: 20%}
.button{
	margin-bottom: 30px;
	margin-top: 15px;
}

.address{
	font-size: 15px;
	line-height: 24px;
	margin-top: 15px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #666666;
}
.address1, .price{
	margin-top: 0px;
	font-size: 15px;
	line-height: 20px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #666666;
}
.price{
	text-align: right;
	margin-top: 15px;}
.address2{
	margin-top: 0px;
	padding-left: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: '맑은 고딕', Helvetica, Arial, sans-serif;
    color: #666666;
    margin-bottom: 5px;
}
.partnership{margin-top: 100px;}

.col-2{
	width: 45%;
	float: left;
	text-align: left;
	margin-top: 10px;
	
}
.col-11{
	width: 90%;
	margin-left: 5%;
	margin-top: 20px;
	overflow: hidden;
}
.left{
	margin-right: 10%;
}
h4.h4{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #666666;
	margin-bottom: 10px; padding-bottom: 0;
}
.eStore_block980 {
    width: 980px;
    margin: 0 auto;}
.phones{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;

}
a{cursor: pointer;}
.l, .r{
	width: 47%;
	margin-right: 3%;
	float: left; 
	position:relative;
	margin-bottom: 30px;
	}
a .address1{
	color: #333;
	
}
a .address1:hover{
	text-decoration: underline;
}
.l{
	width: 35%;
	margin-right: 3%;
	float: left; 
	position:relative;
	margin-bottom: 30px;
	}
.r{
	width: 59%;
	float: left;
	position:relative;
	margin-bottom: 30px;
	}

.l2{
	width: 62%;
	margin-right: 3%;
	float: left; 
	margin-bottom: 30px;
	}
.r2{
	width: 28%;
	float: left; 
	margin-bottom: 30px;
	}
.link1{
	text-decoration: none;
	font-size: 18px; color: #4398ef;
	font-family: 'Open Sans', Helvetica, sans-serif;
	margin-top: 0px;
	line-height: 25px;
	 color: #755f56;
	          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	          margin: 0;
	       
	}
.orange{
	color: #f39800;}
.case-study{
		width: 281px;
		background-color: #f39800;
		color: #fff;
		text-align:center;
		padding-top: 5px;
		padding-bottom: 5px;
		}
.case-study:hover{
	background-color: #e08500;
}
.case-study a{
	color: #ffffff;
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	}
.link1:hover{
	text-decoration:underline;}

.mex{
	border-top: 5px solid #fede59;
	padding: 15px;
	}
.regularprice{
	float: right;}
.cta, .cta-ghost{
	text-align: center; 
	color: #755f56;
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 15px;
	}
.datasheet{
	background-color: #fede59;
	border: 2px solid #fede59;}
.details{
	border: 2px solid #fede59;
	}
.datasheet:hover,  .details:hover{
	background-color: #ffcf06;
		}
.cta:hover, .cta-ghost:hover{
	color: #ffffff;}
.features{
	padding: 20px;}
.regularprice{
	padding-bottom: 20px;}
.sharing{
	padding-left: 0px;
	padding-top: 40px;
	margin-bottom: 50px;
	margin-top: 20px;
	}
.buttons{
	width: 60%;
	clear: both;
	margin-left: 40%;
	text-align: right;}
.descr{
	    padding-top: 50px;}
.datasheet, .details{
	width: 43%;
	float: left;
	margin-right: 5%;
	vertical-align:middle; 
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;}
	
.left-button, .right-button{
		width: 45%;
		float: left;
		}
.insights{
	    margin-top: 0px;
    padding-top: 0px;
}
.icons{
			margin: 0 auto; width: 80%;
			margin-top: 40px;
			margin-bottom: 60px;
			clear: both; display: block; 
			overflow: hidden;
			}
eStoreWidget{
	font-size: 24px;
	}
.pic{text-align: center;
	margin-top: 50px;
	margin-bottom: 100px;
	display: block;
	overflow: hidden;
}
.icon-text{
	margin-top: 10px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #666666;
	margin-bottom: 5px;
	}
	ul.materials>li, ul.share-buttons>li {
	display: inline;
	}

div.sharing{
	clear: both;
	}
ul.share-buttons{
	text-align: left;
	padding-left: 0;}
.contact-card{
	text-align:center;
	float: left;
	padding-let, padding-bottom, padding-left: 10px;
	width: 32%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	height: 500px;
	margin-bottom: 50px;}
	
.product-title{
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 12px; color: #666666;
	text-align: right;
	margin-top: 0;
	}



.story{
	text-align: center; 
	color: #755f56;
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 15px;
	background-color: #f39800;
	padding: 8px 40px;
	 color: #ffffff;
    border: 2px solid #f39800;
	}
	
.storybig{
	text-align: center; 
	color: #000066;
	text-decoration: none;
	font-family: '맑은 고딕', Helvetica, sans-serif;
	font-size: 20px;
	background-color: #000066;
	padding: 8px 40px;
	 color: #ffffff;
    border: 2px solid #000066;
	}
	
.story1{
	text-align: center; 
	color: #755f56;
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 18px;
	background-color: #fff;
	padding: 8px 40px;
	 color: #f39800;
    border: 2px solid #f39800;
	}
.story:hover, .story1:hover{
background-color: #e08500;
 border: 2px solid #e08500;
color: #ffffff;		
	}
a:hover{text-decoration: none;}
	
	@media screen and (max-width: 1366px) {.container1{width: 96%;
		margin-left: 2%;}
	.h1{
		font-size: 40px;
		margin-right: 25%;}
	.h2{
		padding-top: 5px; font-size: 18px;}
	.title{width: 55%;
	margin-left: 5%;
		}
		.top{width: 100%;}}
	

@media screen and (max-width: 980px) {
	.container1{width: 96%;
		margin-left: 2%;}
	.h1{
		font-size: 40px;}
	.h2{
		padding-top: 5px; font-size: 18px;}
	.title{width: 55%;
	margin-left: 5%;
		}
		.top{width: 120%;}
}

	@media screen and (max-width: 767px) {
		.datasheet, .details{
			width: 90%;
			margin-left: 5%;
			margin-bottom: 5px;}
		.regularprice {
    margin-right: 5%;
		}
		.product-title{
			margin-right: 30%;}
		
		.l, .r{
			width: 47%;
			margin-right: 3%;
			margin-bottom: 60px;
		}
		.title{width: 60%;}
		.h1{
			font-size: 31px; }
		.top{width: 120%;}
		.l2{
	width: 62%;
	margin-right: 3%;
	float: left; 
	position:relative;
	margin-bottom: 30px;
	}
	.story1, .story1{padding: 8px 20px;}
.r2{
	width: 35%;
	float: left; 
	position:relative;
	margin-bottom: 30px;
	}
		.contact-card{width: 80%;
		margin: 0 auto;
		margin-top: 35px;
		margin-left: 10%}
		.buttons{margin-bottom: 60px;
		width: 100%;
		margin-left: 0%;}
		.contact-card{
				height: auto;}
		.buttons{margin-bottom: 30px;
			clear: both;
			overflow: hidden;}
		.h2{margin-left: 10%;}
			.h5{margin-left: 10%;}
		.container1{width: 96%;
		margin-left: 2%;}
	.insights{
		width: 90%;
		margin-left: 5%;}
	.insights>.h2{margin-left: 0;}

	.sharing{margin-left: 5%;}
	
		
}

	@media screen and (max-width: 480px) {
		.marketplace{display: none;}
		.l, .r, .l2, .r2{
			width: 96%;
				margin-left: 3%;
			margin-bottom: 40px;
		}
		.l{margin-bottom: 0;}
		.descr{padding-top: 0;}
		.contact-card{width: 90%;
		
		margin-top: 35px;
		margin-left: 5%}
		.story1, .story1{padding: 8px 40px;}
		.title{
			width: 95%;
			clear: both;
			}
		.top{width: 250%}
		.datasheet, .details {
			width: 90%;
			margin-left: 5%;
			margin-bottom: 5px;}
		.case-study{
			width: 281px;}
		.icon{
			width: 43%;
			margin-right: 2%;
			height: 180px;}
		.story{
			
			margin-bottom: 5px;
			}
		.buttons{
			width: 100%;
			margin-bottom: 30px;
			clear: both;
			overflow: hidden;
			margin-left: 0;}
			.contact-card{
				height: auto;}
			.regularprice{
				margin-right: 5%;}
		
			.container1{
				margin-top: 0;}
}


.eStore_contactUs_form {
display:none;}
.eStore_contactUs_address {
background:none}
.eStore_rightBlock{width:auto;padding-left:0px;}
.eStore_contactUs{padding:0px;}
