/*
 * comeso custom CSS File
 * Homepage: www.comeso.org
 * Copyright 2014
 * Based on Bootstrap 3
*/
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700|Nanum+Gothic:400,700&display=swap&subset=japanese,korean');

html {
  position: relative;
  min-height: 100%;
}

.fa {
    font-family: FontAwesome !important;
}

body.font-ja,
body.font-ja * {
	font-family: 'M PLUS 1p', sans-serif;
}

body.font-ko,
body.font-ko * {
	font-family: 'Nanum Gothic', sans-serif;
}


body  {
    margin-bottom: 50px; /* sticky footer */
	font-size: 1.6em;
	overflow-x: hidden;
	line-height: 1.8;
}

/* general html tags */
header {
	padding: 20px 0 20px 0;
}

footer {
    position: absolute;
    bottom: 0;
	background-color: #272727;
	color: #ffffff;
	margin-top: 40px;
    width: 100%;
	font-size: 0.8em;
    padding: 0.5em;
}

footer li {
	padding-top: 2px;
}

footer a,
footer a:hover {
	color: #ffffff;
}

footer div.copyright {
    text-align: center;
}

footer div.policyLnk {
    position: absolute;
    right: 15px;
    top: 0;
}

a#showLinksBtn,
div.policy h3,
div.policy h4,
div.policy {
    font-size: 0.9em;
    line-height: 1.3;
}
div.policy h3 {
    font-size: 1.3em;
}
div.policy h4 {
    font-size: 1.2em;
}

div.policy a {
    text-decoration: none;
    color: rgb(34, 34, 34) !important;
}

div#collapseLinks {
    font-size: 0.8em;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0px;
}

hr {
	border-color: #e7e7e7;
}

ul {
	padding-left: 30px;
}

article blockquote:before {
	content: "\201D";
	font-size: 4em;
	font-family: Arial;
	line-height: 0.5em;
	font-weight: bold;
	color: #acacac;
	vertical-align: -0.3em;
}

blockquote:before, blockquote:after {
	content: "";
}

label, .control-label, .help-block, .checkbox, .radio {
	font-size: 16px;
	width: 100%;
}

/* IDs */
#our-customers {
	padding-top: 30px;
	padding-bottom: 20px;
}

#contact .form-group {
	padding: 20px 0 20px 0;
}

#contact button {
	margin-top: 20px;
}

/* overwriting bootstrap CSS */
.page-header {
	margin-top: 25px;
}

.navbar {
	font-size: 0.90em;
	margin-bottom: 0px;
}

.center-block {
	padding-top: 20px;
	padding-bottom: 20px;
}

.list-group {
	font-size: 14px;
}

.panel-group h3 {
	padding-top: 20px;
}

/* own CSS classes */
.h-padding {
	padding-top: 10px;
	padding-bottom: 20px;
}

.details {
	padding-top: 15px;
}

.btn-yellow {
	color: #fff;
	background-color: #f2d82b;
	border-color: #dec51a;
}

.btn-yellow:focus, .btn-yellow:hover, .btn-yellow:active, .btn-yellow.active, .open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #dec51a;
	border-color: #c5ad11;
}

.grey-background {
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 20px 0 20px 0;
	background-color: #f4f4f4;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.grey-background hr {
	border-color: #ffffff;
	margin-top: 15px;
	margin-bottom: 15px;
}

.our-customers-space {
	margin-bottom: 10px;
	margin-top: 10px;
}

.our-customers-space h3 {
	font-weight: bold;
}

.feature-icon {
    font-size: 5em;
    text-align: center;
    color: #008cba;
}.feature-icon .overlay {    margin-left: -70px;    padding-top: -15px;    color: rgba(33, 33, 33, 0.8);}



.feature-icon .fa-stack-1x {
  color: rgba(33, 33, 33, 0.8);
}

.country_list_btn_top {
	padding-top: 15px !important;
}

#social_media_btn , #country_list_btn, #country_list_btn2{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#social_media_btn > li{
	display: inline-block;
	 padding: 0px 15px;
    font-size: 25px;

}
#social_media_btn > li > a{
	color: #ffffff;
}
#social_media_btn > li > a:hover{
	color: #ffffff;
}
#country_list_btn > li, #country_list_btn2 > li {
	display: inline-block;
	padding: 0px 5px;
}
#country_list_btn > li img, #country_list_btn2 > li img {
	width: 20px;
	border: 1px solid #AAAAAA;
}
/*#social_media_btn > li:last-child , #country_list_btn > li:last-child{
	padding-right:0px !important;
}*/

.company_summary{
	padding: 20px 0px;
	/*background-color: #E4E2E2;*/
}
.company_summary h2{
	color: #4C99BF;
    font-weight: 400;
    line-height: 45px;
    font-size: 26px;
    letter-spacing: -1px;
}
#disclaimer {
	line-height: 10px;
	margin-top: -2px !important;
	margin-bottom: 1px !important;
}


/*footer > div{
	margin-top: -13px;
}
footer small{
	color:white;
}*/
.capital{

	font-weight: bold;
}
.even-color{
	background-color:#ECECEC;
}
.even-color hr{
	height: 1px;
	color: #C7C7C7;
	background-color: #C7C7C7;
	border: none;
}
#contact_li > ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#contact_li > ul > li{
	display: block;
	margin: 20px 10px;
}

ul>li.hz{
    display: inline-flex;
}

@media (min-width: 1200px)
{
	.container_c{
		width: 962px;
	}
	.no-padding {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.eyecatcher{
		width: 962px;
	}
	.eyecatcher img{
		height: 372px;
	}
	.services-div > div{
		height: 350px;
	}
	.services-div > div.large{
		height: 450px !important;
	}


}
@media (min-width: 992px)
{

}
@media (max-width: 768px)
{
	.company_summary {
	    padding: 20px 10px !important;
	}
	.company_summary h2 {
	    color: #4C99BF;
	    font-weight: 200 !important;
	    line-height: 22px !important;
	    font-size: 16px !important;
	}
}

@media (max-width: 400px) {
    footer div.copyright {
        text-align: left;
    }
}
