body {

	padding: 0px;
	margin: 0;
	font-family: 'Exo 2', sans-serif;
	background: #fff;

}

.tabs {
	display: flex;
	width: 100%;
	max-width: 891px;
	margin: -2px auto; 
}

.container {
	width: 100%;
	max-width: 891px;
	margin:0 auto; 
}

.tabs .tab {
	position: relative; 
	border:none;
	padding: 20px 0;
	width: 33.3%;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
	display: table-cell;
	padding: 15px 1px;
	/* border-bottom: 1px solid #E4E4E4; */
}
/* .tabs .tab::before {
	content: '';
	display: block;
	z-index: 9999;
	position: absolute;
	border-bottom: 1px solid #e4e4e4;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: white;
	bottom: 0px;
	right: -6.4px;
	border-bottom-left-radius: 100px;
	border-left: 1px solid #e4e4e4;
} 
.tabs .tab::after {
	content: '';
	display: block;
	z-index: 9998;
	position: absolute; 
	width: 5px;
	height: 5px; 
	background-color: #fff;
	bottom: 0px;
	right: -4px;
}  */

.tabs .tab span {
	position: relative;
    top: -10px;
    left: 10px;

}

.tab_content { 
	border: 1px solid #E4E4E4;  
	/* border-bottom: 1px solid #E4E4E4;   */
	/* border-left: 1px solid #E4E4E4;   */
	/* border-right: 1px solid #E4E4E4;   */
	/* border-radius: 0 0 10px 10px;  */
	background-color: #fff;
	/* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); */
	background-color: #fff;
	max-width: 849px;
	margin:0 auto; 
}

.tabs .tab.active { 
	border-top: 1px solid #E4E4E4;  
	/* border-bottom: none; */
	border-left: 1px solid #E4E4E4;  
	border-right: 1px solid #E4E4E4;
	border-radius: 10px 10px 0 0;
	padding: 15px 0;
	background-color: #fff;
	/* border-bottom: 1px solid #E4E4E4; */
    /* box-shadow: -4px -6px 10px rgba(0, 0, 0, 0.05); */
}
.roundCorner{
	display: none;
}
.tabs .tab.active .roundCorner{
	display: block;
} 


.tab_contents .tab_content { display: none; padding: 20px 20px;  } 
.tab_contents .tab_content.active { display: block;  } 


.zone_drag_drop {
	border-radius: 10px;
	cursor: pointer;
	border: 1px dashed #007AE1;
	min-height: 100px;
	position: relative;
	background: rgba(238, 238, 238, 0.5);
	box-sizing: border-box;

}

.zone_drag_drop .txt { 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 531px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	width: 100%;

}

.btn_next {
	background: #007AE1;
	border-radius: 10px;
	float: right;
	padding: 14px 44px;
	color: #fff;
	margin-top: 21px;
	cursor: pointer;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	text-decoration: none;
}

.btn_clear_all {
	background: #007AE1;
	border-radius: 10px;
	float: right;
	padding: 14px 44px;
	color: #fff;
	margin-top: 21px;
	cursor: pointer;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	display: none;
	text-decoration: none;
}

.clear { clear: both;  }

h1 {

	margin: 10% 0 25px 0;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	font-size: 20px;
	text-transform: uppercase;
	color: #007AE1;
	font-weight: 600;
}

#file { display: none; }

.watermark_title { font-style: normal;
	font-weight: normal;
	font-size: 20px;
	display: block;  }

.watermark_title_start {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 27px;
	text-align: center;
	display: block;
}

input.watermark_text {
	background: rgba(238, 238, 238, 0.5);
	border: 1px dashed #007AE1;
	box-sizing: border-box;
	border-radius: 10px;
	width: 100%;
	padding: 25px 24px;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	margin-top: 10px;
}

.progressbar {

	background: rgba(238, 238, 238, 0.5);
	border: 4px solid #007AE1;
	box-sizing: border-box;
	border-radius: 10px;
	height: 112px;
	padding: 3px;

}
.progressbar .progress {

	background: #007AE1;
	border: 6px solid #007AE1;
	box-sizing: border-box;
	border-radius: 5px;
	height: 98px;

}

.watermark_start_box {
	display: none;
}

.tab_contents .content1  { border-radius: 0 10px 10px 10px;}
.tab_contents .content2  { padding: 20px 20px;  border-radius: 10px;}
.tab_contents .content3  { padding: 20px 20px;  border-radius: 10px 0 10px 10px;}

.download_box {
	width: 100%;
	display: block;
}

.download_box { text-decoration: none; }

.download_box .download_box_title { display: flex; max-width: 702px; margin: 0 auto;  }

.download_box .download_box_title .ico { width: 50px;  } 

.download_box_title .text { padding-left: 0px;  }

.download_box_title .txt1 { font-style: normal;
font-weight: bold;
font-size: 20px;  padding-top: 5px; color: #000;}

.download_box_title .txt2 { font-style: normal;
font-weight: normal;
font-size: 21px; color: #777777;  }

.load_files { display: none; margin-top: 20px; font-size: 20px  }
.load_files .title_load_files { font-weight: bold; color: #37B553; font-size: 20px;  }

.btn_next.disabled { background-color: #ccc; pointer-events: none; cursor: not-allowed;  }
.error_input { display: none; color: #ff0000; margin-top: 5px;  }

.opacity {
	display: none;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.files_list .item { margin: 2px 0;  }

.wind_close {

	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	background-color: #fff;
	padding: 40px;
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1000;
	max-width: 400px;
	width: 100%;
}

.wind_close .btns { margin-top: 20px; display: flex; }

.wind_close .btns a { text-align: center; width: 100%;  background: #007AE1;
	border-radius: 5px;
	padding: 20px 77px;
	color: #fff;
	margin-top: 40px;
	cursor: pointer; margin: 0 5px;}

	.txt_box_step { float: left; display: flex; margin-top: 21px;  }
	.txt_box_step .text{ color: rgba(94, 94, 94, 0.5);  font-style: normal;
font-weight: normal;
font-size: 12px; padding-left: 10px; padding-top: 11px; }

.header { margin-bottom: 0px; margin-left: 2%; }

.copyright {
	color: #AEAEAE;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	width: 100%;
	display: block;
	margin-top: -33px;
}

.copyright a { color: #AEAEAE;  }
body, html {height: 100%;}

.wrapper { padding: 30px 10px; min-height: 100%; padding-bottom: 33px; box-sizing: border-box; }

.mob_hide { display: inline-block;  }
.mob_show { display: none;  }

.load_files_start { display: flex; margin-top: 25px;  }

.load_files_start_box { display: none; }

.bg-language
{
position: absolute;
width: 47px;
height: 47px;
right: 50px;
top: 50px;
background: #FFFFFF;
border: 1px solid #E4E4E4;
box-sizing: border-box;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
z-index:1;
}

.bg-language:hover {
  height: 405px;
}

.select-flag{
position:absolute;
right: 12px;
top: 15px;
}

.en-flag{
display: none;
}

.bg-language:hover .en-flag{
position:absolute;
right: 12px;
top: 46px;
display:block;
}

.usa-flag{
display: none;
}

.bg-language:hover .usa-flag{
position: absolute;
right: 12px;
top: 76px;
display:block;
}

.de-flag{
display: none;
}

.bg-language:hover .de-flag{
position: absolute;
right: 12px;
top: 106px;
display:block;
}

.fi-flag{
display: none;
}

.bg-language:hover .fi-flag{
position: absolute;
right: 12px;
top: 136px;
display:block;
}

.fr-flag{
display: none;
}

.bg-language:hover .fr-flag{
position: absolute;
right: 12px;
top: 166px;
display:block;
}

.cn-flag{
display: none;
}

.bg-language:hover .cn-flag{
position: absolute;
right: 12px;
top: 196px;
display:block;
}

.es-flag{
display: none;
}

.bg-language:hover .es-flag{
position: absolute;
right: 12px;
top: 226px;
display:block;
}

.ae-flag{
display: none;
}

.bg-language:hover .ae-flag{
position: absolute;
right: 12px;
top: 256px;
display:block;
}

.hi-flag{
display: none;
}

.bg-language:hover .hi-flag{
position: absolute;
right: 12px;
top: 286px;
display:block;
}

.bn-flag{
display: none;
}

.bg-language:hover .bn-flag{
position: absolute;
right: 12px;
top: 316px;
display:block;
}

.pt-flag{
display: none;
}

.bg-language:hover .pt-flag{
position: absolute;
right: 12px;
top: 346px;
display:block;
}

.ru-flag{
display: none;
}

.bg-language:hover .ru-flag{
position: absolute;
right: 12px;
top: 376px;
display:block;
}

@media (max-width: 780px) {

	.mob_hide { display: none;  }
	.mob_show { display: inline-block;  }


	.tabs .tab { width: 40px; text-align: left; padding: 15px 10px; }
	.tabs .tab.active { width: calc(100% - 80px);  padding: 15px 10px; }
	.tabs .tab span { display: none;  }
	.tabs .tab.active span { display: inline;  }


	.zone_drag_drop .txt { transform: translate(0,0); position: static; left: 0; top: 0; }

	.zone_drag_drop { padding: 20px 10px; min-height: 1px; }

	.btn_next { width: 100%;  box-sizing: border-box; text-align: center; }
	.btn_clear_all { width: 100%;  box-sizing: border-box; text-align: center; margin-right: 0 !important;  }
	.load_files { font-size: 16px;  }
	.load_files .title_load_files { font-size: 16px;  }
	input.watermark_text { font-size: 10px;  }
	.watermark_title { font-size: 16px;  }

	.download_box .download_box_title { display: block; text-align: center; }

	.download_box .download_box_title .ico{  text-align: center; width: 100%; }

	.txt_box_step { width: 100%;  }
	
    
    .bg-language { position: absolute; width: 47px; height: 47px; right: 20px; top: 30px; background: #FFFFFF; border: 1px solid #E4E4E4; box-sizing: border-box; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; z-index: 1;}
    
    .select-flag { position: absolute; right: 12px;  top: 15px;}
    .bg-language:hover .en-flag{ position: absolute; right: 12px; top: 45px;}
    .bg-language:hover .usa-flag{ position: absolute; right: 12px; top: 75px;}
    .bg-language:hover .de-flag{ position: absolute; right: 12px; top: 105px;}
    .bg-language:hover .fi-flag{ position: absolute; right: 12px; top: 135px;}
    .bg-language:hover .fr-flag{ position: absolute; right: 12px; top: 165px;}
    .bg-language:hover .cn-flag{ position: absolute; right: 12px; top: 195px;}
    .bg-language:hover .es-flag{ position: absolute; right: 12px; top: 225px;}
    .bg-language:hover .ae-flag{ position: absolute; right: 12px; top: 255px;}
    .bg-language:hover .hi-flag{ position: absolute; right: 12px; top: 285px;}
    .bg-language:hover .bn-flag{ position: absolute; right: 12px; top: 315px;}
    .bg-language:hover .pt-flag{ position: absolute; right: 12px; top: 345px;}
    .bg-language:hover .ru-flag{ position: absolute; right: 12px; top: 375px;}

}