/*@import "solution.css";*/
@import "navigation.css";

.background{background:#F4F4F4}
.recomArticle img {
    max-width: 140px;
}
.recomArticle>.row>a {
    display: flex;
    align-items: flex-start;
	color:#373737;flex:1 1;padding:0
}
.recomArticle>.row>a:hover{color:#0056b3}
.recomArticle h5{line-height:1.4;padding-right:14px}
.recomArticle h2 {margin-bottom: 36px;}
.article.recomArticle>.row>a:nth-of-type(2) {
    margin-left: 60px;
    margin-right: 60px;
}
.article.recomArticle {padding: 4.5% 0;}

/*owl-carousel*/
.p-item {
    height: 250px;/**/
    display: flex;
    border-radius: 25px;
    margin: 0.5vmin;
    text-align: center;
    /*box-shadow: 3px 6px 9px rgb(0 0 0 / 30%);*/
	border:1px solid #9e9e9e;
    font-size: 14px;
    padding: 2%;
    /*padding-bottom: 7%;*/
	align-items: center;
    justify-content: center;
}
.p-item .pic {
    /*width: auto;*/
	max-width:180px;
    /*max-height: 280px;*/
    transform: translateY(-10px);
    margin: 20px auto;
}
.owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    margin: auto;
}
.owl-item a {
    color: #3e3a39;
}
.owl-stage {
    padding: 20px;
}
.owl-stage-outer {
    padding-bottom: 3%;
}
.text {
    text-align: left;
    padding: 0 8%;
    position: relative;
    top: -6px;
}
.text h4{font-weight:bold}
#g-intro{padding:0 !important;}
#product {
    margin-bottom: 88px;
}

#solution {
    padding: 25px 0;
	max-width:1140px;
	margin:auto;
    margin-top: 1.5%;
}
/*.text:before {
    background-color: #f9ec00;
    content: "";
    position: absolute;
    height: 5px;
    width: 80px;
    top: -20px;
    z-index: auto;
}*/
.owl-dots {
    bottom: 0;
}
.owl-dots .owl-dot.active {
    background-color: #5d6885;
}
.owl-dots .owl-dot {
    background: #d6d6d6;
}
@media screen and (min-width:1400px){
	.owl-stage{margin-left:9%}
}


/*sidebar*/
.article-list~.sidebar>div {
    margin-bottom: 158px !important;
}
.article-list h2{font-size:24px;font-weight:bold}
.des{margin-bottom:12px !important;font-size:18px;color:#373737;}
.tag_title{margin-bottom:10px}
.article-list a:hover, .content-r a:hover, a:hover {
	text-decoration: none !important;
}
.article div:not(.sidebar){margin-bottom:0}
.sidebar >div:nth-of-type(2) {
    margin-top: 28px;
}

.article-list a, .content-r a, .main{
	color: #373737;
}
#background{
background:url(/images/ezdupe/webpage/Solution/Talk-about-Duplicator_01.png);
background-size:cover;	
}
.banner{
padding:5.8% 40px;
font-size:18px;
color:#fff;
justify-content:flex-start;
max-width:1240px;
margin:auto !important;
}
row:before, .row:after,.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
	display: none;
	content: inherit !Important;
}
.subnav{padding: 0 40px; align-items:center;margin:auto !important; max-width:1240px}
.submenu{
	padding: 2vw 0;color:#3e3a39;
}
.submenu ol{
	list-style:none;
	margin-bottom:0
}
.submenu li{
	display:inline-block;
	margin-right:13%;
	cursor: pointer;
	font-size:16px;
}
.submenu li:last-child{margin-right:0}
.submenu a:hover{
	border-bottom:2px solid #06ffff;
}
/*my own list, can delete later*/
.main{
	-ms-flex-align:center;
	margin: 7vw auto 9.7vw !important;
	padding:0 !important
}
select {
	align-self: flex-end;
	width: 100px;
	height: 30px;
	margin-bottom: 1vw !important;
}
.article-list hr{width:100%;border: 1px solid #363636 !important;}
.article-list {
	display: flex;
	justify-content: center;
	margin:auto;
	flex-direction:column;
}
.article-list img {
	max-height: 250px;
	width: 100%;
	object-fit: cover;
	/*min-height:249px*/
}
.box .tag{margin-top:0px !important;color:#373737}
.tag p{margin-right:15px !important;display:inline-block}
.box span{color:#373737;margin-right:5px}
.box, .main {
	display: flex;
	align-items: center;
	/*background:#fff;*/
	transition:.2s;
	position:relative;
	border-bottom:1px solid #e0e0e0;
	/*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)*/
	/*max-height:250px*/
}
.box:hover, .main:hover{color: #0056b3;}
.article-list .box{padding-top:28px;padding-bottom:28px}
.num_nav{
	margin:auto;
	text-align:center;
}
.num_nav >div {
	display:inline-block;
	text-align:center;
	cursor: pointer;
}
.num_nav span {
	border: 1px solid;
	padding: 5px 10px;
	margin: 5px;
	cursor: pointer;
}
.num_nav span.active {
background: #000;
color: #fff;
}
.content p{
	margin: 0 0 0.2rem;
}
.col-12.content{
	font-size:1rem;display: flex;
	height:100%;
	flex-direction: column;
	align-items: initial;
	justify-content: center;
	padding:0 4% 0 !important;
}
.content h2{padding:0;margin-bottom:12px}
.pic{
	padding:0 !important;
}
.nav-pills > li > a{/*padding:8px 0 10px; border-radius:0;*/color:#373737;}
.tag>li.active {
	border-color: #0bfff8;
}
.tag>li:hover{box-shadow: 0px 0px 3px #0bfff8a1;border-color: #0bfff8;}
.tab-content {
overflow: hidden !important;
}
#main .content{
	display:flex;
	align-items:center;
	height: auto;
	padding: 5%;
}
#main{
	padding:0;
	flex-direction:column;
	background:#fff;
	
}
#main img{
	width:100%;
	max-width: none;
}
#g-features{background:#f6f6f6}
#g-intro{position:relative;padding:0 1.4% 12.5%}
/*my own search css*/
.fa-search {
	position: absolute;
	font-size: 24px;
	padding: 8px;
	top:50%;
	transform:translateY(-50%);
	border-radius:50%;
	margin-left:8px;
	color:#585858
}
.search-box{
	/*max-width:276px !important;*/
	padding: 0 !important;
	position:relative;
	float: right;
	margin:30px 0 1.5% !important;
	text-align:right
}
.search-box input{
	padding-left:56px;
	border-radius: 10px;
	height:56px;
	margin-bottom:0;
	background:transparent;
	border: 1px solid rgba(0, 0, 0, 0.65);
}

#trip {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#result, #nMatch{
	align-self: flex-start;
}
#result #text{
	color:#e02121;
}
#return{    
border-radius: 15px;
padding: 5px 8px;
border: 1px solid #3e3a39;
cursor:pointer;
display:inline-block
}
#return:hover{
	background:#3e3a39;
	color:#fff
}
#btn_close{display:none}
/*mobile*/
@media screen and (max-width:576px){
	#g-intro{padding:0 4% 12.5% !important}
	.banner{min-height:300px;font-size:15px;padding:0 6% 0}
	.banner>div{padding: 22vw 15px 12vw;}
	.subnav{padding:0 6%;position:relative}
	.submit li{margin-right:7%}
	.search-box.active input{display:block;/*width: 80%;*/}
	#btn_close{display:block;position:absolute;right:11%}
	.main{margin-bottom:21vw !important}
	.box span{bottom:4vw;left:4%;font-size:12px}
	.tab-content{padding:0 15px !important}
	.article-list select{position:absolute;top:31px;left:4%}
	.article-list a,.article-list a:nth-of-type(1){margin-top:0}
	/*24*/
	.banner h1, #g-intro h2{font-size:20px}
	/*15px*/
	.submenu li, .col-12.content{font-size:15px; }
	.submenu li{margin-right:7.2%}
.recomArticle h2{margin-bottom:18px}
}
@media screen and (min-width:786px) and (max-width:1300px){
	#solution {padding:25px 9% 4px}
	#trip.des{
		display:none;
		position:absolute;
	}
	#trip.box:hover .des{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	padding: 5px;
	color:#fff;
	transition:all .5s;}
	.article.recomArticle{padding:3.6% 8%}
}
@media screen and (max-width:786px){
	.des{display:block;position:relative}
	div#search-form {
		display: none;
	}
	#trip{margin-top:25px}
	#trip .box{margin:5px 0}
	.search-box{float:left; margin: 3vmin 0 !important}
	#solution {padding:32px 9% 4px}
}

@media screen and (max-width:991px){
	.recomArticle>.row{flex-direction:column}
	.pic{padding:15px}
	.col-12.content{padding:3.6vw 5.4% 0 !Important}
    .recomArticle>.row>a{flex-direction:row-reverse;justify-content:start;padding:3%;align-items:center}
.recomArticle {padding: 8% !important;}
.article-list~.sidebar>div{margin-bottom:0 !important}
.article.recomArticle>.row>a:nth-of-type(2){margin:auto}
.recomArticle img{margin-right:25px}
}
@media screen and (min-width:1200px){
	.search-box input{max-width:276px}
}
@media screen and (min-width:1600px){
	.article-list, .main {
	max-width: 1330px !important;}
	#g-intro{padding:0 10.4% 0}
}
@media screen and (min-width:992px){
			.sidebar>div>div:nth-of-type(2) .tag_title{margin-top:24px}
}
/*for firfox only*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.content-l{align-items:stretch}
#main .content{align-items:stretch;padding:9% 5%}
#main{top:-28px}
}
/*for ie only*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .search-box {
	   text-align:left
   }
}
					
.external-link a:first-child {
    margin-top: 4vw;
}
.external-link a {
    margin-top: 16px;
    display: inline-block;
}