/* CustomFonts */


:root{
	--default-color: #666666;

    --accent-color:#2c5cda;
    --accent-color2:#2c8cb5;
    --accent-color3:#f8f363;
	--accent-color4:#00bec5;
	--accent-color5:#fc7b35;

    --button-color1:#2c5cda;
	--button-hover-color1:#3468f0;
    --button-color2:#20a3fc;
	--button-hover-color2:#43b3ff;
    --button-color3:#00bec5;
	--button-hover-color3:#0cc7ce;
    --button-color4:#3cb33c;
	--button-hover-color4:#4dcc4d;
    --button-color5:#fc7b35;
	--button-hover-color5:#ff861b;
    --button-color6:#d53530;
	--button-hover-color6:#e0423d;
    --button-color7:#fd4ea5;
	--button-hover-color7:#ff59ac;


    --family:"Montserrat";
    --family2:"Montserrat";

	--link-color:#2c8cb5;
	--link-visited-color:#2c8cb5;
	--link-hover-color:#2c8cb5;
	--link-active-color:#2c8cb5;

	--container-width: auto;

	--h1-color: #333333;
	--h2-color: #333333;
	--h3-color: #424242;
	--h4-color: #424242;
	--h5-color: #424242;
	--h6-color: #424242;

	--gradation-color1: #00aeef;
	--gradation-color2: #00aeef;
	--gradation-color3: #1e5571;
	--gradation-color4: #1e5571;
	--gradation-color5: #2c8cb5;
	--gradation-color6: #2c8cb5;

	--linear-gradient-right: linear-gradient(to right, var(--gradation-color1), var(--gradation-color2), var(--gradation-color3), var(--gradation-color4), var(--gradation-color5), var(--gradation-color6));
	--linear-gradient-bottom: linear-gradient(to bottom, var(--gradation-color1), var(--gradation-color2), var(--gradation-color3), var(--gradation-color4), var(--gradation-color5), var(--gradation-color6));

}


@media (min-width:576px) {
	:root{
		--container-width: 540px;
	}
}
@media (min-width:768px) {
	:root{
		--container-width: 760px;
	}
}
@media (min-width:992px) {
	:root{
		--container-width: 960px;
	}
}
@media (min-width:1200px) {
	:root{
		--container-width: 1140px;
	}
}
@media (min-width:1600px) {
	:root{
		--container-width: 1380px;
	}
}


 
	:root {
		--cursor-style-none: none;
		--cursor-inner-color: #20a3fc;
		--cursor-inner-hover-color: #20a3fc;
		--cursor-outer-color: #20a3fc;
	}

	html,
	body {
		cursor: var(--cursor-style-none,auto) !important;
	}

	.mouse-cursor {
		position: fixed;
		left: 0;
		top: 0;
		pointer-events: none;
		border-radius: 50%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		/*             mix-blend-mode: exclusion;
	*/
	}

	.cursor-inner {
		margin-left: -3px;
		margin-top: -3px;
		width: 6px;
		height: 6px;
		z-index: 1000000001;
		background-color: var(--cursor-inner-color);
		transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
	}

	.cursor-inner.cursor-hover {
		margin-left: -40px;
		margin-top: -40px;
		width: 80px;
		height: 80px;
		background-color: var(--cursor-inner-hover-color);
		opacity: .3;
	}

	.cursor-outer {
		margin-left: -20px;
		margin-top: -20px;
		width: 40px;
		height: 40px;
		border: 1px solid var(--cursor-outer-color);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1000000000;
		opacity: .5;
		transition: all .3s ease-out, top .15s ease-out, left .15s ease-out;
	}

	.cursor-outer.cursor-hover {
		opacity: 0;
	}

	@media (max-width:991px) {
		.mouse-cursor {
			display: none !important;
		}
		:root {
			--cursor-style-none: auto;
		}
	}

	a>img {
		cursor: var(--cursor-style-none,inherit);
	}
	.cursor-outer.cursor-drag:after,
	.cursor-outer.cursor-drag::before {
		content: "";
		position: absolute;
		width: 8px;
		height: 8px;
		border-bottom: 1px solid var(--cursor-outer-color);
		top: calc(50% - 4px);
		opacity: 0;
		transition: opacity ease-in 300ms;
	}
	
	.cursor-outer.cursor-drag:after {
		border-right: 1px solid var(--cursor-outer-color);
		left: calc(100% + 10px);
		transform: rotate(-45deg);
	}
	
	.cursor-outer.cursor-drag::before {
		border-left: 1px solid var(--cursor-outer-color);
		right: calc(100% + 10px);
		transform: rotate(45deg);
	}
	
	
	.cursor-outer.cursor-drag span::before {
		content: "DRAG";
		position: absolute;
		top: 50%;
		left: 50%;
		line-height: 1;
		width: 50px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		margin: -8px 0 0 -25px;
		color: var(--cursor-outer-color);
		opacity: 0;
		transition: opacity ease-in 300ms;
	}
	
	.cursor-outer.cursor-drag {
		width: 76px;
		height: 76px;
		margin-left: -38px;
		margin-top: -38px;
	}
	
	.cursor-outer.cursor-drag::after,
	.cursor-outer.cursor-drag::before,
	.cursor-outer.cursor-drag span::before {
		opacity: 1;
	}
	
	.cursor-inner.cursor-drag {
		opacity: 0;
	}
	
	.cursor-outer.cursor-imglink {
		width: 76px;
		height: 76px;
		margin-left: -38px;
		margin-top: -38px;
		transition: all .3s ease-out, top 0s ease-out, left 0s ease-out;
	}
	
	.cursor-outer.cursor-imglink:after {
		content: "";
		position: absolute;
		left: calc(50% - 14px);
		right: 0;
		height: 0;
		width: 32px;
		border-bottom: 2px solid var(--cursor-outer-color);
		top: calc(50% - 1px);
		transform: rotate(-45deg);
	}
	
	.cursor-outer.cursor-imglink::before {
		content: "";
		position: absolute;
		width: 18px;
		height: 18px;
		border-right: 2px solid var(--cursor-outer-color);
		border-top: 2px solid var(--cursor-outer-color);
		left: calc(50% - 3px);
		top: calc(50% - 13px);
	}
	
	.cursor-inner.cursor-imglink {
		opacity: 0;
	}
	
	
	.mouse-cursor.cursor-hide,
	.mouse-inner.cursor-hide {
		display: none !important;
	}
	
	.mouse-cursor.cursor-hide::after,
	.mouse-cursor.cursor-hide::before {
		content: none !important;
	}


 





	


.dng-main{
	 background-color:#FFFFFF;  	}
.container{
		padding-left:15px;
	padding-right:15px;
		width: var(--container-width);
	max-width: 100%;
}
.is-container{
	max-width: var(--container-width);
}
.container-fluid {
		padding-right:15px;
	padding-left:15px;
		margin-right: auto;
	margin-left: auto;
}   
#dnn_content{
	 padding-top:0px;		 padding-bottom:0px;	}		

@media (min-width:576px) {
		}
@media (min-width:768px) {

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

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

		}


	.dng-left-full .dng-column:first-of-type > .dng-column-inner,
	.left-full-column > .full-column-inner{
		margin-left:calc((var(--container-width) - 100vw)/2);
		width:calc(100% + (100vw - var(--container-width))/2);
	}
	.dng-right-full .dng-column:last-of-type > .dng-column-inner,
	.right-full-column > .full-column-inner{
		margin-right:calc((var(--container-width) - 100vw)/2);
		width:calc(100% + (100vw - var(--container-width))/2);
	}
	.full-column > .full-column-inner{
		width:100vw;	
		margin-left:calc((var(--container-width) - 100vw)/2 - 15px);
	}
	.layout-no-plr .full-column > .full-column-inner{
		margin-left:calc((var(--container-width) - 100vw)/2);
	}

		@media (max-width:575px) {
		.dng-left-full .dng-column:first-of-type > .dng-column-inner,
		.left-full-column > .full-column-inner{
			margin-left:-15px;
			width:calc(100% + 15px);
		}
		.dng-right-full .dng-column:last-of-type > .dng-column-inner,
		.right-full-column > .full-column-inner{
			margin-right:-15px;
			width:calc(100% + 15px);
		}
		.full-column > .full-column-inner{
			width:calc(100% + 30px);
			margin-left:-15px;
		}
	}
	




h1, h2, h3, h4, h5, h6{
	font-family:inherit;
}

h1{
	color:var(--h1-color);
		font-weight:600;
	font-size:36px;
	line-height:1.2;
	letter-spacing:0;
}		
h2{
	color:var(--h2-color);
		font-weight:600;
	font-size:28px;
	line-height:1.3;
	letter-spacing:0;
}		
h3{
	color:var(--h3-color);
		font-weight:600;
	font-size:28px;
	line-height:1.3;
	letter-spacing:0;
}		
h4{
	color:var(--h4-color);
		font-weight:600;
	font-size:24px;
	line-height:1.4;
	letter-spacing:0;
}		
h5{
	color:var(--h5-color);
		font-weight:600;
	font-size:20px;
	line-height:1.4;
	letter-spacing:0;
}		
h6{
	color:var(--h6-color);
		font-weight:600;
	font-size:18px;
	line-height:1.5;
	letter-spacing:0;
}	

#Body .is-inherit-root-text,
#Body .is-inherit-root-text p,
#Body .is-inherit-root-text li,
#Body .is-inherit-root-text div,
#Body .is-inherit-root-text span{
	color: var(--default-color);
}
#Body .is-inherit-root-text h1{
	color:var(--h1-color);
}
#Body .is-inherit-root-text h2{
	color:var(--h2-color);
}
#Body .is-inherit-root-text h3{
	color:var(--h3-color);
}
#Body .is-inherit-root-text h4{
	color:var(--h4-color);
}
#Body .is-inherit-root-text h5{
	color:var(--h5-color);
}
#Body .is-inherit-root-text h6{
	color:var(--h6-color);
}
#Body .is-inherit-root-text a, 
#Body .is-inherit-root-text a:link{
	color:var(--link-color);
}
#Body .is-inherit-root-text a:visited{
	color:var(--link-visited-color);
}
#Body .is-inherit-root-text a:hover{
	color:var(--link-hover-color);
}
#Body .is-inherit-root-text a:active{
	color:var(--link-active-color);
}


@media only screen and (min-width: 576px)  {
						}
@media only screen and (min-width: 768px) {	
						}
@media only screen and (min-width: 992px) {	
		h1{
		font-size:48px;		line-height:1.2;	}
			h2{
		font-size:32px;		line-height:1.4;	}		
					}
@media only screen and (min-width: 1200px) {	
						}

a, 
a:link{
	color: var(--link-color);
}
a:visited{
	color: var(--link-visited-color);
}
a:hover{
	color: var(--link-hover-color);
}
a:active{
	color: var(--link-active-color);
}

.btn-accent,
a.btn-accent{
	color:#2c5cda;
	border-color:#2c5cda;
	background-color:#2c5cda;
}
[class*="am-btn-"].btn-accent:before{
	background-color:#2c5cda;
}

div [class*="am-btn-"].hover-accent:hover{
	color:#2c5cda;
	border-color:#2c5cda;
	background-color:#2c5cda;
}
div [class*="am-btn-"].hover-accent:hover:before{
	background-color:#2c5cda; 
}

#Body .bg-accent{
	background-color:var(--accent-color);
}
#Body .color-accent{
	color:var(--accent-color);
} 
#Body .border-accent{
	border-color:var(--accent-color);
}
#Body .bg-accent-hover:hover{
	background-color:var(--accent-color);
}
#Body .color-accent-hover:hover{
	color:var(--accent-color);
} 
#Body .border-accent-hover:hover{
	border-color:var(--accent-color);
}

#Body .bg-accent2{
	background-color:var(--accent-color2);
}
#Body .color-accent2{
	color:var(--accent-color2);
} 
#Body .border-accent2{
	border-color:var(--accent-color2);
}

#Body .bg-accent3{
	background-color:var(--accent-color3);
}
#Body .color-accent3{
	color:var(--accent-color3);
} 
#Body .border-accent3{
	border-color:var(--accent-color3);
}
#Body .bg-accent4{
	background-color:var(--accent-color4);
}
#Body .color-accent4{
	color:var(--accent-color4);
} 
#Body .border-accent4{
	border-color:var(--accent-color4);
}
#Body .bg-accent5{
	background-color:var(--accent-color5);
}
#Body .color-accent5{
	color:var(--accent-color5);
} 
#Body .border-accent5{
	border-color:var(--accent-color5);
}



b,
strong{
	font-weight:600;
}
.bold,
.font-weight-bold,
.strong-before:before,
.strong-after:after,
.strong-before :before,
.strong-after :after{
	font-weight:600!important;
}

#Body, html, body, .Head, .SubTitle, .SubSubTitle, .Normal{
	font-family: var(--family);  
	font-size: 16px; 
	line-height: 1.8;
	letter-spacing: 0;
	color: var(--default-color);
}
.default-size{font-size:16px;}
.default-lineheight{line-height:1.8;}

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



button, 
input, 
select, 
textarea,
.btn{
	font-family: var(--family);  
}

.default-color{
	color: var(--default-color)!important;
}
.default-bg-color{
	background-color: var(--default-color)!important;
}
.default-bg-color-hover:hover{
	background-color: var(--default-color)!important;
}
.default-border-color{
	border-color: var(--default-color)!important;
}
.accent-color{
	color: $var(--accent-color);
}
.default-family{
	font-family: var(--family)!important;
}
.family2{
	font-family: var(--family2)!important;
}


/*default color*/



/*page title*/
.page-title-bg{
			background-color:#4c4dc3; 
		}		
.page-title .title-area:after{
	border-color: #fd4ea5; 
}


	

.page-title-bg.light-overlay::after{
	background-color: rgba(255, 255, 255, 0.10);
}
.page-title-bg.dark-overlay::after{
	background-color: rgba(0, 0, 0, 0.10);
}

.page-title-container{
	 height: 320px;
}
@media only screen and (max-width: 767px) {
	.page-title-container{
		height: auto;padding-top:67px;padding-bottom:67px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page-title-container{
		height:192px;
		min-height:162px;
		padding-top: 45px;
		padding-bottom: 45px;
	}
}

/*breadcrumbs*/
.page-breadcrumbs{
	background-color:#ffffff;  
	}
.page-breadcrumbs > .container{
		padding-top:20px;
				padding-bottom:10px;
		}

.page-breadcrumbs .breadcrumbs a:hover{
		color:var(--accent-color) !important;
	}

.page-breadcrumbs .breadcrumbs{
    color: #666666;
    font-size: 14px;
}
.page-breadcrumbs .breadcrumbs-box > a,
.page-breadcrumbs .breadcrumbs-box > span > span > span{
    line-height:20px;
}
.page-breadcrumbs .breadcrumbs a,
.page-breadcrumbs .breadcrumbs a:link,
.page-breadcrumbs .breadcrumbs a:active,
.page-breadcrumbs .breadcrumbs a:visited{
    color: #666666;
    font-size: 14px;
}
.page-breadcrumbs .breadcrumbs a:hover{
			color:var(--accent-color)!important;
	}

.breadcrumbs_sytle2 .breadcrumbs-box,
.breadcrumbs_sytle3 .breadcrumbs-box > a:before, 
.breadcrumbs_sytle3 .breadcrumbs-box > span > span > span:before{
	background-color:#ededed;
}

/*sidebar dynamic*/

.sidebar_dynamic.sidebar_dynamic_sytle01{
	padding-right:70px;	}
.sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{
	 	 }


@media only screen and (max-width: 991px) {
	.sidebar_dynamic.sidebar_dynamic_sytle01{
		padding-right:15px!important;
		padding-left:15px!important;
		margin-top: 30px;
	}
	.sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{
		padding-top:0!important;
		padding-bottom:0!important;
	 }

}

.has-sidebar >.row{
	position: relative;
}

.sidebar_dynamic{
	min-height: 1px;
}

.sidebar-menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar-menu .gomenu  > ul > li > a{
	padding: 18px 25px;
	display: block;
	position: relative;
	border-left: 5px solid transparent;
	transition: all ease 300ms;
	margin-bottom: -1px;
}

.sidebar-menu .gomenu  > ul > li > a, 
.sidebar-menu .gomenu  > ul > li > a:link, 
.sidebar-menu .gomenu  > ul > li > a:active, 
.sidebar-menu .gomenu  > ul > li > a:visited{
	color:#424242;		font-weight:inherit;	font-size:18px;	line-height:1.4;}
.sidebar-menu .gomenu > ul > li:hover > a,
.sidebar-menu .gomenu > ul > li.current > a{
	color: #ffffff;
	text-decoration: none;
	border-left-color:rgba(0,0,0,.2);
}
.sidebar-menu .gomenu  > ul > li{
	border-bottom: 1px dashed #ebebeb;
	position: relative;
}

.sidebar-menu .gomenu  > ul > li > a::before{
	content: "";
	position: absolute;
	left: -5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 5px;
	height: 19px;
	transition: all ease 300ms;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-4):hover > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-4).current > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-4) a::before{
	background-color:#fd4ea5;  
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-3):hover > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-3).current > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-3) > a::before{
	background-color:#2c5cda;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-2):hover > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-2).current > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-2) > a::before{
	background-color:#fc7b35;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-1):hover > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-1).current > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n-1) > a::before{
	background-color:#00bec5;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n):hover > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n).current > a,
.sidebar-menu .gomenu > ul > li:nth-child(5n) > a::before{
	background-color:#d53530;
}
.sidebar-menu .gomenu > ul > li:hover > a::before,
.sidebar-menu .gomenu > ul > li.current  > a::before{
	height: 100%;
	opacity: 0;
}

.sidebar-menu .gomenu > ul > li > ul{
	padding: 15px 0;
}
.sidebar-menu .gomenu ul ul li{
	padding: 4px 0px 4px 45px;
}
.sidebar-menu .gomenu ul ul ul li:last-child{
	padding-bottom: 0;
}
.sidebar-menu .gomenu ul ul ul li{
	padding-left: 25px;
}
.sidebar-menu .gomenu ul ul ul{
	padding: 10px 0;
}

.sidebar-menu .gomenu > ul > li > ul{
	display: none;
}
.sidebar-menu .gomenu > ul > li.current > ul{
	display: block;
}

.sidebar-menu .gomenu ul ul a, 
.sidebar-menu .gomenu ul ul a:link, 
.sidebar-menu .gomenu ul ul a:active, 
.sidebar-menu .gomenu ul ul a:visited{
	color:#666666;		font-weight:inherit;	font-size:16px;	}

.sidebar-menu .gomenu > ul > li:nth-child(5n-4) ul a:hover{
	color:#fd4ea5;  
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-3) ul a:hover{
	color:#2c5cda;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-2) ul a:hover{
	color:#fc7b35;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n-1) ul a:hover{
	color:#00bec5;
}
.sidebar-menu .gomenu > ul > li:nth-child(5n) ul a:hover{
	color:#d53530;
}  

.sidebar-menu .gomenu ul li.subcurrent a{
	color: var(--accent-color);
	font-weight:600;
}





/**/
.swiper-container .swiper-pagination-bullet-active {
	background: var(--accent-color);
}

.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-prev:hover {
	color: var(--accent-color);
}

.isotope-grid .isotope-group a:before {
	border-top-color: var(--accent-color2);
}

.isotope-grid .isotope-group a:after {
	border-top-color: var(--accent-color2);
}


/**/
.fixed-widget-list li.backtop {
	background-color: var(--accent-color);
}

body .homepage10-header-btn,
body .homepage10-header-btn:link,
body .homepage10-header-btn:active,
body .homepage10-header-btn:visited,
body .homepage10-header-btn[type="button"],
body .homepage10-header-btn[type="submit"] {
	background-color: var(--button-color1);
}

body .homepage10-header-btn:hover {
	background-color: var(--button-hover-color);
}

.homepage10-header-btn.box-shadow2::after {
	box-shadow: -4px 3px 16px var(--accent-color);
}

.homepage10-header-btn.box-shadow2.bg-accent2::after {
	box-shadow: -4px 3px 16px var(--accent-color2);
}

.homepage10-header-btn.box-shadow2.bg-accent3::after {
	box-shadow: -4px 3px 16px var(--accent-color3);
}

.homepage10-header-btn.box-shadow2.bg-accent4::after {
	box-shadow: -4px 3px 16px var(--accent-color4);
}