/* ----------------------------------------------------------------
	addon class
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	font class
-----------------------------------------------------------------*/
@font-face {
	font-family: 'Noto Sans UI';
	src: url('../css/fonts/../css/fonts/NotoSansUI-Italic.eot');
	src: url('../css/fonts/NotoSansUI-Italic.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSansUI-Italic.woff') format('woff'),
		url('../css/fonts/NotoSansUI-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Noto Sans UI';
	src: url('../css/fonts/NotoSansUI-Bold.eot');
	src: url('../css/fonts/NotoSansUI-Bold.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSansUI-Bold.woff') format('woff'),
		url('../css/fonts/NotoSansUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../css/fonts/NotoSans-Bold.eot');
	src: url('../css/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSans-Bold.woff') format('woff'),
		url('../css/fonts/NotoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../css/fonts/NotoSans.eot');
	src: url('../css/fonts/NotoSans.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSans.woff') format('woff'),
		url('../css/fonts/NotoSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../css/fonts/NotoSans-Italic.eot');
	src: url('../css/fonts/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSans-Italic.woff') format('woff'),
		url('../css/fonts/NotoSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../css/fonts/NotoSans-BoldItalic.eot');
	src: url('../css/fonts/NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSans-BoldItalic.woff') format('woff'),
		url('../css/fonts/NotoSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Noto Sans UI';
	src: url('../css/fonts/NotoSansUI.eot');
	src: url('../css/fonts/NotoSansUI.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSansUI.woff') format('woff'),
		url('../css/fonts/NotoSansUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Noto Sans UI';
	src: url('../css/fonts/NotoSansUI-BoldItalic.eot');
	src: url('../css/fonts/NotoSansUI-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/NotoSansUI-BoldItalic.woff') format('woff'),
		url('../css/fonts/NotoSansUI-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}


body {
	font-family: 'Noto Sans', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans', sans-serif !important;
}

small { font-family: 'Noto Sans', sans-serif !important; }


/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

#header, #header-wrap{
	height: 100px !important;
}

#logo{
	height: 100px !important;
}

#logo img{
	height: auto !important;
	width: 70% !important;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a{
	color: rgba(13,72,122,1) !important;
}
/* ----------------------------------------------------------------
	slider
-----------------------------------------------------------------*/
.eboss-slide-cap{
	top: 25% !important
}

.eboss-slide-cap h2{
	font-size: 46px !important;
	color: #222222 !important;
	margin-bottom: 20px !important;
}

.eboss-slide-cap p{
	font-size: 24px !important;
	color: #555555 !important;
}

.eboss-page-arrow.one-page-arrow i{
	background: rgba(0,0,0,.5) !important;
	border-radius: 50px !important;
	font-size: 32px;
	width: 46px;
}

.eboss-page-arrow.one-page-arrow{
	width: 46px !important;
	height: 46px !important;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 20px !important;
	margin-top: 15px !important
}

/* ----------------------------------------------------------------
	button
-----------------------------------------------------------------*/
.kco-spt{
	background: rgba(13,72,122,1) !important;
	border-radius: 4px !important;
	margin-top: 12px !important;
}

#side-panel-trigger.kco-spt a{
	width: 46px;
	height: 46px;
	color: #ffffff;
	font-size: 24px;
	line-height: 46px;
}

.notext-shadow{
	text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

.blue-white-btn{
	background: #ffffff;
	border: 2px solid rgba(13,72,122,1);
	color:rgba(13,72,122,1);
}

.blue-white-btn.button:hover{
	background: rgba(13,72,122,1);
	border: 2px solid rgba(13,72,122,1);
}

.white-btn{
	background: rgba(255,255,255,0);
	border: 2px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
}

.blue-background-btn{
	color: #ffffff !important;
	background:rgba(13,72,122,1)
}

.button.blue-background-btn:hover{
	color: #ffffff !important;
	background:rgba(13,72,122,.7) !important
}

.button-kco-white{
	border-color:rgba(255,255,255,1) !important;
	color: rgba(255,255,255,1) !important;
}

.button-kco-white:hover{
	border-color: rgba(13,72,122,1) !important;
	background:rgba(13,72,122,1) !important;
	color: rgba(255,255,255,1)
}

.letter-spacing-sm{
	letter-spacing: 5px !important;
}

/* ----------------------------------------------------------------
	slider
-----------------------------------------------------------------*/

.spec-h h2{
	font-size: 40px !important;
	line-height: .8 !important
}
.slider-caption.slider-caption-left {
	position: relative;
	max-width: 800px;
	margin: 0;
	left: 0;
	top: 20px;
	color: #ffffff;
}

.slider-caption.slider-caption-left p{
	margin-left: 0 !important;
}

.eboss-slide-cap p.white-text, .eboss-slide-cap h2.white-text{
	color: #ffffff !important;
}

.cap-02{
	top: 25% !important;
}

/* ----------------------------------------------------------------
	contents
-----------------------------------------------------------------*/
.position-mother{
	position: relative;
}

.black-cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: rgba(0,0,0,.5)
}

.black-cover.light-20{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: rgba(0,0,0,.2)
}

.blue, #copyrights.blue{
	background: rgba(13,72,122,1) !important;
	color: #ffffff;
}

#copyrights.blue{
	color: rgba(255,255,255,1) !important;
}

.milk, #footer.milk{
	background:rgba(244,242,233,1) !important
}

.col-padding-md{
	padding: 40px;
}

.col-padding-sm{
	padding: 20px;
}

.col-padding-xs{
	padding: 15px;
}

.full-height{
	height: 100% !important;
}

.show-xs{
	display: none;
}

.floating-title{
	border: 2px solid #ffffff;
	padding: 15px 20px;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

#section-about-us .floating-title{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.floating-title h1, .floating-title h2, .floating-title h3, .floating-title h4, .floating-title h5{
	color: #ffffff;
	margin-bottom: 10px;
}

.footer-contact h5{
	color: #444444 !important;
	font-size: 18px;
}

.footer-contact{
	width: 80%;
	margin: 0 auto;
}

.page-banner-shape{ 
    position: absolute; 
    height: 0px; 
    width: 0; 
	right: 0;
	bottom: 0;
	z-index: 5;
    border-top: 80px solid transparent; 
    border-left: 2000px solid transparent; 
    border-right: 0px solid rgba(255,255,255,1); 
    border-bottom: 100px solid rgba(255,255,255,1); 
}

.kco-quote p > span{
	font-size: 24px;
	margin-bottom: 0;
	font-style: italic;
	color: #444444;
	font-weight: 700;
}

.kco-quote:before{
	left: -20px !important
}

.kco-quote p{
	margin-bottom: 5px;
	color: #666666;
}

@media (min-width: 0) and (max-width: 960px){
	.full-height{
		height: 100% !important;
	}
	
	.mobile-non-fullheight{
		height: auto!important;
	}
	
	.show-xs{
		display: inherit
	}
	
	.floating-title{
		position: inherit !important;
		left: inherit;
		top: inherit;
		transform: translate(0%, 0%);
	}
	
	#side-panel-trigger.kco-spt{
		margin-top: 12px !important;
	}
}

.btm-white-shape, .right-white-shape, .right-blue-shape{
	position: absolute;
	background-size: cover !important;
	z-index: 2
}

.btm-white-shape{
	height: 20px;
	background: url(images/home/bottom-white-shape.svg) no-repeat center top;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%
}

.right-white-shape{
	width: 20px;
	background: url(images/home/right-white-shape.svg) no-repeat center center;
	bottom: 0;
	top: 0;
	right: 0 !important;
	-webkit-right:-1px !important;
	height: 100% !important
}

.right-blue-shape{
	width: 20px;
	background: url(images/home/right-blue-shape.svg) no-repeat center center;
	bottom: 0;
	top: 0;
	right: 0 !important;
	-webkit-right:10px !important;
	height: 100% !important
}

.heading-block h1.white-text, .heading-block h2.white-text, .heading-block h3.white-text, .heading-block h4.white-text, .emphasis-title h1.white-text, .emphasis-title h2.white-text, white-text{
	color: #ffffff !important;
}

.services-container .heading-block:after{
	border-color: #ffffff !important
}

.services-container{
	position: relative;
	z-index: 6;
	padding: 200px 0 50px;
	color: #ffffff;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
	.right-blue-shape{
		right: -1px !important;
	}
	
	.btm-white-shape{
		bottom: -1px !important;
	}
	
}


.kco-side-header.side-header #primary-menu ul li > a{
	font-size: 16px;
	color: rgba(255,255,255,1)
}

.kco-side-header.side-header.widget_links li a{
    background-image: none ;
}

.kco-side-header.side-header #primary-menu:not(.not-dark) ul ul{
	background: rgba(0,0,0,0);

}

.kco-side-header.side-header #primary-menu:not(.not-dark) ul ul a{
	color: #ffffff !important
}

.kco-side-header.side-header #primary-menu ul li > a > div{
	margin-left:20px
}

#logo:not(.nobottomborder)::after, .side-header #primary-menu:not(.nobottomborder)::after{
	display: none !important;
}


@media (min-width: 0) and (max-width: 560px){
	.slider-caption.eboss-slide-cap h2{
		font-size: 24px !important 
	}
	
	.col-padding-mobile{
		padding: 0 !important
	}
	
	.nopadding-sm{
		padding: 0 !important
	}
	
}

@media (min-width: 0) and (max-width: 979px){
	#logo img{
		height: 70px !important;
		width: 100% !important;
	}
}

@media (max-width: 991px){

	.kco-side-header.side-header #primary-menu > ul, .kco-side-header.side-header #primary-menu > div > ul{
		display: inherit !important
	}
}

.col_fourth_center{
	margin-left: 12.5%;
}

.col_fifth_center{
	margin-left:10%
}

.allmargin-md { margin: 60px !important; }

.leftmargin-md { margin-left: 60px !important; }

.rightmargin-md { margin-right: 60px !important; }

.topmargin-md { margin-top: 60px !important; }

.bottommargin-md { margin-bottom: 60px !important; }

.clear-bottommargin-md { margin-bottom: -60px !important; }



@media (min-width: 0) and (max-width: 767px){
	.col_fourth_center{
		margin-left: 0;
	}
	
	.col_fifth_center{
		margin-left:0%
	}
}

#page-title .container{
	z-index: 9 !important
}

.justify{
	text-align: justify !important
}

.iconlist.text-sm{
	font-size: 12px;
}

.iconlist.text-sm li{
	margin-bottom:10px;
}