/* CSS Document */
html,
body {
	margin: 0px;
	padding: 0px;
	font: normal 14px/1.8 'Roboto', 'Arial';
	color: #666666;
}

p {
	margin: 0px 0px 20px 0px;
}

header,
nav,
section,
footer {
	display: block;
}

A,
A:link {
	text-decoration: none;
	transition: color ease 300ms;
	-moz-transition: color ease 300ms;
	-webkit-transition: color ease 300ms;
	-o-transition: color ease 300ms;
	-ms-transition: color ease 300ms;
}

A:active {
	text-decoration: none;
}

A:visited {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

A:focus {}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	overflow-x: hidden;
}

@media only screen and (max-width: 991px) {
	.dng-main {
		overflow-x: hidden;
	}
}

@media only screen and (max-width: 1400px) and (orientation: landscape) {
	.dng-main {
		overflow-x: hidden;
	}
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

dfn {
	font-style: italic;
}

h1 {
	margin: .67em 0;
	font-size: 2em;
}

mark {
	color: #000;
	background: #ff0;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

img {
	vertical-align: middle;
}

h1 {
	margin: 5px 0 10px 0;
}

h2 {
	margin: 5px 0 10px 0;
}

h3 {
	margin: 5px 0 10px 0;
}

h4 {
	margin: 5px 0 10px 0;
}

h5 {
	margin: 5px 0 10px 0;
}

h6 {
	margin: 5px 0 10px 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	margin-right: auto;
	margin-left: auto;
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.center-block {
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.clearfix:after,
.clearfix:before{
	display: table;
	content: " ";
	clear: both;
}

.container .container {
	width: auto;
	padding-left: 0;
	padding-right: 0;
}


.word-wrap-normal {
	word-wrap: normal;
}

.word-wrap-break {
	word-wrap: break-word;
}

.column-count-2 {
	column-count: 2;
}

.column-count-3 {
	column-count: 3;
}

.column-count-4 {
	column-count: 4;
}

.column-gap-15 {
	column-gap: 15px;
}

.column-gap-20 {
	column-gap: 20px;
}

.column-gap-25 {
	column-gap: 25px;
}

.column-gap-30 {
	column-gap: 30px;
}

.column-gap-35 {
	column-gap: 35px;
}

.column-gap-40 {
	column-gap: 40px;
}

/*font */
.font-weight-100 {
	font-weight: 100 !important;
}

.font-weight-200 {
	font-weight: 200 !important;
}

.font-weight-300 {
	font-weight: 300 !important;
}

.font-weight-400 {
	font-weight: 400 !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

.font-weight-800 {
	font-weight: 800 !important;
}

.font-weight-900 {
	font-weight: 900 !important;
}

.font-weight-normal {
	font-weight: normal !important;
}

.font-weight-bold {
	font-weight: bold !important;
}

.font-style-italic {
	font-style: italic !important;
}

.font-style-normal {
	font-style: normal !important;
}

.clearfix:after {
	clear: both;
	content: ".";
	height: 0px;
	font-size: 0px;
	visibility: hidden;
	display: block;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

.opacity {
	opacity: 0;
}

.text-rtl {
	direction: rtl;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-justify,
.text-justify-p p {
	text-align: justify !important;
}

.vertical-top {
	vertical-align: top
}

.vertical-middle {
	vertical-align: middle;
}

.vertical-bottom {
	vertical-align: bottom;
}

.vertical-baseline {
	vertical-align: baseline;
}

.vertical-auto {
	vertical-align: auto;
}

.vertical-inherit {
	vertical-align: inherit;
}

.vertical-text-top {
	vertical-align: text-top;
}

.vertical-text-bottom {
	vertical-align: text-bottom;
}

.weight-normal {
	font-weight: normal !important;
}

.underline {
	text-decoration: underline !important;
}

.align-bottom {
	float: none;
	vertical-align: bottom;
	display: inline-block;
}

.align-middle {
	vertical-align: middle;
	display: inline-block;
	float: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: inline-block;
}

.col-vertical-bottom,
.col-vertical-center {
	word-spacing: -6px;
	white-space: nowrap;
}

.col-vertical-bottom>[class*="col-"],
.col-vertical-center>[class*="col-"] {
	float: none;
	vertical-align: bottom;
	word-spacing: 0px;
	white-space: normal;
}

.col-vertical-center>[class*="col-"] {
	vertical-align: middle;
}

.col-vertical-bottom>[class*="col-xs-"],
.col-vertical-center>[class*="col-xs-"] {
	display: inline-block;
}

@media (min-width:768px) {

	.col-vertical-bottom>[class*="col-sm-"],
	.col-vertical-center>[class*="col-sm-"] {
		display: inline-block;
	}
}

@media (min-width:992px) {

	.col-vertical-bottom>[class*="col-md-"],
	.col-vertical-center>[class*="col-md-"] {
		display: inline-block;
	}
}

@media (min-width:1200px) {

	.col-vertical-bottom>[class*="col-lg-"],
	.col-vertical-center>[class*="col-lg-"] {
		display: inline-block;
	}
}

@media (max-width:767px) {

	.col-vertical-bottom>.col-xs-12,
	.col-vertical-center>.col-xs-12 {
		display: block;
	}
}

@media (max-width:991px) {

	.col-vertical-bottom>.col-sm-12,
	.col-vertical-center>.col-sm-12 {
		display: block;
	}
}

.row-display-table {
	display: table;
	min-width: 100%;
	table-layout: fixed;
	margin: 0;
}

.row-display-table>[class*="col-"] {
	float: none;
}

.row-display-table>[class*="col-xs-"] {
	display: table-cell;
}

@media (min-width:768px) {
	.row-display-table>[class*="col-sm-"] {
		display: table-cell;
	}
}

@media (min-width:992px) {
	.row-display-table>[class*="col-md-"] {
		display: table-cell;
	}
}

@media (min-width:1200px) {
	.row-display-table>[class*="col-lg-"] {
		display: table-cell;
	}
}

.display-table {
	display: table;
	min-width: 100%;
	table-layout: fixed;
}

.display-table>div {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

.img-responsive,
.img-responsive img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 1199px) {

	.img-responsive-lg,
	.img-responsive-lg img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 991px) {

	.img-responsive-md,
	.img-responsive-md img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {

	.img-responsive-sm,
	.img-responsive-sm img {
		max-width: 100%;
	}
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.9;
}

:-moz-placeholder {
	color: inherit;
	opacity: 0.9;
}

::-moz-placeholder {
	color: inherit;
	opacity: 0.9;
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 0.9;
}

:placeholder {
	color: inherit;
	opacity: 0.9;
}

.lnr {
	letter-spacing: -0.05em;
}

/*color*/
.color-white,
.color-white p,
.color-white .Normal,
.color-white a,
.color-white a:link,
.color-white a:active,
.color-white a:visited,
.color-white a:hover,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6 {
	color: #FFF !important;
}

.color-gray,
.color-gray p,
.color-gray .Normal,
.color-gray a,
.color-gray a:link,
.color-gray a:active,
.color-gray a:visited,
.color-gray a:hover,
.color-gray h1,
.color-gray h2,
.color-gray h3,
.color-gray h4,
.color-gray h5,
.color-gray h6 {
	color: #999999 !important;
}


/*width*/
.width-100 {
	width: 100% !important
}

.width-95 {
	width: 95% !important
}

.width-90 {
	width: 90% !important
}

.width-85 {
	width: 85% !important
}

.width-80 {
	width: 80% !important
}

.width-75 {
	width: 75% !important
}

.width-70 {
	width: 70% !important
}

.width-65 {
	width: 65% !important
}

.width-60 {
	width: 60% !important
}

.width-55 {
	width: 55% !important
}

.width-50 {
	width: 50% !important
}

.width-45 {
	width: 45% !important
}

.width-40 {
	width: 40% !important
}

.width-35 {
	width: 35% !important
}

.width-30 {
	width: 30% !important
}

.width-25 {
	width: 25% !important
}

.width-20 {
	width: 20% !important
}

.width-15 {
	width: 15% !important
}

.width-10 {
	width: 10% !important
}

.width-10,
.width-100,
.width-15,
.width-20,
.width-25,
.width-30,
.width-35,
.width-40,
.width-45,
.width-50,
.width-55,
.width-60,
.width-65,
.width-70,
.width-75,
.width-80,
.width-85,
.width-90,
.width-95 {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

@media only screen and (min-width:992px) and (max-width:1200px) {

	.width-80,
	.width-85,
	.width-90,
	.width-95 {
		width: auto !important
	}

	.width-75 {
		width: 95% !important
	}

	.width-70 {
		width: 90% !important
	}

	.width-65 {
		width: 85% !important
	}

	.width-60 {
		width: 80% !important
	}

	.width-55 {
		width: 75% !important
	}

	.width-50 {
		width: 70% !important
	}

	.width-45 {
		width: 65% !important
	}

	.width-40 {
		width: 60% !important
	}

	.width-35 {
		width: 55% !important
	}

	.width-30 {
		width: 50% !important
	}

	.width-25 {
		width: 45% !important
	}

	.width-20 {
		width: 40% !important
	}

	.width-15 {
		width: 35% !important
	}

	.width-10 {
		width: 30% !important
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {

	.width-60,
	.width-65,
	.width-70,
	.width-75,
	.width-80,
	.width-85,
	.width-90,
	.width-95 {
		width: auto !important
	}

	.width-55 {
		width: 95% !important
	}

	.width-50 {
		width: 90% !important
	}

	.width-45 {
		width: 85% !important
	}

	.width-40 {
		width: 80% !important
	}

	.width-35 {
		width: 75% !important
	}

	.width-30 {
		width: 70% !important
	}

	.width-25 {
		width: 65% !important
	}

	.width-20 {
		width: 60% !important
	}

	.width-15 {
		width: 55% !important
	}

	.width-10 {
		width: 50% !important
	}
}

@media only screen and (max-width:767px) {

	.width-10,
	.width-15,
	.width-20,
	.width-25,
	.width-30,
	.width-35,
	.width-40,
	.width-45,
	.width-50,
	.width-55,
	.width-60,
	.width-65,
	.width-70,
	.width-75,
	.width-80,
	.width-85,
	.width-90,
	.width-95 {
		width: auto !important
	}
}

/*page Spacing*/
.mt-0 {
	margin-top: 0 !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.pt-0 {
	padding-top: 0 !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.mt-5 {
	margin-top: 5px !important
}

.mb-5 {
	margin-bottom: 5px !important
}

.pt-5 {
	padding-top: 5px !important
}

.pb-5 {
	padding-bottom: 5px !important
}

.mt-10 {
	margin-top: 10px !important
}

.mb-10 {
	margin-bottom: 10px !important
}

.pt-10 {
	padding-top: 10px !important
}

.pb-10 {
	padding-bottom: 10px !important
}

.mt-15 {
	margin-top: 15px !important
}

.mb-15 {
	margin-bottom: 15px !important
}

.pt-15 {
	padding-top: 15px !important
}

.pb-15 {
	padding-bottom: 15px !important
}

.mt-20 {
	margin-top: 20px !important
}

.mb-20 {
	margin-bottom: 20px !important
}

.pt-20 {
	padding-top: 20px !important
}

.pb-20 {
	padding-bottom: 20px !important
}

.mt-25 {
	margin-top: 25px !important
}

.mb-25 {
	margin-bottom: 25px !important
}

.pt-25 {
	padding-top: 25px !important
}

.pb-25 {
	padding-bottom: 25px !important
}

.mt-30 {
	margin-top: 30px !important
}

.mb-30 {
	margin-bottom: 30px !important
}

.pt-30 {
	padding-top: 30px !important
}

.pb-30 {
	padding-bottom: 30px !important
}

.mt-35 {
	margin-top: 35px !important
}

.mb-35 {
	margin-bottom: 35px !important
}

.pt-35 {
	padding-top: 35px !important
}

.pb-35 {
	padding-bottom: 35px !important
}

.mt-40 {
	margin-top: 40px !important
}

.mb-40 {
	margin-bottom: 40px !important
}

.pt-40 {
	padding-top: 40px !important
}

.pb-40 {
	padding-bottom: 40px !important
}

.mt-45 {
	margin-top: 45px !important
}

.mb-45 {
	margin-bottom: 45px !important
}

.pt-45 {
	padding-top: 45px !important
}

.pb-45 {
	padding-bottom: 45px !important
}

.mt-50 {
	margin-top: 50px !important
}

.mb-50 {
	margin-bottom: 50px !important
}

.pt-50 {
	padding-top: 50px !important
}

.pb-50 {
	padding-bottom: 50px !important
}

.mt-55 {
	margin-top: 55px !important
}

.mb-55 {
	margin-bottom: 55px !important
}

.pt-55 {
	padding-top: 55px !important
}

.pb-55 {
	padding-bottom: 55px !important
}

.mt-60 {
	margin-top: 60px !important
}

.mb-60 {
	margin-bottom: 60px !important
}

.pt-60 {
	padding-top: 60px !important
}

.pb-60 {
	padding-bottom: 60px !important
}

.mt-65 {
	margin-top: 65px !important
}

.mb-65 {
	margin-bottom: 65px !important
}

.pt-65 {
	padding-top: 65px !important
}

.pb-65 {
	padding-bottom: 65px !important
}

.mt-70 {
	margin-top: 70px !important
}

.mb-70 {
	margin-bottom: 70px !important
}

.pt-70 {
	padding-top: 70px !important
}

.pb-70 {
	padding-bottom: 70px !important
}

.mt-75 {
	margin-top: 75px !important
}

.mb-75 {
	margin-bottom: 75px !important
}

.pt-75 {
	padding-top: 75px !important
}

.pb-75 {
	padding-bottom: 75px !important
}

.mt-80 {
	margin-top: 80px !important
}

.mb-80 {
	margin-bottom: 80px !important
}

.pt-80 {
	padding-top: 80px !important
}

.pb-80 {
	padding-bottom: 80px !important
}

@media only screen and (min-width:1600px) {
	.mt-40 {
		margin-top: 52px !important
	}

	.mb-40 {
		margin-bottom: 52px !important
	}

	.pt-40 {
		padding-top: 52px !important
	}

	.pb-40 {
		padding-bottom: 52px !important
	}

	.mt-50 {
		margin-top: 65px !important
	}

	.mb-50 {
		margin-bottom: 65px !important
	}

	.pt-50 {
		padding-top: 65px !important
	}

	.pb-50 {
		padding-bottom: 65px !important
	}

	.mt-60 {
		margin-top: 78px !important
	}

	.mb-60 {
		margin-bottom: 78px !important
	}

	.pt-60 {
		padding-top: 78px !important
	}

	.pb-60 {
		padding-bottom: 78px !important
	}

	.mt-70 {
		margin-top: 91px !important
	}

	.mb-70 {
		margin-bottom: 91px !important
	}

	.pt-70 {
		padding-top: 91px !important
	}

	.pb-70 {
		padding-bottom: 91px !important
	}

	.mt-80 {
		margin-top: 104px !important
	}

	.mb-80 {
		margin-bottom: 104px !important
	}

	.pt-80 {
		padding-top: 104px !important
	}

	.pb-80 {
		padding-bottom: 104px !important
	}

	.mt-45 {
		margin-top: 58px !important
	}

	.mb-45 {
		margin-bottom: 58px !important
	}

	.pt-45 {
		padding-top: 58px !important
	}

	.pb-45 {
		padding-bottom: 58px !important
	}

	.mt-55 {
		margin-top: 71px !important
	}

	.mb-55 {
		margin-bottom: 71px !important
	}

	.pt-55 {
		padding-top: 71px !important
	}

	.pb-55 {
		padding-bottom: 71px !important
	}

	.mt-65 {
		margin-top: 84px !important
	}

	.mb-65 {
		margin-bottom: 84px !important
	}

	.pt-65 {
		padding-top: 84px !important
	}

	.pb-65 {
		padding-bottom: 84px !important
	}

	.mt-75 {
		margin-top: 97px !important
	}

	.mb-75 {
		margin-bottom: 97px !important
	}

	.pt-75 {
		padding-top: 97px !important
	}

	.pb-75 {
		padding-bottom: 97px !important
	}

	.mt-85 {
		margin-top: 110px !important
	}

	.mb-85 {
		margin-bottom: 110px !important
	}

	.pt-85 {
		padding-top: 110px !important
	}

	.pb-85 {
		padding-bottom: 110px !important
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.mt-40 {
		margin-top: 36px !important
	}

	.mb-40 {
		margin-bottom: 36px !important
	}

	.pt-40 {
		padding-top: 36px !important
	}

	.pb-40 {
		padding-bottom: 36px !important
	}

	.mt-50 {
		margin-top: 45px !important
	}

	.mb-50 {
		margin-bottom: 45px !important
	}

	.pt-50 {
		padding-top: 45px !important
	}

	.pb-50 {
		padding-bottom: 45px !important
	}

	.mt-60 {
		margin-top: 54px !important
	}

	.mb-60 {
		margin-bottom: 54px !important
	}

	.pt-60 {
		padding-top: 54px !important
	}

	.pb-60 {
		padding-bottom: 54px !important
	}

	.mt-70 {
		margin-top: 63px !important
	}

	.mb-70 {
		margin-bottom: 63px !important
	}

	.pt-70 {
		padding-top: 63px !important
	}

	.pb-70 {
		padding-bottom: 63px !important
	}

	.mt-80 {
		margin-top: 72px !important
	}

	.mb-80 {
		margin-bottom: 72px !important
	}

	.pt-80 {
		padding-top: 72px !important
	}

	.pb-80 {
		padding-bottom: 72px !important
	}

	.mt-45 {
		margin-top: 40px !important
	}

	.mb-45 {
		margin-bottom: 40px !important
	}

	.pt-45 {
		padding-top: 40px !important
	}

	.pb-45 {
		padding-bottom: 40px !important
	}

	.mt-55 {
		margin-top: 49px !important
	}

	.mb-55 {
		margin-bottom: 49px !important
	}

	.pt-55 {
		padding-top: 49px !important
	}

	.pb-55 {
		padding-bottom: 49px !important
	}

	.mt-65 {
		margin-top: 58px !important
	}

	.mb-65 {
		margin-bottom: 58px !important
	}

	.pt-65 {
		padding-top: 58px !important
	}

	.pb-65 {
		padding-bottom: 58px !important
	}

	.mt-75 {
		margin-top: 67px !important
	}

	.mb-75 {
		margin-bottom: 67px !important
	}

	.pt-75 {
		padding-top: 67px !important
	}

	.pb-75 {
		padding-bottom: 67px !important
	}

	.mt-85 {
		margin-top: 76px !important
	}

	.mb-85 {
		margin-bottom: 76px !important
	}

	.pt-85 {
		padding-top: 76px !important
	}

	.pb-85 {
		padding-bottom: 76px !important
	}
}

@media only screen and (max-width:767px) {
	.mt-40 {
		margin-top: 32px !important
	}

	.mb-40 {
		margin-bottom: 32px !important
	}

	.pt-40 {
		padding-top: 32px !important
	}

	.pb-40 {
		padding-bottom: 32px !important
	}

	.mt-50 {
		margin-top: 40px !important
	}

	.mb-50 {
		margin-bottom: 40px !important
	}

	.pt-50 {
		padding-top: 40px !important
	}

	.pb-50 {
		padding-bottom: 40px !important
	}

	.mt-60 {
		margin-top: 48px !important
	}

	.mb-60 {
		margin-bottom: 48px !important
	}

	.pt-60 {
		padding-top: 48px !important
	}

	.pb-60 {
		padding-bottom: 48px !important
	}

	.mt-70 {
		margin-top: 56px !important
	}

	.mb-70 {
		margin-bottom: 56px !important
	}

	.pt-70 {
		padding-top: 56px !important
	}

	.pb-70 {
		padding-bottom: 56px !important
	}

	.mt-80 {
		margin-top: 64px !important
	}

	.mb-80 {
		margin-bottom: 64px !important
	}

	.pt-80 {
		padding-top: 64px !important
	}

	.pb-80 {
		padding-bottom: 64px !important
	}

	.mt-45 {
		margin-top: 36px !important
	}

	.mb-45 {
		margin-bottom: 36px !important
	}

	.pt-45 {
		padding-top: 36px !important
	}

	.pb-45 {
		padding-bottom: 36px !important
	}

	.mt-55 {
		margin-top: 44px !important
	}

	.mb-55 {
		margin-bottom: 44px !important
	}

	.pt-55 {
		padding-top: 44px !important
	}

	.pb-55 {
		padding-bottom: 44px !important
	}

	.mt-65 {
		margin-top: 52px !important
	}

	.mb-65 {
		margin-bottom: 52px !important
	}

	.pt-65 {
		padding-top: 52px !important
	}

	.pb-65 {
		padding-bottom: 52px !important
	}

	.mt-75 {
		margin-top: 60px !important
	}

	.mb-75 {
		margin-bottom: 60px !important
	}

	.pt-75 {
		padding-top: 60px !important
	}

	.pb-75 {
		padding-bottom: 60px !important
	}

	.mt-85 {
		margin-top: 68px !important
	}

	.mb-85 {
		margin-bottom: 68px !important
	}

	.pt-85 {
		padding-top: 68px !important
	}

	.pb-85 {
		padding-bottom: 68px !important
	}
}

.ml-0 {
	margin-left: 0 !important
}

.mr-0 {
	margin-right: 0 !important
}

.pl-0 {
	padding-left: 0 !important
}

.pr-0 {
	padding-right: 0 !important
}

@media only screen and (max-width:1024px) {
	.pl-15-sm {
		padding-left: 15px !important;
	}

	.pr-15-sm {
		padding-right: 15px !important;
	}

	.ml-15-sm {
		margin-left: 15px !important;
	}

	.mr-15-sm {
		margin-right: 15px !important;
	}

	.pl-20-sm {
		padding-left: 20px !important;
	}

	.pr-20-sm {
		padding-right: 20px !important;
	}

	.ml-20-sm {
		margin-left: 20px !important;
	}

	.mr-20-sm {
		margin-right: 20px !important;
	}

	.pl-30-sm {
		padding-left: 30px !important;
	}

	.pr-30-sm {
		padding-right: 30px !important;
	}

	.ml-30-sm {
		margin-left: 30px !important;
	}

	.mr-30-sm {
		margin-right: 30px !important;
	}
}

@media only screen and (min-width:1025px) {
	.ml-5 {
		margin-left: 5px !important
	}

	.mr-5 {
		margin-right: 5px !important
	}

	.pl-5 {
		padding-left: 5px !important
	}

	.pr-5 {
		padding-right: 5px !important
	}

	.ml-10 {
		margin-left: 10px !important
	}

	.mr-10 {
		margin-right: 10px !important
	}

	.pl-10 {
		padding-left: 10px !important
	}

	.pr-10 {
		padding-right: 10px !important
	}

	.ml-15 {
		margin-left: 15px !important
	}

	.mr-15 {
		margin-right: 15px !important
	}

	.pl-15 {
		padding-left: 15px !important
	}

	.pr-15 {
		padding-right: 15px !important
	}

	.ml-20 {
		margin-left: 20px !important
	}

	.mr-20 {
		margin-right: 20px !important
	}

	.pl-20 {
		padding-left: 20px !important
	}

	.pr-20 {
		padding-right: 20px !important
	}

	.ml-25 {
		margin-left: 25px !important
	}

	.mr-25 {
		margin-right: 25px !important
	}

	.pl-25 {
		padding-left: 25px !important
	}

	.pr-25 {
		padding-right: 25px !important
	}

	.ml-30 {
		margin-left: 30px !important
	}

	.mr-30 {
		margin-right: 30px !important
	}

	.pl-30 {
		padding-left: 30px !important
	}

	.pr-30 {
		padding-right: 30px !important
	}

	.ml-35 {
		margin-left: 35px !important
	}

	.mr-35 {
		margin-right: 35px !important
	}

	.pl-35 {
		padding-left: 35px !important
	}

	.pr-35 {
		padding-right: 35px !important
	}

	.ml-40 {
		margin-left: 40px !important
	}

	.mr-40 {
		margin-right: 40px !important
	}

	.pl-40 {
		padding-left: 40px !important
	}

	.pr-40 {
		padding-right: 40px !important
	}

	.ml-45 {
		margin-left: 45px !important
	}

	.mr-45 {
		margin-right: 45px !important
	}

	.pl-45 {
		padding-left: 45px !important
	}

	.pr-45 {
		padding-right: 45px !important
	}

	.ml-50 {
		margin-left: 50px !important
	}

	.mr-50 {
		margin-right: 50px !important
	}

	.pl-50 {
		padding-left: 50px !important
	}

	.pr-50 {
		padding-right: 50px !important
	}

	.ml-55 {
		margin-left: 55px !important
	}

	.mr-55 {
		margin-right: 55px !important
	}

	.pl-55 {
		padding-left: 55px !important
	}

	.pr-55 {
		padding-right: 55px !important
	}

	.ml-60 {
		margin-left: 60px !important
	}

	.mr-60 {
		margin-right: 60px !important
	}

	.pl-60 {
		padding-left: 60px !important
	}

	.pr-60 {
		padding-right: 60px !important
	}

	.ml-65 {
		margin-left: 65px !important
	}

	.mr-65 {
		margin-right: 65px !important
	}

	.pl-65 {
		padding-left: 65px !important
	}

	.pr-65 {
		padding-right: 65px !important
	}

	.ml-70 {
		margin-left: 70px !important
	}

	.mr-70 {
		margin-right: 70px !important
	}

	.pl-70 {
		padding-left: 70px !important
	}

	.pr-70 {
		padding-right: 70px !important
	}

	.ml-75 {
		margin-left: 75px !important
	}

	.mr-75 {
		margin-right: 75px !important
	}

	.pl-75 {
		padding-left: 75px !important
	}

	.pr-75 {
		padding-right: 75px !important
	}

	.ml-80 {
		margin-left: 80px !important
	}

	.mr-80 {
		margin-right: 80px !important
	}

	.pl-80 {
		padding-left: 80px !important
	}

	.pr-80 {
		padding-right: 80px !important
	}
}

.mt-auto {
	margin-top: auto !important
}

.mr-auto {
	margin-right: auto !important
}

.mb-auto {
	margin-bottom: auto !important
}

.ml-auto {
	margin-left: auto !important
}

/*Hidden element*/

@media only screen and (min-width:1200px) {
	.dng-hidden-xl {
		display: none !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.dng-hidden-lg {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dng-hidden-md {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation:portrait) {
	.dng-hidden-mp {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.dng-hidden-s {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) and (orientation:landscape) {
	.dng-hidden-sl {
		display: none !important;
	}
}


/*Content Layout*/
.banner-pane {
	position: relative;
}

/*Boxed Layout*/
.dng-main.Boxed {
	padding: 25px 0px;
}

.dng-main.Boxed #dng-wrapper {
	margin: auto;
	position: relative;
}

#dng-wrapper::after,
#dng-wrapper::before {
	content: '';
	display: block;
	overflow: hidden;
	clear: both;
	width: 100%;
	height: 0;
}

.imgbg-cover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.min-window-height {
	display: table;
	width: 100%;
	vertical-align: middle
}

.min-window-height>.middle {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.min-window-height {
		display: block;
		min-height: inherit !important;
	}

	.min-window-height>.middle {
		display: block;
	}
}

.fixed_footer_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	max-height: 100%;
}

.fixed_footer_bottom .fixed_footer.active {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	overflow-Y: auto;
}

.fixed_footer_clone {
	background-color: #121212;
}

.dng-main.Boxed .rev_slider_wrapper.fullscreen-container {
	max-width: 100% !important;
	left: 0 !important;
}

@media only screen and (max-width: 991px) {
	.fixed_footer_bottom .fixed_footer.active {
		position: relative;
	}

	.fixed_footer_bottom,
	.fixed_footer_clone,
	.footer_box {
		height: auto !important;
		position: relative !important;
		max-height: inherit !important;
	}
}

/*map*/
.google-map {
	min-height: 100px;
	background-color: #e3e3e3;
}

.popup-tip-anchor {
	position: absolute;
	width: 500px;
	max-width: 90%;
	margin-top: -55px;
}

.popup-bubble-anchor {
	position: absolute;
	width: 100%;
	left: 0;
}

.popup-bubble-anchor::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(45deg);
	width: 12px;
	height: 12px;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background-color: white;
	margin: -6px 0 0 -5px;
}

.popup-bubble-content {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	background-color: white;
	border-radius: 5px;
	overflow-y: auto;
	max-height: 300px;
	padding: 34px;
	line-height: 1.8;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	border: 1px solid #cacaca;
}





/*footer html sytle*/
.footer .sep {
	padding: 0 12px;
}

.footer-info-box {
	display: inline-block;
}

/*Back to top*/

/*back top*/
#back-to-top {
	width: 65px;
	height: 65px;
	line-height: 65px;
	right: 90px;
	bottom: 120px;
	float: right;
	margin-top: 10px;
	text-align: center;
	font-size: 24px;
	z-index: 1000;
	cursor: pointer;
	position: fixed;
	display: none;
	transition: background-color ease-in 300ms;
	-moz-transition: background-color ease-in 300ms;
	/* Firefox 4 */
	-webkit-transition: background-color ease-in 300ms;
	/* Safari and Chrome */
	-o-transition: background-color ease-in 300ms;
	/* Opera */
	-ms-transition: background-color ease-in 300ms;
	/* IE9? */
}

.backtop01 {
	background-color: #20a3f0;
	color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	backface-visibility: hidden;
}

.backtop01 span {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	width: 40%;
	height: 0%;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all ease-in 300ms;
	/* Safari and Chrome */
	transition: all ease-in 300ms;
	backface-visibility: visible;
}

.backtop01:hover span {
	height: 40%;
	-webkit-transform: translate(-50%, -25%);
	transform: translate(-50%, -25%);
}

.backtop01 span:before {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 50px;
	position: absolute;
	top: 7px;
	left: 50%;
	line-height: 1;
	backface-visibility: visible;
    width: 11px;
    height: 11px;
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.backtop01 span:after {
	content: "";
	width: 0;
	height: 100%;
	border-left: 5px solid;
	position: absolute;
	top: 2px;
	left: 50%;
	backface-visibility: visible;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.backtop01:hover {
	background-color: #20a3f0;
}



[class*=dg-ico].left+.box-right,
[class*=dg-ico].right+.box-right,
[class*=dg-ico].left+.box-left,
[class*=dg-ico].right+.box-left {
	overflow: hidden;
}

[class*=dg-ico].left {
	margin-right: 20px;
}

[class*=dg-ico].right {
	margin-left: 20px;
	margin-right: 0;
}

[class*="dg-iconbox"] .box-left {
	text-align: right;
}

[class*="dg-iconbox"] .box-right {
	text-align: left;
}

.dg-ico02,
.dg-ico03,
.dg-ico05,
.dg-ico05,
.dg-ico05:before,
.dg-ico05:after,
.dg-ico06,
.dg-ico06:after,
.dg-ico06:before,
.dg-ico07,
.dg-ico-animation01,
.dg-ico-animation01:before,
.dg-ico-animation02,
.dg-ico-animation02>.bg,
.dg-ico-animation03,
.dg-ico-animation03:before,
.dg-ico-animation04,
.dg-ico-animation04:before,
.dg-ico-animation05,
.dg-ico-animation05>.bg,
.dg-ico-animation06,
.dg-ico-animation06:after,
.dg-ico-animation06>.bg,
.dg-ico-animation07,
.dg-ico-animation07>.bg,
.dg-ico-animation07:before,
.dg-ico-animation08,
.dg-ico-animation08:after,
.dg-ico-animation08:before,
.dg-ico-animation09,
.dg-ico-animation09>.bg,
.dg-ico-animation09:before,
.dg-ico-animation10,
.dg-ico-animation10 .front,
.dg-ico-animation10 .back,
.dg-ico-animation10 .back:after,
.dg-ico-animation11,
.dg-ico-animation11>.bg,
.dg-ico-animation11:after,
.dg-ico-animation12,
.dg-ico-animation12:after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	backface-visibility: hidden;
}

.square .dg-ico02,
.square .dg-ico03,
.square .dg-ico05,
.square .dg-ico05,
.square .dg-ico05:before,
.square .dg-ico05:after,
.square .dg-ico06,
.square .dg-ico06:after,
.square .dg-ico06:before,
.square .dg-ico07,
.square .dg-ico-animation01,
.square .dg-ico-animation01:before,
.square .dg-ico-animation02,
.square .dg-ico-animation02>.bg,
.square .dg-ico-animation03,
.square .dg-ico-animation03:before,
.square .dg-ico-animation04,
.square .dg-ico-animation04:before,
.square .dg-ico-animation05,
.square .dg-ico-animation05>.bg,
.square .dg-ico-animation06,
.square .dg-ico-animation06:after,
.square .dg-ico-animation06>.bg,
.square .dg-ico-animation07,
.square .dg-ico-animation07>.bg,
.square .dg-ico-animation07:before,
.square .dg-ico-animation08,
.square .dg-ico-animation08:after,
.square .dg-ico-animation08:before,
.square .dg-ico-animation09,
.square .dg-ico-animation09>.bg,
.square .dg-ico-animation09:before,
.square .dg-ico-animation10,
.square .dg-ico-animation10 .front,
.square .dg-ico-animation10 .back,
.square .dg-ico-animation10 .back:after,
.square .dg-ico-animation11,
.square .dg-ico-animation11>.bg,
.square .dg-ico-animation11:after,
.square .dg-ico-animation12,
.square .dg-ico-animation12:after {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	backface-visibility: hidden;
}

.dg-ico01,
.dg-ico02,
.dg-ico03,
.dg-ico05:before,
.dg-ico05:after,
.dg-ico05>i,
.dg-ico06,
.dg-ico06:after,
.dg-ico06:before,
.dg-ico07,
.dg-ico-animation01:before {
	transition: all ease-in 200ms;
	-moz-transition: all ease-in 200ms;
	-webkit-transition: all ease-in 200ms;
	-o-transition: all ease-in 200ms;
	-ms-transition: all ease-in 200ms;
}

.dg-ico-animation02,
.dg-ico-animation02>.bg,
.dg-ico-animation03 {
	transition: all ease-out 200ms;
	-moz-transition: all ease-out 200ms;
	-webkit-transition: all ease-out 200ms;
	-o-transition: all ease-out 200ms;
	-ms-transition: all ease-out 200ms;
}

.dg-ico-animation05,
.dg-ico-animation05>.bg,
.dg-ico-animation06,
.dg-ico-animation06>.bg,
.dg-ico-animation07,
.dg-ico-animation07>.bg,
.dg-ico-animation08,
.dg-ico-animation08:after,
.dg-ico-animation08:before,
.dg-ico-animation09,
.dg-ico-animation09>.bg,
.dg-ico-animation10,
.dg-ico-animation11,
.dg-ico-animation11>i,
.dg-ico-animation11>.bg,
.dg-ico-animation11:after,
.dg-ico-animation12>i,
.dg-ico-animation12>.bg {
	transition: all ease-out 250ms;
	-moz-transition: all ease-out 250ms;
	-webkit-transition: all ease-out 250ms;
	-o-transition: all ease-out 250ms;
	-ms-transition: all ease-out 250ms;
}

.dg-ico01 {
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 24px;
	display: inline-block;
	border: 1px solid;
	color: #20a3f0;
}

.dg-ico01:hover,
[class*="dg-iconbox"]:hover .dg-ico01 {}

.dg-ico01 i {
	line-height: inherit;
}

.dg-ico02 {
	width: 64px;
	height: 64px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	display: inline-block;
	border: 2px solid;
	color: #20a3f0;
}

.dg-ico02:hover,
[class*="dg-iconbox"]:hover .dg-ico02 {}

.dg-ico02>i {
	line-height: inherit;
}

.dg-ico03 {
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	display: inline-block;
	color: #ffffff;
	background-color: #20a3f0;
}

.dg-ico03:hover,
[class*="dg-iconbox"]:hover .dg-ico03 {}

.dg-ico03>i {
	line-height: inherit;
}

.dg-ico04 {
	width: 1em !important;
	height: auto !important;
	line-height: inherit !important;
}

.dg-ico04>i {
	line-height: inherit;
}

.dg-ico05 {
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	display: inline-block;
	color: #666666;
	position: relative;
	z-index: 1;
	background: #fff;
}

.dg-ico05::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background-color: #20a3f0;
	z-index: -1;
	opacity: 0;
}

.dg-ico05:hover:before,
[class*="dg-iconbox"]:hover .dg-ico05:before {
	opacity: 1;
}

.dg-ico05:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 25px -10px #666666;
	-moz-box-shadow: 0 0 25px -10px #666666;
	-webkit-box-shadow: 0 0 25px -10px #666666;
	z-index: -1;
}

.dg-ico05:hover:after,
[class*="dg-iconbox"]:hover .dg-ico05:after {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.dg-ico05>i {
	line-height: inherit;
}

.dg-ico06 {
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 1;
	background-color: #20a3f0;
}

.dg-ico06:after {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border: 1px solid #e4e4e4;
	z-index: -1;
}

.dg-ico06:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: inherit;
}

.dg-ico06:hover:after,
[class*="dg-iconbox"]:hover .dg-ico06:after {
	border-color: transparent;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.dg-ico06:hover:before,
[class*="dg-iconbox"]:hover .dg-ico06:before {
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
}

.dg-ico06>i {
	line-height: inherit;
}

.dg-ico07 {
	width: 64px;
	height: 64px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	display: inline-block;
	border: 2px solid;
	color: #20a3f0;
}

.dg-ico07:hover,
[class*="dg-iconbox"]:hover .dg-ico07 {
	-moz-box-shadow: 0px 0px 8px;
	/* For Firefox3.6+ */
	-webkit-box-shadow: 0px 0px 8px;
	/* For Chrome5+, Safari5+ */
	box-shadow: 0px 0px 8px;
	/* For Latest Opera */
}

.dg-ico07>i {
	line-height: inherit;
}

.dg-ico-animation01 {
	display: inline-block;
	border: 1px solid;
	position: relative;
	color: #20a3f0;
	width: 85px;
	height: 85px;
	line-height: 85px;
	text-align: center;
}

.dg-ico-animation01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid;
	opacity: 0;
	visibility: hidden;
}

.dg-ico-animation01.animation-in:before {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}

[class*="dg-iconbox"]:hover .dg-ico-animation01:before,
.dg-ico-animation01:hover:before {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 1;
	visibility: visible;
}

.dg-ico-animation02 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 76px;
	border: 2px solid;
	z-index: 1;
	text-align: center;
}

.dg-ico-animation02.animation-out>i {
	color: #FFF;
}

[class*="dg-iconbox"]:hover .dg-ico-animation02.animation-out>i,
.dg-ico-animation02.animation-out:hover>i {
	color: inherit;
}

.dg-ico-animation02>.bg {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
}

.dg-ico-animation02.animation-out>.bg {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.dg-ico-animation02.animation-in>.bg {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	visibility: hidden;
}

[class*="dg-iconbox"]:hover .dg-ico-animation02.animation-in>.bg,
.dg-ico-animation02.animation-in:hover>.bg {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.dg-ico-animation02.animation-in {
	color: #20a3f0;
}

[class*="dg-iconbox"]:hover .dg-ico-animation02.animation-in,
.dg-ico-animation02.animation-in:hover {
	color: #ffffff !important;
}

[class*="dg-iconbox"]:hover .dg-ico-animation02.animation-out>.bg,
.dg-ico-animation02.animation-out:hover>.bg {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	visibility: hidden;
}

[class*="dg-iconbox"]:hover .dg-ico-animation02.animation-out,
.dg-ico-animation02.animation-out:hover {
	color: #20a3f0;
}

.dg-ico-animation03 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 76px;
	border: 2px solid transparent;
	text-align: center;
}

.dg-ico-animation03:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	visibility: hidden;
	border: 2px solid;
	transition: opacity ease-out 500ms, transform ease-out 500ms;
	-moz-transition: opacity ease-out 500ms, -moz-transform ease-out 500ms;
	/* Firefox 4 */
	-webkit-transition: opacity ease-out 500ms, -webkit-transform ease-out 500ms;
	/* Safari and Chrome */
	-o-transition: opacity ease-out 500ms, -o-transform ease-out 500ms;
	/* Opera */
	-ms-transition: opacity ease-out 500ms, -ms-transform ease-out 500ms;
	/* IE9? */
}

[class*="dg-iconbox"]:hover .dg-ico-animation03,
.dg-ico-animation03:hover {
	border: 2px solid;
}

[class*="dg-iconbox"]:hover .dg-ico-animation03:before,
.dg-ico-animation03:hover:before {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	visibility: visible;
}

.dg-ico-animation03.animation-in:before {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	transition: opacity ease-out 500ms, transform ease-out 500ms;
	-moz-transition: opacity ease-out 500ms, -moz-transform ease-out 500ms;
	/* Firefox 4 */
	-webkit-transition: opacity ease-out 500ms, -webkit-transform ease-out 500ms;
	/* Safari and Chrome */
	-o-transition: opacity ease-out 500ms, -o-transform ease-out 500ms;
	/* Opera */
	-ms-transition: opacity ease-out 500ms, -ms-transform ease-out 500ms;
	/* IE9? */
}

[class*="dg-iconbox"]:hover .dg-ico-animation03.animation-in:before,
.dg-ico-animation03.animation-in:hover:before {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: .5;
}

@-webkit-keyframes borderrotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes borderrotate {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.dg-ico-animation04 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	transition: all ease-out 250ms;
	-moz-transition: all ease-out 250ms;
	-webkit-transition: all ease-out 250ms;
	-o-transition: all ease-out 250ms;
	-ms-transition: all ease-out 250ms;
	text-align: center;
}

.dg-ico-animation04:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid;
}

[class*="dg-iconbox"]:hover .dg-ico-animation04:before,
.dg-ico-animation04:hover:before {
	border-style: dashed;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: borderrotate;
	animation-name: borderrotate;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

[class*="dg-iconbox"].square:hover .dg-ico-animation04:before,
.square .dg-ico-animation04:hover:before {
	-webkit-animation-name: none;
	animation-name: none;
}

[class*="dg-iconbox"].square:hover .dg-ico-animation04>i,
.square .dg-ico-animation04:hover>i {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: borderrotate;
	animation-name: borderrotate;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

.dg-ico-animation05 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	border: 2px solid;
	width: 80px;
	height: 80px;
	line-height: 76px;
	text-align: center;
	z-index: 1;
}

.dg-ico-animation05>.bg {
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}

[class*="dg-iconbox"]:hover .dg-ico-animation05>.bg,
.dg-ico-animation05:hover>.bg {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
}

[class*="dg-iconbox"]:hover .dg-ico-animation05,
.dg-ico-animation05:hover {
	border-color: transparent;
	color: #FFF !important;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: borderrotate;
	animation-name: borderrotate;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

[class*="dg-iconbox"].square:hover .dg-ico-animation05,
.square .dg-ico-animation05:hover {
	-webkit-animation-name: none;
	animation-name: none;
}

[class*="dg-iconbox"].square:hover .dg-ico-animation05>i,
.square .dg-ico-animation05:hover>i {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: borderrotate;
	animation-name: borderrotate;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes transform-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	49.9% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes transform-top {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	49.9% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes transform-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	49.9% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes transform-left {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	49.9% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes transform-bottom {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	49.9% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes transform-bottom {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	49.9% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes transform-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	49.9% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes transform-right {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	49.9% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 1;
		visibility: visible;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	50.1% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.dg-ico-animation06 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 76px;
	overflow: hidden;
	text-align: center;
	z-index: 2;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06,
.dg-ico-animation06:hover {
	color: #FFF !important;
}

.dg-ico-animation06:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid;
	z-index: -2;
}

.dg-ico-animation06>.bg {
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06>.bg,
.dg-ico-animation06:hover>.bg {
	opacity: 1;
	visibility: visible;
}

.dg-ico-animation06>i,
.dg-ico-animation06>em {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06>i,
.dg-ico-animation06:hover>i,
[class*="dg-iconbox"]:hover .dg-ico-animation06>em,
.dg-ico-animation06:hover>em {
	-webkit-animation-duration: 250ms;
	animation-duration: 250ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	display: inline-block;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-bottom>i,
.dg-ico-animation06.animation-bottom:hover>i,
[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-bottom>em,
.dg-ico-animation06.animation-bottom:hover>em {
	-webkit-animation-name: transform-bottom;
	animation-name: transform-bottom;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-top>i,
.dg-ico-animation06.animation-top:hover>i,
[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-top>em,
.dg-ico-animation06.animation-top:hover>em {
	-webkit-animation-name: transform-top;
	animation-name: transform-top;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-left>i,
.dg-ico-animation06.animation-left:hover>i,
[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-left>em,
.dg-ico-animation06.animation-left:hover>em {
	-webkit-animation-name: transform-left;
	animation-name: transform-left;
}

[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-right>i,
.dg-ico-animation06.animation-right:hover>i,
[class*="dg-iconbox"]:hover .dg-ico-animation06.animation-right>em,
.dg-ico-animation06.animation-right:hover>em {
	-webkit-animation-name: transform-right;
	animation-name: transform-right;
}

.dg-ico-animation07 {
	display: inline-block;
	position: relative;
	color: #FFF;
	width: 80px;
	height: 80px;
	line-height: 76px;
	z-index: 1;
	border: 2px solid transparent;
	text-align: center;
}

.dg-ico-animation07>.bg {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
}

.dg-ico-animation07:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	visibility: hidden;
	border: 2px solid;
	border-color: inherit;
	transition: opacity ease-out 500ms, transform ease-out 500ms;
	-moz-transition: opacity ease-out 500ms, -moz-transform ease-out 500ms;
	/* Firefox 4 */
	-webkit-transition: opacity ease-out 500ms, -webkit-transform ease-out 500ms;
	/* Safari and Chrome */
	-o-transition: opacity ease-out 500ms, -o-transform ease-out 500ms;
	/* Opera */
	-ms-transition: opacity ease-out 500ms, -ms-transform ease-out 500ms;
	/* IE9? */
}

[class*="dg-iconbox"]:hover .dg-ico-animation07,
.dg-ico-animation07:hover {
	border-color: #20a3f0;
}

[class*="dg-iconbox"]:hover .dg-ico-animation07:before,
.dg-ico-animation07:hover:before {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	visibility: visible;
}

[class*="dg-iconbox"]:hover .dg-ico-animation07:after,
.dg-ico-animation07:hover:after {
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
}

.dg-ico-animation08 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	z-index: 1;
	text-align: center;
}

.dg-ico-animation08:after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	border: 1px solid;
	z-index: -1;
	opacity: 0;
}

.dg-ico-animation08:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid;
	z-index: -1;
}

[class*="dg-iconbox"]:hover .dg-ico-animation08,
.dg-ico-animation08:hover {
	border-color: #20a3f0;
}

[class*="dg-iconbox"]:hover .dg-ico-animation08:before,
.dg-ico-animation08:hover:before {
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
}

[class*="dg-iconbox"]:hover .dg-ico-animation08:after,
.dg-ico-animation08:hover:after {
	opacity: 0.2;
	border-width: 8px;
	top: -8px;
	left: -8px;
	right: -8px;
	bottom: -8px;
}

.dg-ico-animation08.size-xs:before,
.dg-ico-animation08.size-sm:before {
	border-width: 1px;
}

.dg-ico-animation09 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 76px;
	z-index: 1;
	border: 2px solid transparent;
	text-align: center;
}

.dg-ico-animation09>.bg {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
}

.dg-ico-animation09:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	visibility: hidden;
	border: 2px solid;
	transition: opacity ease-out 500ms, transform ease-out 500ms;
	-moz-transition: opacity ease-out 500ms, -moz-transform ease-out 500ms;
	/* Firefox 4 */
	-webkit-transition: opacity ease-out 500ms, -webkit-transform ease-out 500ms;
	/* Safari and Chrome */
	-o-transition: opacity ease-out 500ms, -o-transform ease-out 500ms;
	/* Opera */
	-ms-transition: opacity ease-out 500ms, -ms-transform ease-out 500ms;
	/* IE9? */
}

.dg-ico-animation09>i {
	color: #FFF;
}

[class*="dg-iconbox"]:hover .dg-ico-animation09,
.dg-ico-animation09:hover {
	border: 2px solid;
}

[class*="dg-iconbox"]:hover .dg-ico-animation09:before,
.dg-ico-animation09:hover:before {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
	visibility: visible;
}

[class*="dg-iconbox"]:hover .dg-ico-animation09>.bg,
.dg-ico-animation09:hover>.bg {
	transform: scale(0);
	-webkit-transform: scale(0);
}

[class*="dg-iconbox"]:hover .dg-ico-animation09>i,
.dg-ico-animation09:hover>i {
	color: inherit;
}

.dg-ico-animation10 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	z-index: 1;
	text-align: center;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}

.dg-ico-animation10 .front,
.dg-ico-animation10 .back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 750ms ease 0s;
	-moz-transition: all 750ms ease 0s;
	-o-transition: all 750ms ease 0s;
	transition: all 750ms ease 0s;
	-ms-transition: all 0ms ease 0s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dg-ico-animation10 .front {
	z-index: 0;
	color: #FFF;
	background-color: #20a3f0;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.dg-ico-animation10 .back {
	z-index: -2;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

[class*="dg-iconbox"]:hover .dg-ico-animation10 .front,
.dg-ico-animation10:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

[class*="dg-iconbox"]:hover .dg-ico-animation10 .back,
.dg-ico-animation10:hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.dg-ico-animation10 .back {
	background-color: #FFF;
}

.dg-ico-animation10 .back:after {
	content: "";
	border: 2px solid;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.dg-ico-animation10 i {
	vertical-align: middle;
}

[class*="dg-iconbox"]:hover .dg-ico-animation10 .front,
.dg-ico-animation10:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

[class*="dg-iconbox"]:hover .dg-ico-animation10 .back,
.dg-ico-animation10:hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.dg-ico-animation10.size-xs>[class*="color-"]:after,
.dg-ico-animation10.size-sm>[class*="color-"]:after {
	border-width: 1px;
}

.dg-ico-animation11 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 76px;
	border: 2px solid;
	z-index: 1;
	text-align: center;
}

.dg-ico-animation11>.bg {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	opacity: 0;
	z-index: -1;
}

.dg-ico-animation11:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 2px solid;
	z-index: -1;
	opacity: 0;
}

[class*="dg-iconbox"]:hover .dg-ico-animation11>.bg,
.dg-ico-animation11:hover>.bg {
	opacity: 1;
}

[class*="dg-iconbox"]:hover .dg-ico-animation11>i,
.dg-ico-animation11:hover>i {
	color: #FFF !important;
}

[class*="dg-iconbox"]:hover .dg-ico-animation11:after,
.dg-ico-animation11:hover:after {
	top: -6px;
	left: -6px;
	right: -6px;
	bottom: -6px;
	opacity: 1;
}

.dg-ico-animation11.size-xs:after,
.dg-ico-animation11.size-sm:after {
	border-width: 1px;
}

.dg-ico-animation11.size-xs>.bg,
.dg-ico-animation11.size-sm>.bg {
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
}

[class*="dg-iconbox"]:hover .dg-ico-animation11.size-xs:after,
.dg-ico-animation11.size-xs:hover:after,
[class*="dg-iconbox"]:hover .dg-ico-animation11.size-sm:after,
.dg-ico-animation11.size-sm:hover:after {
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	opacity: 1;
}

.dg-ico-animation12 {
	display: inline-block;
	position: relative;
	color: #20a3f0;
	width: 80px;
	height: 80px;
	line-height: 76px;
	z-index: 1;
	overflow: hidden;
	text-align: center;
}

.dg-ico-animation12:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 2px solid;
}

.dg-ico-animation12>.bg {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: rotate(45deg) translate(100%);
	-webkit-transform: rotate(45deg) translate(100%);
}

[class*="dg-iconbox"]:hover .dg-ico-animation12>i,
.dg-ico-animation12:hover>i {
	color: #FFF !important;
}

[class*="dg-iconbox"]:hover .dg-ico-animation12>.bg,
.dg-ico-animation12:hover>.bg {
	transform: rotate(45deg) translate(0);
	-webkit-transform: rotate(45deg) translate(0);
}

.dg-ico-animation12.size-xs:after,
.dg-ico-animation12.size-sm:after {
	border-width: 1px;
}

[class*="dg-ico"]>.bg {
	background-color: #20a3f0;
}

[class*="dg-ico"].size-xs {
	width: 42px;
	height: 42px;
	line-height: 42px;
}

[class*="dg-ico"].size-xs i {
	font-size: 20px;
}

[class*="dg-ico"].size-xs .icon-svg {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

[class*="dg-ico"].size-xs img {
	max-width: 20px;
}

[class*="dg-ico"].size-sm {
	width: 64px;
	height: 64px;
	line-height: 64px;
}

[class*="dg-ico"].size-sm i {
	font-size: 32px;
}

[class*="dg-ico"].size-sm .icon-svg {
	width: 32px;
	height: 32px;
	line-height: 32px;
}

[class*="dg-ico"].size-sm img {
	max-width: 32px;
}

[class*="dg-ico"].size-lg {
	width: 80px;
	height: 80px;
	line-height: 80px;
}

[class*="dg-ico"].size-lg i {
	font-size: 36px;
}

[class*="dg-ico"].size-lg .icon-svg {
	width: 36px;
	height: 36px;
	line-height: 36px;
}

[class*="dg-ico"].size-lg img {
	max-width: 36px;
}

[class*="dg-ico"].size-xl {
	width: 96px;
	height: 96px;
	line-height: 96px;
}

[class*="dg-ico"].size-xl i {
	font-size: 40px;
}

[class*="dg-ico"].size-xl .icon-svg {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

[class*="dg-ico"].size-xl img {
	max-width: 40px;
}

[class*="dg-ico"].size-xxl {
	width: 110px;
	height: 110px;
	line-height: 110px;
}

[class*="dg-ico"].size-xxl i {
	font-size: 46px;
}

[class*="dg-ico"].size-xxl .icon-svg {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

[class*="dg-ico"].size-xxl img {
	max-width: 46px;
}

[class*="dg-ico-animation"]>i {
	line-height: inherit;
}

[class*="dg-ico"] img {
	vertical-align: middle;
}

[class*="dg-ico"].size-xl img,
[class*="dg-ico"].size-xxl img {
	margin-bottom: 2px;
}

.dg-ico01.size-xs,
.dg-ico02.size-xs,
.dg-ico07.size-xs,
.dg-ico-animation02.size-xs,
.dg-ico-animation03.size-xs,
.dg-ico-animation04.size-xs,
.dg-ico-animation05.size-xs,
.dg-ico-animation06.size-xs,
.dg-ico-animation07.size-xs,
.dg-ico-animation09.size-xs,
.dg-ico-animation11.size-xs {
	line-height: 40px;
	border-width: 1px !important;
}

.dg-ico01.size-sm,
.dg-ico02.size-sm,
.dg-ico07.size-sm,
.dg-ico-animation02.size-sm,
.dg-ico-animation03.size-sm,
.dg-ico-animation04.size-sm,
.dg-ico-animation05.size-sm,
.dg-ico-animation06.size-sm,
.dg-ico-animation07.size-sm,
.dg-ico-animation09.size-sm,
.dg-ico-animation11.size-sm {
	line-height: 62px;
	border-width: 1px !important;
}

.dg-ico01.size-lg,
.dg-ico02.size-lg,
.dg-ico07.size-lg,
.dg-ico-animation02.size-lg,
.dg-ico-animation03.size-lg,
.dg-ico-animation04.size-lg,
.dg-ico-animation05.size-lg,
.dg-ico-animation06.size-lg,
.dg-ico-animation07.size-lg,
.dg-ico-animation09.size-lg,
.dg-ico-animation11.size-lg {
	line-height: 78px;
}

.dg-ico01.size-xl,
.dg-ico02.size-xl,
.dg-ico07.size-xl,
.dg-ico-animation02.size-xl,
.dg-ico-animation03.size-xl,
.dg-ico-animation04.size-xl,
.dg-ico-animation05.size-xl,
.dg-ico-animation06.size-xl,
.dg-ico-animation07.size-xl,
.dg-ico-animation09.size-xl,
.dg-ico-animation11.size-xl {
	line-height: 94px;
}

.dg-ico01.size-xxl,
.dg-ico02.size-xxl,
.dg-ico07.size-xxl,
.dg-ico-animation02.size-xxl,
.dg-ico-animation03.size-xxl,
.dg-ico-animation04.size-xxl,
.dg-ico-animation05.size-xxl,
.dg-ico-animation06.size-xxl,
.dg-ico-animation07.size-xxl,
.dg-ico-animation09.size-xxl,
.dg-ico-animation11.size-xxl {
	line-height: 108px;
}

[class*=dg-ico].size-xs.left {
	margin-right: 20px;
}

[class*=dg-ico].size-xs.right {
	margin-left: 20px;
}

[class*=dg-ico].size-sm.left {
	margin-right: 20px;
}

[class*=dg-ico].size-sm.right {
	margin-left: 20px;
}

[class*=dg-ico].size-lg.left {
	margin-right: 25px;
}

[class*=dg-ico].size-lg.right {
	margin-left: 25px;
}

[class*=dg-ico].size-xl.left {
	margin-right: 30px;
}

[class*=dg-ico].size-xl.right {
	margin-left: 30px;
}

[class*=dg-ico].size-xxl.left {
	margin-right: 30px;
}

[class*=dg-ico].size-xxl.right {
	margin-left: 30px;
}

@media only screen and (max-width: 767px) {

	[class*="dg-ico"].size-xl,
	[class*="dg-ico"].size-xxl {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	[class*="dg-ico"].size-xl i,
	[class*="dg-ico"].size-xxl i {
		font-size: 36px;
	}

	.dg-ico01.size-xl,
	.dg-ico02.size-xl,
	.dg-ico07.size-xl,
	.dg-ico-animation02.size-xl,
	.dg-ico-animation03.size-xl,
	.dg-ico-animation04.size-xl,
	.dg-ico-animation05.size-xl,
	.dg-ico-animation06.size-xl,
	.dg-ico-animation07.size-xl,
	.dg-ico-animation09.size-xl,
	.dg-ico-animation11.size-xl,
	.dg-ico01.size-xxl,
	.dg-ico02.size-xxl,
	.dg-ico07.size-xxl,
	.dg-ico-animation02.size-xxl,
	.dg-ico-animation03.size-xxl,
	.dg-ico-animation04.size-xxl,
	.dg-ico-animation05.size-xxl,
	.dg-ico-animation06.size-xxl,
	.dg-ico-animation07.size-xxl,
	.dg-ico-animation09.size-xxl,
	.dg-ico-animation11.size-xxl {
		line-height: 78px;
	}

	[class*=dg-ico].size-lg.left {
		margin-right: 20px;
	}

	[class*=dg-ico].size-lg.right {
		margin-left: 20px;
	}

	[class*=dg-ico].size-xl.left {
		margin-right: 20px;
	}

	[class*=dg-ico].size-xl.right {
		margin-left: 20px;
	}

	[class*=dg-ico].size-xxl.left {
		margin-right: 20px;
	}

	[class*=dg-ico].size-xxl.right {
		margin-left: 20px;
	}
}

/*icon svg*/
.icon-svg {
	position: relative;
	width: 30px;
	height: 30px;
	margin: 0;
	display: inline-block;
}

i.icon-svg.icon {
	margin: 0 0 4px 0;
	vertical-align: middle;
}

.icon-svg:before {
	content: normal;
	opacity: 0;
	visibility: hidden;
}

.icon-svg svg {
	padding: 2px;
	width: 100%;
	height: 100%;
	vertical-align: baseline;
}

.icon-svg * {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.size-xs[class*=dg-ico] .icon-svg * {
	stroke-width: 3;
}

.animation.icon-svg {
	visibility: hidden;
}

.animation.icon-svg.animated {
	visibility: visible;
}

.dg-ico-max {
	color: #20a3f0;
}

.dg-ico-max,
.dg-ico-max .icon-svg {
	display: inline-block;
	text-align: center;
}

.dg-ico-max.size-xs,
.dg-ico-max.size-xs .icon-svg {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 42px;
}

.dg-ico-max.size-xs i {
	font-size: 42px;
}

.dg-ico-max.size-sm,
.dg-ico-max.size-sm .icon-svg {
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 64px;
}

.dg-ico-max.size-sm i {
	font-size: 64px;
}

.dg-ico-max.size-lg,
.dg-ico-max.size-lg .icon-svg {
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 76px;
}

.dg-ico-max.size-lg i {
	font-size: 76px;
}

.dg-ico-max.size-xl,
.dg-ico-max.size-xl .icon-svg {
	width: 96px;
	height: 96px;
	line-height: 96px;
	font-size: 92px;
}

.dg-ico-max.size-xl i {
	font-size: 92px;
}

.dg-ico-max.size-xxl,
.dg-ico-max.size-xxl .icon-svg {
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: 106px;
}

.dg-ico-max.size-xxl i {
	font-size: 106px;
}

.dg-ico-max {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto
}

.text-left .dg-ico-max {
	margin-left: 0;
}

.text-right .dg-ico-max {
	margin-right: 0;
}

.dg-ico-max img {
	margin: 0;
}

@media only screen and (max-width: 767px) {

	.dg-ico-max.size-xl,
	.dg-ico-max.size-xl .icon-svg {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 80px;
	}

	.dg-ico-max.size-xxl,
	.dg-ico-max.size-xxl .icon-svg {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 80px;
	}

	.text-right .dg-ico-max {
		margin-left: 0;
	}
}

.dg-ico-max.size-xs img {
	max-width: 100%;
}

.dg-ico-max.size-sm img {
	max-width: 100%;
}

.dg-ico-max.size-lg img {
	max-width: 100%;
}

.dg-ico-max.size-xl img {
	max-width: 100%;
}

.dg-ico-max.size-xxl img {
	max-width: 100%;
}

@media only screen and (max-width: 767px) {
	.dg-ico-max.size-xl img {
		max-width: 100%;
	}

	.dg-ico-max.size-xxl img {
		max-width: 100%;
	}
}

/*Dropcat-Highlight*/
.dropcap {
	display: inline-block;
	float: left;
	font-size: 300%;
	line-height: 1.14;
	margin-right: 15px;
	text-align: center;
	color: #424242;

}

/* archive */
.content-area-archive .isotope-item {
	padding: 0 10px 20px 10px;
}

.content-area-archive .pic::after,
.content-area-archive .pic::before {
	border: 0;
}

.content-area-archive .bg {
	background: #191919;
}

.content-area-archive .content {
	padding: 20px;
	background-color: #f8f8f9;
	letter-spacing: 0;
}

.content-area-archive .content .title a {
	text-decoration-line: none;
}

.content-area-archive .content .title a:hover {
	color: #20a3f0 !important;
}

.content-area-archive .content .info>div {
	position: relative;
	display: inline;
}

.content-area-archive .content .author .sep {
	padding-left: 0;
}

.content-area-archive .content .author a {
	text-decoration-line: none;
}

.content-area-archive .content .author a:hover {
	color: #20a3f0 !important;
}

.content-area-archive .content .edit {
	color: #FFF !important;
}

/* archive End */

/* Image */
.content-area-image {
	float: left;
	width: 60%;
}

.content-area-image img {
	width: 100%;
	max-width: 100%;
}

.content-area-image-article {
	float: right;
	width: 40%;
}

.content-area-image-title {
	font-size: 20px;
	color: #333333;
	margin: 0 0 5px;
}

.content-area-image-info {
	color: #888888;
}

@media only screen and (max-width: 991px) {

	.content-area-image,
	.content-area-image-article {
		float: none;
		width: 100%;
	}

	.content-area-image-article.pl-30 {
		padding-left: 0 !important;
	}
}

/* Image End */

.iconbox-border {
	display: table;
	min-width: 100%;
	table-layout: fixed;
	margin: 0;
	border-color: #dcdcdc;
	border-left-style: solid;
	border-left-width: 1px;
}

.iconbox-border>[class*="col-"] {
	float: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: inherit;
}

.iconbox-border>[class*="col-"]:first-child {
	border-left: none;
}

.iconbox-border>[class*="col-xs-"] {
	display: table-cell;
}

@media (min-width:768px) {
	.iconbox-border>[class*="col-sm-"] {
		display: table-cell;
	}
}

@media (min-width:992px) {
	.iconbox-border>[class*="col-md-"] {
		display: table-cell;
	}
}

@media (min-width:1200px) {
	.iconbox-border>[class*="col-lg-"] {
		display: table-cell;
	}
}





/*faq*/
.dng-faq {
	margin: 0 0 30px;
	padding: 0;
}

.dng-faq>dt,
.dng-faq>dd {
	margin: 0;
	padding: 0 0 0 47px;
	position: relative;
	min-height: 30px;
	line-height: inherit;
}

.dng-faq>dt {
	color: #333333;
	font-size: 16px;
	padding-top: 3px;
	margin-bottom: 15px;
}

.dng-faq>dd {
	margin-bottom: 25px !important;
}

.dng-faq>dt:before,
.dng-faq>dd:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #666666;
	color: #333333;
	font-size: 18px;
}

.dng-faq>dt:before {
	content: "Q";
	border-color: #20a3f0;
	color: #20a3f0;
}

.dng-faq>dd:before {
	content: "A";
}

.dng-faq-line01 {
	border-bottom: 1px dashed #dedede;
}

.dng-faq-line02>dd {
	margin-bottom: 35px !important;
}

.dng-faq-line02 {
	margin-bottom: 40px;
}

.dng-faq-line02:after {
	content: "";
	width: 30%;
	border-bottom: 1px solid #dcdcdc;
	display: block;
}

.dng-faq-line02>dt:before {
	border-color: #20a3f0;
	background-color: #20a3f0;
	color: #fff !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.dng-faq-line02>dd:before {
	border-color: #666666;
	background-color: #666666;
	color: #fff !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

@media only screen and (max-width: 767px) {
	.dng-faq {
		margin-bottom: 15px;
	}

	.dng-faq>dd {
		margin-bottom: 12px !important;
	}

	.dng-faq-line02 {
		margin-bottom: 20px;
	}

	.dng-faq-line02>dd {
		margin-bottom: 17px !important;
	}
}






/*dng-leftmen*/

.dng-sidepanemenu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	white-space: normal;
}

.dng-sidepanemenu .dropdown {
	margin: 0;
	padding: 0 15px;
	list-style: none;
}

.dng-sidepanemenu ul {
	margin: 0;
}

.dng-sidepanemenu li {
	list-style: none;
	text-align: center;
}

.dng-sidepanemenu li.dir a {
	position: relative;
}

.dng-sidepanemenu li a {
	padding: 0 0px 0 0px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
}

.dng-sidepanemenu .menu_arrow {
	width: 20px;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	line-height: 21px;
	top: 1px;
	left: 100%;
	font-size: 0px;
	text-indent: 100px;
	overflow: hidden;
}

.dng-sidepanemenu .menu_arrow:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid;
	border-left: 1px solid;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -1px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-webkit-transition: transform ease-in 200ms, border-color ease-in 200ms;
	transition: transform ease-in 200ms, border-color ease-in 200ms;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.dng-sidepanemenu .menu_arrow:before {
	content: ".";
	width: 0;
	overflow: hidden;
	display: block;
}

.dng-sidepanemenu .menu_arrow.arrow_closed:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.dng-sidepanemenu li.dir>ul {
	display: none;
}

.dng-sidepanemenu li.current>ul {
	display: block;
}

.dng-sidepanemenu .menu_list li li a {
	font-size: 13px;
}

.dng-sidepanemenu a:hover {
	text-decoration: none;
}

.dng-sidepanemenu .widget {
	text-align: center
}


/*side panel*/
@-webkit-keyframes icons-translateX {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: 26px;
	}
}

@keyframes icons-translateX {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: 26px;
	}
}

.side-panel-btn .icons {
	width: 22px;
	height: 22px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	font-size: 16px;
	-webkit-transition: -webkit-transform ease-in 200ms;
	transition: transform ease-in 200ms;
}

.side-panel-btn .icons i {
	position: absolute;
	width: 20px;
	left: 1px;
	border-bottom: 2px solid;
	display: block;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: none;
	animation: none;
}

.side-panel-btn .icons i:after {
	content: "";
	position: absolute;
	width: 120%;
	border-bottom: 2px solid;
	right: 100%;
	margin-right: 6px;
}

.side-panel-btn .icons .l_1 {
	top: 3px;
	-webkit-transition: top ease-in 200ms, -webkit-transform ease-in 200ms;
	transition: top ease-in 200ms, transform ease-in 200ms;
}

.side-panel-btn .icons .l_2 {
	top: 10px;
	-webkit-transition: top ease-in 200ms, -webkit-transform ease-in 200ms;
	transition: top ease-in 200ms, transform ease-in 200ms;
}

.side-panel-btn .icons .l_3 {
	top: 17px;
	-webkit-transition: bottom ease-in 200ms, opacity ease-in 200ms;
	transition: bottom ease-in 200ms, opacity ease-in 200ms;
}

.side-panel-btn:not(.style_custom) .icons:hover i {
	-webkit-animation: icons-translateX .3s ease-in both;
	animation: icons-translateX .3s ease-in both;
}

.side-panel-btn:not(.style_custom) .icons:hover .l_2 {
	-webkit-animation-delay: .08s;
	animation-delay: .08s;
}

.side-panel-btn:not(.style_custom) .icons:hover .l_3 {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

.overlay-panel-content {
	white-space: nowrap;
}

.side-panel-btn.active .icons i {
	-webkit-animation: none !important;
	animation: none !important;
}

.side-panel-btn.active .icons .l_1 {
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-panel-btn.active .icons .l_3 {
	top: 10px;
	opacity: 0;
}

.side-panel-btn.active .icons .l_2 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: top ease-in 200ms, -webkit-transform ease-in 200ms;
	transition: top ease-in 200ms, transform ease-in 200ms;
}

.side-panel-btn.style_custom {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: #ffffff;
	-webkit-transition: background-color ease-in 200ms;
	transition: background-color ease-in 200ms;
	text-align: center;
}

.side-panel-btn.style_custom .icons i {
	border-width: 0;
	height: 3px;
	background-color: #FFF;
	border-radius: 3px;
	-webkit-transition: all ease-in 200ms;
	transition: all ease-in 200ms;
}

.side-panel-btn.style_custom .icons {
	margin: 12px 0px 0px 0px;
}

.side-panel {
	position: fixed;
	top: 0;
	height: 100%;
	overflow: hidden;
	z-index: 1005;
	visibility: hidden;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
}

.side-panel.side-panel-active {
	visibility: visible;
}

.side-panel .floating-header-logo {
	display: none;
}

.side-panel .header-logo {
	display: inline-block
}

.side-panel .logo-main img {
	max-width: 100%;
}

.side-panel .side-panel-main {
	height: 100%;
	color: #666;
}

.side-panel .nav-top {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
}

.side-panel .nav-center {
	position: absolute;
	top: 100px;
	left: 0;
	right: -18px;
	bottom: 100px;
	overflow-y: scroll;
	overflow-x: hidden;
	white-space: nowrap;
}

.side-panel .nav-center:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}

.side-panel .nav-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
}

.side-panel-btn {
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	transition: color ease-in 200ms;
	-moz-transition: color ease-in 200ms;
	-webkit-transition: color ease-in 200ms;
	-o-transition: color ease-in 200ms;
	-ms-transition: color ease-in 200ms;
}

.side-panel-content {
	padding: 30px;
}

.side-panel-active.side-panel.side-left {
	left: 0;
}

.side-panel.side-right {
	left: auto;
}

.side-panel.side-left .close-panel>.fa {
	left: 12px;
	opacity: 0;
	transition: left 300ms, opacity 300ms;
	-moz-transition: left 300ms, opacity 300ms;
	-webkit-transition: left 300ms, opacity 300ms;
	-o-transition: left 300ms, opacity 300ms;
	-ms-transition: left 300ms, opacity 300ms;
}

.side-panel-active.side-panel.side-left .close-panel>.fa {
	opacity: 1;
}

.side-panel-active.side-panel.side-right {
	right: 0;
}

.side-panel-active.side-panel.side-left {
	left: 0;
}

.side-panel.side-right .close-panel>.fa {
	right: 12px;
	opacity: 0;
	left: auto;
	transition: right 300ms, opacity 300ms;
	-moz-transition: right 300ms, opacity 300ms;
	-webkit-transition: right 300ms, opacity 300ms;
	-o-transition: right 300ms, opacity 300ms;
	-ms-transition: right 300ms, opacity 300ms;
}

.side-panel-active.side-panel.side-right .close-panel>.fa {
	opacity: 1;
}

.side-panel-has body {
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
}

.side-panel.side-push-right {
	left: auto;
}

.side-push-left-active,
.side-push-right-active {
	overflow: hidden;
}

.side-push-left-active body {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*
	transform: translateX(300px);
	-webkit-transform: translateX(300px);
	*/
	width: 100%;
}

.side-push-right-active body {
	transform: translate3d(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
*/
	width: 100%;
}

.side-push-left-active .side-push-left {
	left: 0;
}

.side-push-right-active .side-push-right {
	right: 0;
	left: auto;
}

.side-panel .close-panel>.fa,
.side-panel .close-panel>.fa {
	opacity: 0;
	transition: transform 300ms, opacity 300ms;
	-moz-transition: transform 300ms, opacity 300ms;
	-webkit-transition: transform 300ms, opacity 300ms;
	-o-transition: transform 300ms, opacity 300ms;
	-ms-transition: transform 300ms, opacity 300ms;
}

.side-push-left-active .side-panel .close-panel>.fa {
	opacity: 1;
}

.side-push-right-active .side-panel .close-panel>.fa {
	opacity: 1;
}

.side-panel.side-push-left .close-panel>.fa {
	left: 12px;
}

.side-panel.side-push-right .close-panel>.fa {
	left: auto;
	right: 12px;
}

.overflow-x {
	overflow-x: hidden;
}

.side-panel-has body {
	z-index: 1;
	position: relative;
}

.side-panel-has body:after {
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #FFF;
	z-index: -1;
}

.side-reval-left {
	left: 0;
	z-index: 10;
	width: 0;
	overflow: hidden;
}

.side-reval-right {
	left: auto;
	z-index: 10;
	width: 0;
	right: 0;
	overflow: hidden;
}

.side-reval-left .side-panel-main,
.side-reval-right .side-panel-main {
	position: relative;
}

.side-panel-main,
.side-reval-left-active .side-reval-left,
.side-reval-right-active .side-reval-right {}

.side-reval-left-active body {}

.side-reval-right-active body {}

.side-reval-left-active,
.side-reval-right-active {
	overflow: hidden;
}

.side-static-left {
	left: 0;
	visibility: visible;
}

.side-static-right {
	left: auto;
	right: 0;
	visibility: visible;
}

.body-side-static-left {}

.body-side-static-right {}

body>.header-wrap {
	overflow: visible;
}

.side-static-left.side-panel-active {
	visibility: visible;
}

.side-static-right.side-panel-active {
	left: auto;
	visibility: visible;
}

.side-static-left-active body {
	margin-left: 0px;
}

.side-static-right-active body {
	margin-right: 0px;
}

.side-panel .close-panel>.fa {
	cursor: pointer;
	position: fixed;
	top: 20px;
	background-color: #FFF;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.side-left .close-panel:after,
.side-right .close-panel:after,
.side-push-left .close-panel:after,
.side-push-right .close-panel:after,
.side-reval-left .close-panel:after,
.side-reval-right .close-panel:after {
	content: " ";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	cursor: url(../images/cursor-close.cur), crosshair;
	transition: all ease-in 300ms;
	-moz-transition: all ease-in 300ms;
	-webkit-transition: all ease-in 300ms;
	-o-transition: all ease-in 300ms;
	-ms-transition: all ease-in 300ms;
}

.side-panel-active .close-panel:after {
	opacity: 1;
	visibility: visible;
}

.body-side-static-left .sticky-fixed .floating-nav.floating-nav-sticky,
.body-side-static-left .floating-nav.floating-active {}

.body-side-static-right .sticky-fixed .floating-nav.floating-nav-sticky,
.body-side-static-right .floating-nav.floating-active {}

.side-panel .widget-title {
	font-size: 18px;
}

body.page-loader-changing:after {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transform-origin: center;
	z-index: 10000;
	background: #FFF;
	content: "";
	visibility: hidden;
	transition: all ease-in 300ms;
	-moz-transition: all ease-in 300ms;
	-webkit-transition: all ease-in 300ms;
	-o-transition: all ease-in 300ms;
	-ms-transition: all ease-in 300ms;
}

body.page-is-changing:after {
	opacity: 1;
	visibility: visible;
}

.dng-overlay {
	position: relative;
	display: block;
}

.header-content-wrap .overlay-button {
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-moz-transition: color ease-in 300ms;
	-webkit-transition: color ease-in 300ms;
	-o-transition: color ease-in 300ms;
	-ms-transition: color ease-in 300ms;
	transition: color ease-in 300ms;
}

.header-content-wrap .overlay-button .fa {
	font-size: inherit;
}

.overflow-hidden {
	overflow: hidden
}

.overlay-menu-html {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	display: none;
	padding: 15px 0;
}

.dng-overlay .overlay-menu-html {
	display: block;
}

/*widget*/
.widget-box {
	position: relative;
	margin-bottom: 40px;
}

.widget-box.borderline {
	margin-bottom: 80px;
}

.widget-box.borderline::after {
	content: "";
	position: absolute;
	border-bottom: 1px solid rgba(173, 176, 182, 0.3);
	width: 100%;
	left: 0;
	bottom: -40px;
}

/*widget-search*/

.widget-search,
.searchform {
	position: relative;
}

.widget-search .textbox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	margin: 0px;
	padding: 11px 50px 11px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #c8c8c8;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	width: 100%;
	outline: none;
}

.searchform .fa.search-submit {
	display: none;
}

.widget-search .submit,
.searchform .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	border: none;
	background: none;
}

.widget-search:before,
.searchform:before {
	content: "\f002";
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	text-align: center;
	line-height: 44px;
	color: #20a3f0;
	font-size: 16px;
}

.footer_box .widget-search .textbox,
.footer_box .searchform #s {
	color: inherit;
	border-color: rgba(127, 127, 127, 0.5);
}


/*widget-tabs*/
.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li {
	padding: 7px 2px 4px 2px;
	font-size: 13px;
}

.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li:after {
	position: absolute;
	right: 0;
}

.widget-tabs.dg-tabs-top01 ul.resp-tabs-list {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li {
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	float: none;
}

@media only screen and (min-width: 1600px) {
	.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li {
		font-size: 14px;
	}

	.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li {
		padding: 7px 3px 4px 3px;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
	.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li {
		padding: 7px 3px 4px 3px;
		border-bottom: 1px solid #ccc;
	}

	.widget-tabs.dg-tabs-top ul.resp-tabs-list {
		display: block;
	}

	.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li:after {
		margin-left: 0;
		display: none;
	}

	.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li:first-child {
		padding-left: 15px;
	}

	.widget-tabs.dg-tabs-top01 ul.resp-tabs-list li:last-child {
		padding-right: 15px;
	}

	.widget-tabs.dg-tabs-top01 .resp-tabs-container {
		border-top: 0;
	}
}

/*widget-posts*/
.widget-posts {
	margin: 0 0 0;
	padding: 0;
	list-style: none;
}

.widget-posts>li {
	border-bottom: 1px dashed #dddddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.widget-posts>li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.widget-posts>li:after {
	clear: both;
	content: ".";
	height: 0px;
	font-size: 0px;
	visibility: hidden;
	display: block;
}

.widget-posts>li .pic {
	margin-right: 20px;
	max-width: 50%;
	float: left;
}

.widget-posts>li .pic img {
	max-width: 100%;
}

.widget-posts>li .box-right {
	overflow: hidden;
}

.widget-posts>li .title {
	overflow: hidden;
	font-size: 14px;
	color: #444;
	margin: -2px 0 4px;
}

.widget-posts .title a,
.widget-posts .title a:link,
.widget-posts .title a:active,
.widget-posts .title a:visited {
	color: #444;
}

.widget-posts .title a:hover {
	color: #20a3f0;
	text-decoration: none;
}

.widget-posts .info {
	color: #999999;
	font-size: 14px;
}


/*categories*/
.widget-categories {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-categories li {
	margin: 0 0 8px;
	padding: 0 0px 8px 0;
	border-bottom: 1px dashed #dddddd;
	position: relative;
}

.widget-categories .children {
	margin: 8px 0 0;
	padding: 8px 0 0;
	border-top: 1px dashed #dddddd;
}

.widget-categories .children>li:last-child {
	padding-bottom: 0;
	margin: 0;
	border-bottom: none;
}

.widget-categories img {
	position: absolute;
	top: 6px;
	right: 0;
}

.widget-categories li a:first-child:before {
	content: "";
	width: 0px;
	height: 0px;
	line-height: 0px;
	border: 4px solid transparent;
	border-left-color: #c4c4c4;
	display: inline-block;
	margin-right: 4px;
}

.widget-categories .children li>a:first-child {
	padding-left: 15px;
}

.widget-categories .widget_body>ul>li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.widget-categories a,
.widget-categories a:link,
.widget-categories a:active,
.widget-categories a:visited {
	color: #666666
}

.widget-categories a:hover {
	color: #20a3f0
}

/*portfolios*/
.widget-portfolios {
	margin: 0;
	padding: 0;
}

.widget-portfolios li {
	position: relative;
	list-style: none;
	margin: 2px;
	padding: 0;
	display: inline-block;
}

.widget-portfolios li::before,
.widget-portfolios li::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border-color: #FFF;
	color: #FFF;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in 200ms;
	-moz-transition: all ease-in 200ms;
	-webkit-transition: all ease-in 200ms;
	-o-transition: all ease-in 200ms;
	-ms-transition: all ease-in 200ms;
}

.widget-portfolios li:before {
	width: 41px;
	height: 0;
	border-bottom: 1px solid;
	margin-left: -20px;
}

.widget-portfolios li:after {
	width: 0px;
	height: 41px;
	border-left: 1px solid;
	margin-top: -20px;
}

.widget-portfolios li:hover:before,
.widget-portfolios li:hover:after {
	opacity: 1;
	visibility: visible;
}

.widget-portfolios li a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.widget-portfolios .bg {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #20a3f0;
	-moz-transition: all ease-in 200ms;
	-webkit-transition: all ease-in 200ms;
	-o-transition: all ease-in 200ms;
	-ms-transition: all ease-in 200ms;

	opacity: 0;
}

.widget-portfolios li:hover .bg {
	opacity: 0.7;
	visibility: visible;
}

.widget-portfolios .pic img {
	max-width: 100%;
}


/*widget-contactus*/

.widget-contactus ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-contactus ul li {
	position: relative;
	padding: 0 0 15px 34px;
}

.widget-contactus ul li:last-child {
	padding: 0 0 0 34px;
}

.widget-contactus ul li span {
	position: absolute;
	left: 0;
	font-size: 18px;
	top: 3px;
}

.widget-contactus .title {
	font-size: 14px;
	margin: 0 0 5px;
	color: #424242;
}

.widget-contactus.space-sm ul li {
	margin: 0;
}

.footer_box .widget-contactus .title {
	color: inherit;
}

/*widget-tag*/
.widget-tag .tagcloud a {
	display: inline-block;
	margin: 0 7px 5px 0;
	border: 1px solid #e5e5e5;
	padding: 5px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: inherit !important;
}

.widget-tag .tagcloud a,
.widget-tag .tagcloud a:link,
.widget-tag .tagcloud a:active,
.widget-tag .tagcloud a:visited {
	color: #666666;
	text-decoration: none;
	transition: all ease-in 200ms;
	-moz-transition: all ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: all ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: all ease-in 200ms;
	/* Opera */
	-ms-transition: all ease-in 200ms;
	/* IE9? */
}

.widget-tag .tagcloud a:hover {
	border-color: #20a3f0;
	color: #20a3f0;
	text-decoration: none;
}

.footer_box .widget-tag .tagcloud a,
.footer_box .widget-tag .tagcloud a:link,
.footer_box .widget-tag .tagcloud a:active,
.footer_box .widget-tag .tagcloud a:visited {
	color: inherit;
	border-color: rgba(127, 127, 127, 0.5);
}

.footer_box .widget-tag .tagcloud a:hover {
	border-color: #20a3f0;
	color: #20a3f0;
}





/*html*/

.header-content-wrap .header-line {
	display: inline-block;
	border-left: 1px solid;
	height: 20px;
	vertical-align: middle;
	margin-bottom: 1px;
	-moz-transition: color ease-in 300ms;
	-webkit-transition: color ease-in 300ms;
	-o-transition: color ease-in 300ms;
	-ms-transition: color ease-in 300ms;
	transition: color ease-in 300ms;
}

.header-content-wrap .search-popup-box .icon {
	margin: 0 0 2px;
	padding: 0px;
}

.dng-overlay {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 1005;
}

.header-content-wrap .dng-overlay {
	display: none;
}

.dng-overlay.loaded {
	-webkit-animation: anim-popup-out .3s ease-in backwards;
	animation: anim-popup-out .3s ease-in backwards;
}

.dng-overlay.active {
	-webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.dng-overlay.active>.overlay-close {
	-webkit-animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.dng-overlay .overlay-menu {
	display: block;
	position: absolute;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dng-overlay .mm-menu.mm-theme-black {
	background-color: transparent
}

.dng-overlay .mm-menu,
.dng-overlay .mm-listview {
	line-height: 1.2;
}

.dng-overlay .mm-menu {
	width: 450px;
	min-width: inherit;
	max-width: inherit;
	left: 50%;
	bottom: 0;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: transparent;
}

.dng-overlay .mm-menu .mm-panels {
	overflow: visible !important;
}

.dng-overlay .mm-menu .mm-panels>.mm-panel {
	bottom: auto;
}

.dng-overlay .mm-menu .mm-panel.mm-opened {
	box-shadow: none;
}

.dng-overlay .mm-panel {
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 100%;
	overflow: hidden !important;
	padding: 0;
}

.dng-overlay .mm-listview {
	max-height: 100%;
	overflow-y: auto;
	padding-bottom: 40px;
}

.dng-overlay .mm-panel {
	padding-top: 40px;
}

.dng-overlay .mm-panel.mm-hidden {
	display: block !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.dng-overlay .mm-panel.mm-opened,
.dng-overlay .mm-panel.mm-highest.mm-opened {
	-webkit-transform: translateX(0) rotateY(0deg) translateY(-50%);
	transform: translateX(0) rotateY(0) translateY(-50%);
	opacity: 1;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.dng-overlay .mm-panel.mm-hidden,
.dng-overlay .mm-panel.mm-highest {

	-webkit-transform: translateX(100%) rotateY(0) translateY(-50%);
	transform: translateX(100%) rotateY(0) translateY(-50%);
	opacity: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.dng-overlay .mm-panel.mm-subopened {
	-webkit-transform: translateX(-100%) rotateY(0) translateY(-50%);
	transform: translateX(-100%) rotateY(0) translateY(-50%);
	opacity: 0;
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

.dng-overlay .mm-menu .mm-listview,
.dng-overlay .mm-menu .mm-navbar a,
.dng-overlay .mm-menu .mm-navbar>* {
	color: #FFF;
	font-size: 30px;
	text-align: center;
}

.dng-overlay .mm-listview>li>a,
.dng-overlay .mm-listview>li>span {
	padding: 0;
}

.dng-overlay .mm-menu .mm-listview>li .mm-next:after {}

.dng-overlay .mm-listview .mm-next+a,
.dng-overlay .mm-listview .mm-next+span {
	margin: 0;
}

.dng-overlay .mm-next:after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	font-size: 22px;
	line-height: 22px;
	width: auto;
	height: 25px;
	right: 20px;
	line-height: 1 !important;
	content: "...";
	letter-spacing: 4px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	-moz-transition: color ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 200ms;
	/* Opera */
	-ms-transition: color ease-in 200ms;
	/* IE9? */
	transition: color ease-in 200ms;

}

.dng-overlay .mm-prev:before {
	content: "\e943";
	font-family: linearicons !important;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	font-size: 22px;
	line-height: 22px;
	width: 25px;
	height: 25px;
	display: none;
}

.dng-overlay .mm-navbar {
	height: auto;
}

.dng-overlay .mm-title {
	font-size: 0 !important;
}

.dng-overlay .visibility-hidden .mm-title {
	visibility: hidden;
	opacity: 0;
	transform: translate(0, 40px);
}

.dng-overlay .visibility-hidden .mm-title.animatebottom {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
	-moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Firefox 4 */
	-webkit-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Safari and Chrome */
	-o-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Opera */
	-ms-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* IE9? */
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
}

.dng-overlay .mm-panels .mm-hidden .mm-title {
	opacity: 0 !important;
	visibility: hidden !important;
}

.dng-overlay .mm-title:after {
	line-height: 1 !important;
	content: "...";
	letter-spacing: 4px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	-moz-transition: color ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 200ms;
	/* Opera */
	-ms-transition: color ease-in 200ms;
	/* IE9? */
	transition: color ease-in 200ms;
}

.dng-overlay .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.dng-overlay .mm-menu .mm-listview>li.mm-selected>span {
	background-color: transparent;
}

.dng-overlay .overlay-close {
	font-size: 24px;
	color: #FFF;
	position: absolute;
	right: 50px;
	top: 50px;
	cursor: pointer;
}

.dng-overlay .mm-panels>.mm-panel>.mm-listview:first-child,
.dng-overlay .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
	margin-top: 0;
}

.dng-overlay .visibility-hidden li {
	visibility: hidden;
	opacity: 0;
	transform: translate(0, 40px);
}

.dng-overlay .mm-listview>li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dng-overlay .mm-listview>li.animatebottom {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
	-moz-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Firefox 4 */
	-webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Safari and Chrome */
	-o-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Opera */
	-ms-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* IE9? */
	transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
}

.dng-overlay .mm-panels.visibility-hidden .mm-hidden li {
	opacity: 0 !important;
	visibility: hidden !important;
}

.dng-overlay .widget {
	visibility: hidden;
	opacity: 0;
	/*	transform: translate(0,40px);*/
}

.dng-overlay .widget.animatebottom {
	visibility: visible;
	opacity: 1;
	/*	transform: translate(0,0);*/

	-moz-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Firefox 4 */
	-webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Safari and Chrome */
	-o-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* Opera */
	-ms-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	/* IE9? */
	transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
}

.dg-menu-anime {
	width: 22px;
	height: 22px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.dg-menu-anime:after,
.dg-menu-anime:before,
.dg-menu-anime i:after {
	content: "";
	border-bottom: 2px solid;
	left: 1px;
	right: 1px;
	top: 3px;
	position: absolute;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-moz-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -moz-transform ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -webkit-transform ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -o-transform ease-in 200ms;
	/* Opera */
	-ms-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -ms-transform ease-in 200ms;
	/* IE9? */
	transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, transform ease-in 200ms;
}

.dg-menu-anime:before {
	top: 17px
}

.dg-menu-anime i:after {
	top: 10px;
}

.dg-menu-anime.active:after,
.overlay-button:hover .dg-menu-anime:after,
.active>.dg-menu-anime:after {
	top: 10px;
}

.dg-menu-anime.active:before,
.overlay-button:hover .dg-menu-anime:before,
.active>.dg-menu-anime:before {
	top: 10px;
}

.dg-menu-anime i:after {
	transform: rotate(0);
}

.dg-menu-anime.active i:after,
.overlay-button:hover .dg-menu-anime i:after,
.active>.dg-menu-anime i:after {
	transform: rotate(270deg);
}

.sidebar_sticky {
	position: relative;
}

.sidebar_sticky:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
}

div.header-position,
header.header-position {
	position: absolute;
	top: 0;
}

.page-title-bg div.header-position,
.page-title-bg header.header-position {
	position: relative;
	top: 0;
}


.header-content-wrap .overlay-menu {
	display: none;
}

.mobile-menu-icon .dg-menu-anime {
	-moz-transition: -moz-transform ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: -webkit-transform ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: -o-transform ease-in 200ms;
	/* Opera */
	-ms-transition: -ms-transform ease-in 200ms;
	/* IE9? */
	transition: transform ease-in 200ms;
}

.mobile-menu-icon .dg-menu-anime.active i:after {
	opacity: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.mobile-menu-icon .dg-menu-anime.active:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile-menu-icon .dg-menu-anime.active:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* soon */
.soon-wrapper[data-layout*=label-uppercase] .soon-label,
.soon[data-layout*=label-uppercase] .soon-label {
	text-transform: none !important;
}

/*3d*/
.rev_slider_wrapper {
	overflow: hidden;
}


/*lazyload */

img.img-loading {
	background-image: url(../images/loader/loader9.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 75px 75px;
}

.pic.img-lazyload {
	background-image: url(../images/loader/loader9.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 75px 75px;
	-webkit-transition: background-color ease-in 200ms;
	transition: background-color ease-in 200ms;
}

.pic.img-lazyload .lazyload {
	opacity: 0;
	background: none;
	-webkit-transition: opacity ease-in 200ms;
	transition: opacity ease-in 200ms;
}

.pic.img-lazyload .img-loaded {
	opacity: 1;
}

.pic.img-lazyload.img-loaded {
	background-image: none;
	background-color: transparent;
}

/**/
.position-bottom {
	position: fixed !important;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.dnnEditState .position-bottom {
	position: relative !important;
}

.portfolio-card {
	white-space: nowrap;
}

.portfolio-card-02 {
	border-left-width: 3px;
	padding-left: 20px;
	border-left-color: #20a2fa;
	border-left-style: solid;
}

.portfolio-card-02 li {
	display: flex;
	word-break: break-word;
}

.portfolio-card-02 li strong {
	width: 40%;
	min-width: 100px;
	flex-shrink: 0;
	color: #424242;
}

.portfolio-card-02>ul {
	margin-left: 0;
}

/*ilightbox-noscroll*/
body.ilightbox-noscroll {
	overflow: visible;
}

/* swiper */
.swiper-pagination {
	font-size: 0;
	line-height: 0;
}





/*-box-shadow*/
[class*="shadow-"] {
	-webkit-transition: -webkit-box-shadow ease-in 300ms;
	-mz-transition: -mz-box-shadow ease-in 300ms;
	transition: box-shadow ease-in 300ms;
}



/*dg-heading*/
.dg-heading a,
.dg-heading a:link,
.dg-heading a:active,
.dg-heading a:visited {
	color: inherit;
}



.ajax-more.loading .fa {
	display: inline-block !important;
}




/*search*/
.searchform {
	position: relative;
}

.searchform #s {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	margin: 0px;
	padding: 11px 50px 11px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #c8c8c8;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	width: 100%;
	outline: none;
}

.searchform .fa.search-submit {
	display: none;
}

.searchform .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	border: none;
	background: none;
}

.searchform:before {
	content: "\f002";
	font-family: 'Font Awesome 5 Free' !important;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	text-align: center;
	line-height: 44px;
	color: #20a3f0;
	font-size: 16px;
	font-weight: 600;
}

.footer_box .searchform #s {
	color: inherit;
	border-color: rgba(127, 127, 127, 0.5);
}


/*header*/

.topbar-contact {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

.topbar-contact li {
	display: inline-block;
	padding: 0px 8px;
	position: relative;
}

.topbar-contact li .fa,
.topbar-contact li .far,
.topbar-contact li .fab,
.topbar-contact li .fas,
.topbar-contact li .lnr {
	font-size: 1.2em;
	margin-right: 6px;
	vertical-align: middle;
}

.topbar-contact li:first-child {
	padding-left: 0;
}

.topbar-contact li:first-child:before {
	border: none;
}


.topbar-tool {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

.topbar-tool>li {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0px 20px;
}

.topbar-tool>li>a {
	display: block;
	margin: 0 -20px;
	padding: 0px 20px;
	text-decoration: none;
	color: inherit;
	transition: all ease-in 200ms;
	-moz-transition: all ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: all ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: all ease-in 200ms;
	/* Opera */
	-ms-transition: all ease-in 200ms;
	/* IE9? */
}

.topbar-tool>li>a,
.topbar-tool>li>a:link,
.topbar-tool>li>a:active,
.topbar-tool>li>a:visited {
	color: #FFF;
}

.topbar-tool>li>a:hover {
	color: #FFF;
}


.navbar-right-tool {
	white-space: nowrap;
}


.search-popup-box-active {
	overflow: hidden;
}

.search-popup-box {
	position: relative;
}

@media only screen and (max-width: 767px) {
	.search-popup-box .popup-reveal {
		display: none !important;
	}
}

.search-popup-box .popup-content {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 1);
	z-index: 1000;
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	color: #666;
}

.search-popup-box .popup-content.color-dark {
	background-color: rgba(30, 30, 30, 1);
}

.search-popup-box .icon {
	font-size: 16px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	transition: color ease-in 300ms;
	-moz-transition: color ease-in 300ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 300ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 300ms;
	/* Opera */
	-ms-transition: color ease-in 300ms;
	/* IE9? */
}

.search-popup-box .magnifier {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.search-popup-box .magnifier:after {
	content: "";
	width: 17px;
	height: 17px;
	position: absolute;
	top: 2px;
	left: 1px;
	border: 2px solid;
	border-radius: 50%;
}

.search-popup-box .magnifier:before {
	content: "";
	width: 7px;
	position: absolute;
	bottom: 0px;
	right: 4px;
	border-bottom: 2px solid;
	-webkit-transform: rotate(48deg);
	transform: rotate(48deg);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

.search-popup-box .icon:hover .magnifier:after {}

.search-popup-box .magnifier i {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform ease-in 300ms;
	transition: transform ease-in 300ms;
	display: block;
	margin: 0;

}

.search-popup-box .magnifier i:after,
.search-popup-box .magnifier i:before {
	position: absolute;
	content: "";
}

.search-popup-box .magnifier i:after {
	border-left: 1px solid;
	height: 7px;
	width: 0;
	top: 7px;
	left: 9px;
}

.search-popup-box .magnifier i:before {
	border-bottom: 1px solid;
	height: 0px;
	width: 7px;
	top: 10px;
	left: 6px;
}

.search-popup-box .magnifier:hover i {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.search-popup-box .popup-center {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	transition: all ease-in 200ms 0ms;
	-moz-transition: all ease-in 200ms 0ms;
	/* Firefox 4 */
	-webkit-transition: all ease-in 200ms 0ms;
	/* Safari and Chrome */
	-o-transition: all ease-in 200ms 0ms;
	/* Opera */
	-ms-transition: all ease-in 200ms 0ms;
	/* IE9? */
}

.search-popup-box .icon>span {
	display: inline-block;
	vertical-align: middle;
}

span[id*="ClassicSearch"] {
	position: relative;
	display: inline-block;
	width: 846px;
	max-width: 80%;
}

.search-popup-box .searchInputContainer {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0;
}

.search-popup-box .NormalTextBox {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 2px solid #666;
	font-size: 20px;
	color: #333;
	padding: 25px 60px;
	outline: none;
	text-align: center;
}

.search-popup-box ul.searchSkinObjectPreview {
	width: 100%;
	text-align: left;
}

.search-popup-box .NormalTextBox::-webkit-input-placeholder {
	color: #666;
}

.search-popup-box .NormalTextBox:-moz-placeholder {
	color: #666;

}

.search-popup-box .NormalTextBox::-moz-placeholder {
	color: #666;
}

.search-popup-box .NormalTextBox:-ms-input-placeholder {
	color: #666;
}

.search-popup-box .NormalTextBox:placeholder {
	color: #666;
}

.search-popup-box .color-dark .NormalTextBox {
	color: #fff;
	border-bottom-color: #FFF;
}

.search-popup-box .color-dark .NormalTextBox::-webkit-input-placeholder {
	color: #ebebeb;
}

.search-popup-box .color-dark .NormalTextBox:-moz-placeholder {
	color: #ebebeb;
}

.search-popup-box .color-dark .NormalTextBox::-moz-placeholder {
	color: #ebebeb;
}

.search-popup-box .color-dark .NormalTextBox:-ms-input-placeholder {
	color: #ebebeb;
}

.search-popup-box .color-dark .NormalTextBox:placeholder {
	color: #ebebeb;
}

.search-popup-box .color-dark .search {
	color: #FFF;
}

.search-popup-box .color-dark .popup-close {
	color: #FFF;
}

.search-popup-box a.search {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -24px;
	font-size: 26px;
	color: #666666;
	border: none;
	background: none;
	outline: none;
	width: auto;
	height: auto;
	transition: color ease-in 200ms;
	-moz-transition: color ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 200ms;
	/* Opera */
	-ms-transition: color ease-in 200ms;
	/* IE9? */
}

.search-popup-box a.search:before {
	font-family: linearicons !important;
	content: "\e922";
	text-decoration: none;
}

.search-popup-box a.search:hover {
	color: #20a3f0;
	text-decoration: none;
}

.search-popup-box .popup-close {
	position: absolute;
	right: 50px;
	top: 50px;
	cursor: pointer;
	font-size: 24px;
	z-index: 10;
}

.search-popup-box .popup-close:hover {
	color: #20a3f0;
}

.search-popup-box .info {
	color: #666666;
	font-size: 15px;
}

@media only screen and (max-width: 767px) {
	.search-popup-box .NormalTextBox {
		padding: 25px 9px;
		font-size: 13px;
	}

	.search-popup-box a.search {
		font-size: 20px;
		margin-top: -20px;
	}

	.search-popup-box span[id*="ClassicSearch"] {
		max-width: 98%;
	}
}


@-webkit-keyframes anim-popup-top {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	35%,
	65% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes anim-popup-top {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	35%,
	65% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}



@-webkit-keyframes anim-popup-top-content {

	0%,
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0);
	}

	65% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-popup-top-content {

	0%,
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0);
	}

	65% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes anim-popup-out {
	0% {

		top: 0;
	}

	100% {
		opacity: 0;
		top: 0;
	}
}

@keyframes anim-popup-out {
	0% {

		top: 0;
	}

	100% {
		opacity: 0;
		top: 0;
	}
}

@-webkit-keyframes anim-popup-in {

	0%,
	25% {
		opacity: 0;
	}

	65%,
	100% {
		opacity: 1;
	}
}

@keyframes anim-popup-in {

	0%,
	25% {
		opacity: 0;
	}

	65%,
	100% {
		opacity: 1;
	}
}

.search-popup-box.hide {
	display: none;
}

.search-popup-box .popup-content {

	-webkit-animation: none;
	animation: none;
	top: -100%;
}

.search-popup-box .popup-content.loaded {
	-webkit-animation: anim-popup-out .3s ease-in;
	animation: anim-popup-out .3s ease-in;
}

.search-popup-box .popup-content.active {
	-webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.search-popup-box .popup-content.active .popup-center {
	-webkit-animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.search-popup-box .popup-content.active .popup-close {
	-webkit-animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

@media only screen and (max-width: 991px) {

	.search-popup-box .popup-content,
	.search-popup-box .popup-content.active {
		top: 0;
	}

	.search-popup-box .popup-content,
	.search-popup-box .popup-content.active,
	.search-popup-box .popup-content .popup-center,
	.search-popup-box .popup-content.active .popup-center,
	.search-popup-box .popup-content.active .popup-close {
		-webkit-animation: none !important;
		animation: none !important;
	}

}


.search-text {
	border-bottom: 1px solid rgba(0, 0, 0, 0.9);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	height: 36px;
}

.search-text .NormalTextBox {
	background: none;
	border: none;
	padding: 5px 5px;
	font-size: 13px;
	width: 180px;
	outline: none;
	color: #333333;
	height: 36px;
	line-height: 26px;
}

.search-text .search {
	background: none;
	border: none;
	padding: 4px 12px;
	color: inherit;
	color: #333333;
	margin-right: -5px;
	height: 36px;
	line-height: 28px;
}

.search-text .search span {
	vertical-align: middle;
}

.search-text.color-light {
	border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}

.search-text.color-light .NormalTextBox,
.search-text.color-light .search {
	color: #fff;
}

@media only screen and (max-width: 992px) {

	/* search-popup-box */
	.search-popup-box .popup-close {
		right: 13px;
		top: 0;
		height: 64px;
		line-height: 64px;
		transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		-moz-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Firefox 4 */
		-webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Safari and Chrome */
		-o-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Opera */
		-ms-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* IE9? */

		z-index: 1;
	}

	.search-popup-box .popup-close .lnr {
		line-height: 64px;
	}

	.search-popup-box .popup-reveal {
		display: none;
	}

	.search-popup-box .popup-content {
		opacity: 0;
		visibility: hidden;
		color: #666;

		transform: translateX(0%);
		-ms-transform: translateX(0%);
		/* Internet Explorer */
		-moz-transform: translateX(0%);
		/* Firefox */
		-webkit-transform: translateX(0%);
		/* Safari 和 Chrome */
		-o-transform: translateX(0%);
		/* Opera */

		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	.search-popup-box .popup-content.active {
		opacity: 1;
		visibility: visible;

		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	.search-popup-box .popup-content .popup-center {
		transform: scale(1.1) !important;
		-ms-transform: scale(1.1) !important;
		/* Internet Explorer */
		-moz-transform: scale(1.1) !important;
		/* Firefox */
		-webkit-transform: scale(1.1) !important;
		/* Safari 和 Chrome */
		-o-transform: scale(1.1) !important;
		/* Opera */

		transition-delay: 0ms !important;
		-moz-transition-delay: 0ms !important;
		/* Firefox 4 */
		-webkit-transition-delay: 0ms !important;
		/* Safari 和 Chrome */
		-o-transition-delay: 0ms !important;
		/* Opera */
		-ms-transition-delay: 0ms !important;
		/* IE9? */

		transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		-moz-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Firefox 4 */
		-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Safari 和 Chrome */
		-o-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Opera */
		-ms-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* IE9? */

	}

	.search-popup-box .popup-content.active .popup-center {
		transform: scale(1) !important;
	}
}




.overlay-panel-box .icon {
	font-size: 18px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-moz-transition: color ease-in 300ms;
	-webkit-transition: color ease-in 300ms;
	-o-transition: color ease-in 300ms;
	-ms-transition: color ease-in 300ms;
	transition: color ease-in 300ms;
}

.overlay-panel-box .icon>span {
	display: inline-block;
	vertical-align: middle;
}


.overlay-panel-content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1004;
	width: 100%;
	display: none;
}

.overlay-panel-content.page--current {
	display: block;
}

.overlay-panel-content:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

.overlay-panel-box .icons {
	width: 23px;
	height: 22px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	font-size: 16px;
	margin-top: -2px;
	-webkit-transition: -webkit-transform ease-in 200ms;
	transition: transform ease-in 200ms;
}

.overlay-panel-box .icons i {
	content: "";
	position: absolute;
	width: 4px;
	border-bottom: 4px solid;
	border-left: 4px solid;
	display: block;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	backface-visibility: hidden;
	-webkit-animation: none;
	animation: none;
	-ms-transition: left ease-in 300ms, top ease-in 300ms, width ease-in 300ms, height ease-in 300ms, opacity ease-in 300ms, border-width ease-in 300ms;
	transition: left ease-in 300ms, top ease-in 300ms, width ease-in 300ms, height ease-in 300ms, border-width ease-in 300ms;
}


.overlay-panel-box .icons {
	-webkit-transition: -webkit-transform ease-out 300ms;
	transition: transform ease-out 300ms;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.overlay-panel-box .icons .l_1,
.overlay-panel-box .icons .l_4,
.overlay-panel-box .icons .l_7 {
	left: 2px;
}

.overlay-panel-box .icons .l_2,
.overlay-panel-box .icons .l_5,
.overlay-panel-box .icons .l_8 {
	left: 9px;
}

.overlay-panel-box .icons .l_3,
.overlay-panel-box .icons .l_6,
.overlay-panel-box .icons .l_9 {
	left: 16px;
}

.overlay-panel-box .icons .l_1,
.overlay-panel-box .icons .l_2,
.overlay-panel-box .icons .l_3 {
	top: 2px;
}

.overlay-panel-box .icons .l_4,
.overlay-panel-box .icons .l_5,
.overlay-panel-box .icons .l_6 {
	top: 9px;
}

.overlay-panel-box .icons .l_7,
.overlay-panel-box .icons .l_8,
.overlay-panel-box .icons .l_9 {
	top: 16px;
}


.overlay-panel-box:hover .icons i {
	height: 2px;
	width: 2px;
	border-width: 2px;
}

.overlay-panel-box:hover .icons .l_1 {
	top: 10px;
	left: 6px;
	width: 5px;
}

.overlay-panel-box:hover .icons .l_2 {
	height: 5px;
	left: 11px;
	top: 1px;
}

.overlay-panel-box:hover .icons .l_3 {
	top: 5px;
	left: 11px;
	height: 5px;
}

.overlay-panel-box:hover .icons .l_4 {
	top: 10px;
	left: 2px;
	width: 5px;
}

.overlay-panel-box:hover .icons .l_5 {
	top: 10px;
	left: 11px;
}

.overlay-panel-box:hover .icons .l_6 {
	top: 10px;
	left: 17px;
	width: 5px;
}

.overlay-panel-box:hover .icons .l_7 {
	top: 12px;
	left: 11px;
	height: 5px;
}

.overlay-panel-box:hover .icons .l_8 {
	top: 16px;
	left: 11px;
	height: 5px;
}

.overlay-panel-box:hover .icons .l_9 {
	top: 10px;
	left: 13px;
	width: 5px;
}

.overlay-panel-box:hover .icons {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.overlay-panel-box .icon_list {
	width: 40px;
	height: 39px;
	position: relative;
	background-color: #20a3f0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color ease-out 300ms;
	transition: background-color ease-out 300ms;

}

.overlay-panel-box .icon_list i {
	content: "";
	position: absolute;
	width: 20px;
	left: 10px;
	top: 11px;
	border-bottom: 3px solid #fff;
	display: block;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	backface-visibility: hidden;
	-webkit-animation: none;
	animation: none;

}

.overlay-panel-box .icon_list i.l_1 {
	top: 11px;
}

.overlay-panel-box .icon_list i.l_2 {
	top: 18px;
}

.overlay-panel-box .icon_list i.l_3 {
	top: 25px;
}

.overlay-panel-box .icon_list:hover {
	background-color: #333333;
}


.overlay-panel-content .overlay-panel-close {
	position: absolute;
	right: 50px;
	top: 50px;
	cursor: pointer;
	font-size: 24px;
	z-index: 1000;
	color: #fff;
	transition: color ease-in 200ms;
	-moz-transition: color ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 200ms;
	/* Opera */
	-ms-transition: color ease-in 200ms;
	/* IE9? */
}

.overlay-panel-content .overlay-panel-close.dark {
	color: #000;
}

.overlay-panel-content .overlay-panel-close:hover， .overlay-panel-content .overlay-panel-close:hover .lnr {
	color: #fff;
	text-shadow: none;
}


.overlay-panel-active {
	overflow: hidden;
}

.overlay-panel-content .overlay-panel-center {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	white-space: normal;
	text-align: center;
	padding: 15px;

}

.overlay-panel-content .overlay-panel-center .vc_row-o-full-height {
	margin: -15px;
}


.overlay-panel-content:after {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.overlay-contact .title {
	color: #FFF;
	font-size: 32px;
	margin: 0 0 65px;
}

.overlay-contact .contact-info {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 20px;
}

.overlay-contact .sub-title {
	font-size: 14px;
	color: #FFF;
	margin: 0 0 5px;
	font-style: italic;
}

.overlay-contact .contact-info li {
	margin-bottom: 35px;
}

.overlay-contact .social a {
	display: inline-block;
	width: 37px;
	height: 37px;
	line-height: 37px;
	border: 1px solid #FFF;
	border-radius: 50%;
	font-size: 14px;
	margin: 0px 5px 5px;
}

.overlay-contact .other-info {
	margin: 100px 0 0px;
	padding: 0px;
	list-style: none;
	font-size: 25px;
}

.overlay-contact .other-info a {
	font-size: 25px !important;
}

.overlay-contact .other-info li {
	width: 320px;
	display: inline-block;
}


.overlay-contact .social a,
.overlay-contact .social a:link,
.overlay-contact .social a:active,
.overlay-contact .social a:visited,
.overlay-contact .other-info a,
.overlay-contact .other-info a:link,
.overlay-contact .other-info a:active,
.overlay-contact .other-info a:visited {
	color: #FFF !important;
}

.overlay-contact .social a:hover,
.overlay-contact .other-info a:hover {
	text-decoration: none
}

.overlay-panel-box .overlay-panel-close {
	color: #FFF;
}

.header-wrap .floating-header-logo {
	display: none !important;
}

.header-wrap .floating-header-logo.header-logo {
	display: inline-block !important;
}

.floating-nav.floating-active .header-logo:not(.floating-header-logo) {
	display: none !important;
}

.floating-nav .floating-header-logo:not(.header-logo) {
	display: none !important;
}

.header-wrap .logo img {
	max-height: 80%;
	margin-bottom: 2px;
}

.floating-nav.floating-active .floating-header-logo {
	display: inline-block !important;
}

.header-wrap .floating-header-logo.header-logo {
	display: inline-block !important;
}

.sticky-fixed .floating-nav.floating-nav-sticky {
	position: absolute !important;
	width: 100%;
	z-index: 1000;
}

.sticky-fixed .floating-nav.floating-nav-sticky.floating-active {
	position: fixed !important;
}

.floating-nav.floating-active {
	position: fixed !important;
	width: 100%;
	z-index: 1000;
	top: 0;

}

.dng-main.Boxed .sticky-fixed .floating-nav.floating-nav-sticky,
.dng-main.Boxed .floating-nav.floating-active {
	width: auto;
	left: auto;
}



.header-mega-list {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.header-mega-list li {
	padding: 6px 0px;
}

.header-mega-list li .fa {
	width: 100%;
	text-align: center;
	margin-right: 5px;
}


/*water*/
.water {
	position: relative;
	margin: 0 auto;
	background-color: rgba(163, 195, 217, 0.5);
}

@keyframes water {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}

	50% {
		opacity: 0.3;
	}

	65% {
		opacity: 0.5;
	}

	100% {
		transform: scale(3);
		opacity: 0.0;
	}
}

@-webkit-keyframes water {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}

	50% {
		opacity: 0.3;
	}

	65% {
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(3);
		opacity: 0.0;
	}
}

.dng-water .water {
	pointer-events: none;
}

.dng-water .water .dot {
	background-color: inherit;
}

.dng-water .water:after,
.dng-water .water:before,
.dng-water .water .dot:after,
.dng-water .water .dot:before {
	content: "";
	width: 100px;
	padding: 100px;
	background-color: inherit;
	position: absolute;
	margin: -50px 0 0 -50px;
	opacity: 0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-animation: water 3s ease-out;
	-moz-animation: water 3s ease-out;
	animation: water 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.dng-water .water:after {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
}

.dng-water .water:before {
	-webkit-animation-delay: 660ms;
	-moz-animation-delay: 660ms;
	animation-delay: 660ms;
}

.dng-water .water .dot:after {
	-webkit-animation-delay: 1020ms;
	-moz-animation-delay: 1020ms;
	animation-delay: 1020ms;
}

.dng-water .water .dot:before {
	-webkit-animation-delay: 1380ms;
	-moz-animation-delay: 1380ms;
	animation-delay: 1380ms;
}


/* page nav */
.main-pagenavi {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}

.main-pagenavi a,
.main-pagenavi a:link,
.main-pagenavi a:active,
.main-pagenavi a:visited {
	color: #666666;
}

.main-pagenavi.color-light a,
.main-pagenavi.color-light a:link,
.main-pagenavi.color-light a:active,
.main-pagenavi.color-light a:visited {
	color: #FFF;
}

.main-pagenavi .wp-pagenavi a.current,
.main-pagenavi .wp-pagenavi span.current,
.main-pagenavi .wp-pagenavi a:hover {
	text-decoration: none;
	border-color: #20a3f0;
	color: #20a3f0;
}

.main-pagenavi[data-pagenavi="more"] a,
.main-pagenavi[data-pagenavi="scroll"] a {
	color: #fff;
	position: relative;
	text-align: center;
	height: 46px;
	line-height: 46px;
	width: 134px;
	white-space: normal;
	display: inline-block;
	padding: 0px 2px;
	margin: 3px;
	border-radius: 1000px;

	box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.17);

	overflow: hidden;
	background-color: #000000;
	-webkit-transition: width ease 300ms, height ease 300ms, background-color ease 300ms, border-radius ease 300ms;
	transition: width ease 300ms, height ease 300ms, background-color ease 300ms, border-radius ease 300ms;


}

.main-pagenavi[data-pagenavi="more"] a:hover,
.main-pagenavi[data-pagenavi="scroll"] a:hover {
	color: #FFF;
	text-decoration: none;
}

.main-pagenavi[data-pagenavi="more"] a:after,
.main-pagenavi[data-pagenavi="scroll"] a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0);
	-moz-transition: all ease-in 300ms;
	/* Firefox 4 */
	-webkit-transition: all ease-in 300ms;
	/* Safari and Chrome */
	-o-transition: all ease-in 300ms;
	/* Opera */
	-ms-transition: all ease-in 300ms;
	/* IE9? */
	transition: all ease-in 300ms;
	background-position: center;
	background-repeat: no-repeat;
}

.main-pagenavi[data-pagenavi="more"] a span,
.main-pagenavi[data-pagenavi="scroll"] a span {
	position: absolute;
	width: 0px;
	height: 46px;
	top: 0;
	left: 0;
	overflow: hidden;
	-moz-transition: width ease-in 400ms;
	-webkit-transition: width ease-in 400ms;
	-o-transition: width ease-in 400ms;
	-ms-transition: width ease-in 400ms;
	transition: width ease-in 400ms;
}

.main-pagenavi[data-pagenavi="more"] a span:before,
.main-pagenavi[data-pagenavi="scroll"] a span:before {
	content: "";
	width: 46px;
	height: 46px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #7a7a7a;
	display: block;
}

.main-pagenavi[data-pagenavi="more"] a:hover:after,
.main-pagenavi[data-pagenavi="scroll"] a:hover:after {
	background-color: rgba(255, 255, 255, 0.2);
}

.main-pagenavi[data-pagenavi="more"] a.active,
.main-pagenavi[data-pagenavi="scroll"] a.active {
	width: 46px;
	height: 46px;
	border-radius: 30px;
	text-indent: 100px;
	background-color: #999999;
	font-size: 0px;
}

.main-pagenavi[data-pagenavi="more"] a.active:after,
.main-pagenavi[data-pagenavi="scroll"] a.active:after {

	border-radius: 50%;
}

@-webkit-keyframes dng-css-loading {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .6;
	}

	100% {
		opacity: 1;
	}
}

@keyframes dng-css-loading {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .6;
	}

	100% {
		opacity: 1;
	}
}

.main-pagenavi[data-pagenavi="more"] a.active i,
.main-pagenavi[data-pagenavi="scroll"] a.active i {
	display: block;
	width: 10px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	-webkit-transform-origin: 20px center;
	transform-origin: 16px center;
	z-index: 2;
	-webkit-animation: dng-css-loading .44s ease infinite;
	animation: dng-css-loading .44s ease infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	backface-visibility: hidden;
	overflow: hidden;

}

.main-pagenavi[data-pagenavi="more"] a.active i.a_1,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_1 {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 0;

}

.main-pagenavi[data-pagenavi="more"] a.active i.a_2,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_2 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	opacity: 0.1;
	-webkit-animation-delay: .04s;
	animation-delay: .04s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_3,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_3 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	opacity: 0.1;
	-webkit-animation-delay: .08s;
	animation-delay: .08s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_4,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_4 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0.2;
	-webkit-animation-delay: .12s;
	animation-delay: .12s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_5,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_5 {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
	opacity: 0.3;
	-webkit-animation-delay: .16s;
	animation-delay: .16s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_6,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_6 {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	opacity: 0.4;
	-webkit-animation-delay: .20s;
	animation-delay: .20s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_7,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_7 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0.5;
	-webkit-animation-delay: .24s;
	animation-delay: .24s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_8,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_8 {
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
	opacity: 0.6;
	-webkit-animation-delay: .28s;
	animation-delay: .28s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_9,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_9 {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg);
	opacity: 0.75;
	-webkit-animation-delay: .32s;
	animation-delay: .32s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_10,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_10 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	opacity: 0.7;
	-webkit-animation-delay: .36s;
	animation-delay: .36s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_11,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_11 {
	-webkit-transform: rotate(3000deg);
	transform: rotate(300deg);
	opacity: 0.85;
	-webkit-animation-delay: .40s;
	animation-delay: .40s;
}

.main-pagenavi[data-pagenavi="more"] a.active i.a_12,
.main-pagenavi[data-pagenavi="scroll"] a.active i.a_12 {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
	opacity: 0.9;
	-webkit-animation-delay: .44s;
	animation-delay: .44s;
}



.main-pagenavi[data-pagenavi="more"] a.ajax-active span,
.main-pagenavi[data-pagenavi="scroll"] a.ajax-active span {
	-webkit-transition: width ease-in 300ms;
	transition: width ease-in 300ms;
	width: 10px;
}

.main-pagenavi[data-pagenavi="more"] a.active.ajax-one span,
.main-pagenavi[data-pagenavi="scroll"] a.active.ajax-one span {
	-webkit-transition: width ease-in 400ms;
	transition: width ease-in 400ms;
	width: 32px;
}

.main-pagenavi[data-pagenavi="more"] a.active.ajax-two span,
.main-pagenavi[data-pagenavi="scroll"] a.active.ajax-two span {
	-webkit-transition: width ease-in 300ms;
	transition: width ease-in 300ms;
	width: 42px;
}

.main-pagenavi[data-pagenavi="more"] a.active.ajax-three span,
.main-pagenavi[data-pagenavi="scroll"] a.active.ajax-three span {
	-webkit-transition: width ease-in 100ms;
	transition: width ease-in 100ms;
	width: 46px;
}



.main-pagenavi .wp-pagenavi a,
.main-pagenavi .wp-pagenavi span {
	border: 1px solid #dddddd;
	text-align: center;
	height: 40px;
	line-height: 40px;
	white-space: normal;
	display: inline-block;
	padding: 0px 17px;
	color: #666666;
	margin: 3px;
	border-radius: 3px;
}

.main-pagenavi.color-light .wp-pagenavi a,
.main-pagenavi.color-light .wp-pagenavi span {
	color: #FFF;
}

.main-pagenavi[data-pagenavi="scroll"] a.active {
	font-size: 0;
	border: 0
}

.main-pagenavi i {
	font-style: normal;
}

@media only screen and (min-width: 1600px) {
	.main-pagenavi {
		padding-top: 26px;
		padding-bottom: 26px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-pagenavi {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}

@media only screen and (max-width: 767px) {
	.main-pagenavi {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


/* page nav end*/


.owl-carousel .owl-item .dg-imagebox09 .pic.shadow {
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
}

.owl-carousel .owl-item .dg-imagebox09 .pic.moveup {
	padding-top: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.owl-carousel .owl-item .dg-imagebox09 .pic.shadow {
		box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
	}
}

@media only screen and (max-width: 991px) {
	.owl-carousel .owl-item .dg-imagebox09 .pic.shadow {
		box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
	}
}




/*animation */
.delay_100 {
	-webkit-animation-delay: .1s !important;
	animation-delay: .1s !important
}

.delay_200 {
	-webkit-animation-delay: .2s !important;
	animation-delay: .2s !important
}

.delay_300 {
	-webkit-animation-delay: .3s !important;
	animation-delay: .3s !important
}

.delay_400 {
	-webkit-animation-delay: .4s !important;
	animation-delay: .4s !important
}

.delay_500 {
	-webkit-animation-delay: .5s !important;
	animation-delay: .5s !important
}

.delay_600 {
	-webkit-animation-delay: .6s !important;
	animation-delay: .6s !important
}

.delay_700 {
	-webkit-animation-delay: .7s !important;
	animation-delay: .7s !important
}

.delay_800 {
	-webkit-animation-delay: .8s !important;
	animation-delay: .8s !important
}

.delay_900 {
	-webkit-animation-delay: .9s !important;
	animation-delay: .9s !important
}

.delay_1000 {
	-webkit-animation-delay: 1s !important;
	animation-delay: 1s !important
}

.delay_1100 {
	-webkit-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important
}

.delay_1200 {
	-webkit-animation-delay: 1.2s !important;
	animation-delay: 1.2s !important
}

/*vc fadeInUp fadeInLeft fadeInBottom fadeInRight*/
@-webkit-keyframes dng-fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes dng-fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

html .fadeInDown {
	-webkit-animation-name: dng-fadeInDown;
	animation-name: dng-fadeInDown;
	-webkit-animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
}


@-webkit-keyframes dng-fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes dng-fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

html .fadeInLeft {
	-webkit-animation-name: dng-fadeInLeft;
	animation-name: dng-fadeInLeft;
	-webkit-animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
}

@-webkit-keyframes dng-fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes dng-fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

html .fadeInRight {
	-webkit-animation-name: dng-fadeInRight;
	animation-name: dng-fadeInRight;
	-webkit-animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
}

@-webkit-keyframes dng-fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes dng-fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

html .fadeInUp {
	-webkit-animation-name: dng-fadeInUp;
	animation-name: dng-fadeInUp;
	-webkit-animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
}

html .fadeIn {
	-webkit-animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
}

@-webkit-keyframes dng-clipY {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 150%, 0);
		transform: translate3d(0, 150%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes dng-clipY {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 150%, 0);
		transform: translate3d(0, 150%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

html .clipY {
	-webkit-animation-name: dng-clipY;
	animation-name: dng-clipY;
	-webkit-animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	animation-timing-function: cubic-bezier(.31, 0.92, .31, 0.92);
	-webkit-transform: translate3d(0, 150%, 0);
	transform: translate3d(0, 150%, 0)
}

.clip-wrap {
	vertical-align: middle;
}

.clip-wrap .clipY {
	opacity: 1;
}







/*dng-play*/
.dng-play-box {
	position: relative;
	display: inline-block;
}

.dng-play-button span {
	display: inline-block;
	width: 48px;
	height: 48px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	font-size: 22px;
	z-index: 2;
}

.dng-play-button span i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dng-play-button span i.fa-caret-right {
	-webkit-transform: translate(-25%, -50%);
	transform: translate(-25%, -50%);
}

.dng-play-button {
	color: #fff;
}

.dng-play-button:link,
.dng-play-button:active,
.dng-play-button:visited,
.dng-play-button:hover {
	color: #333;
}

.dng-play-button span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: inherit;
	border-radius: 50%;
	opacity: 0.2;
	z-index: -1;
	-webkit-animation: dng-hotspot-effect 2s infinite;
	animation: dng-hotspot-effect 2s infinite;
}


.dng-play-box.size-xs .dng-play-button span {
	width: 24px;
	height: 24px;
	font-size: 12px;

}

.dng-play-box.size-sm .dng-play-button span {
	width: 32px;
	height: 32px;
	font-size: 16px;
}

.dng-play-box.size-lg .dng-play-button span {
	width: 64px;
	height: 64px;
	font-size: 28px;
}

.dng-play-box.size-xl .dng-play-button span {
	width: 80px;
	height: 80px;
	font-size: 34px;
}

.dng-play-box img {
	max-width: 100%;
}

.dng-play-box.has-image .dng-play-button span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dng-play-box .mask-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.dng-play-box.has-image.hover-buttton .dng-play-button span,
.dng-play-box.has-image.hover-buttton .mask-layer {
	opacity: 0;
	-webkit-transition: opacity ease-in 200ms;
	/* Safari and Chrome */
	transition: opacity ease-in 200ms;
}

.dng-play-box.has-image.hover-buttton:hover .dng-play-button span,
.dng-play-box.has-image.hover-buttton:hover .mask-layer {
	opacity: 1;
}

.dng-play-box.has-image.imagelink .dng-play-button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}





/*========================================================
//   Expansion CSS
//   Start
//======================================================== */

/* Font Size */
.fs-2x {
	font-size: 2em !important;
}

.fs-3x {
	font-size: 3em !important;
}

.fs-4x {
	font-size: 4em !important;
}

.fs-5x {
	font-size: 5em !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-15 {
	font-size: 15px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-22 {
	font-size: 22px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-26 {
	font-size: 26px !important;
}

.font-28 {
	font-size: 28px !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-32 {
	font-size: 32px !important;
}

.font-36 {
	font-size: 36px !important;
}

.font-38 {
	font-size: 38px !important;
}

.font-40 {
	font-size: 40px !important;
}

.font-42 {
	font-size: 42px !important;
}

.font-44 {
	font-size: 44px !important;
}

.font-48 {
	font-size: 48px !important;
}

.font-50 {
	font-size: 50px !important;
}

.font-56 {
	font-size: 56px !important;
}

.font-60 {
	font-size: 60px !important;
}

.font-100 {
	font-size: 100px !important;
}

.font-140 {
	font-size: 140px !important;
}

.font-160 {
	font-size: 160px !important;
}

.font-220 {
	font-size: 220px !important;
}

@media only screen and (min-width: 1600px) {
	.font-12-lg {
		font-size: 12px !important;
	}

	.font-13-lg {
		font-size: 13px !important;
	}

	.font-14-lg {
		font-size: 14px !important;
	}

	.font-15-lg {
		font-size: 15px !important;
	}

	.font-16-lg {
		font-size: 16px !important;
	}

	.font-18-lg {
		font-size: 18px !important;
	}

	.font-20-lg {
		font-size: 20px !important;
	}

	.font-22-lg {
		font-size: 22px !important;
	}

	.font-24-lg {
		font-size: 24px !important;
	}

	.font-26-lg {
		font-size: 26px !important;
	}

	.font-28-lg {
		font-size: 28px !important;
	}

	.font-30-lg {
		font-size: 30px !important;
	}

	.font-32-lg {
		font-size: 32px !important;
	}

	.font-36-lg {
		font-size: 36px !important;
	}

	.font-36-lg {
		font-size: 38px !important;
	}

	.font-40-lg {
		font-size: 40px !important;
	}

	.font-42-lg {
		font-size: 42px !important;
	}

	.font-44-lg {
		font-size: 44px !important;
	}

	.font-48-lg {
		font-size: 48px !important;
	}

	.font-50-lg {
		font-size: 50px !important;
	}

	.font-56-lg {
		font-size: 56px !important;
	}

	.font-60-lg {
		font-size: 60px !important;
	}

	.font-100-lg {
		font-size: 100px !important;
	}

	.font-140-lg {
		font-size: 140px !important;
	}

	.font-160-lg {
		font-size: 160px !important;
	}

	.font-220-lg {
		font-size: 220px !important;
	}

}

@media only screen and (max-width: 1199px) {
	.font-12-md {
		font-size: 12px !important;
	}

	.font-13-md {
		font-size: 13px !important;
	}

	.font-14-md {
		font-size: 14px !important;
	}

	.font-15-md {
		font-size: 15px !important;
	}

	.font-16-md {
		font-size: 16px !important;
	}

	.font-18-md {
		font-size: 18px !important;
	}

	.font-20-md {
		font-size: 20px !important;
	}

	.font-22-md {
		font-size: 22px !important;
	}

	.font-24-md {
		font-size: 24px !important;
	}

	.font-26-md {
		font-size: 26px !important;
	}

	.font-28-md {
		font-size: 28px !important;
	}

	.font-30-md {
		font-size: 30px !important;
	}

	.font-32-md {
		font-size: 32px !important;
	}

	.font-36-md {
		font-size: 36px !important;
	}

	.font-38-md {
		font-size: 38px !important;
	}

	.font-40-md {
		font-size: 40px !important;
	}

	.font-42-md {
		font-size: 42px !important;
	}

	.font-44-md {
		font-size: 44px !important;
	}

	.font-48-md {
		font-size: 48px !important;
	}

	.font-50-md {
		font-size: 50px !important;
	}

	.font-56-md {
		font-size: 56px !important;
	}

	.font-60-md {
		font-size: 60px !important;
	}

	.font-100-md {
		font-size: 100px !important;
	}

	.font-140-md {
		font-size: 140px !important;
	}

	.font-160-md {
		font-size: 160px !important;
	}

	.font-220-md {
		font-size: 220px !important;
	}
}

@media only screen and (max-width: 991px) {
	.font-12-sm {
		font-size: 12px !important;
	}

	.font-13-sm {
		font-size: 13px !important;
	}

	.font-14-sm {
		font-size: 14px !important;
	}

	.font-15-sm {
		font-size: 15px !important;
	}

	.font-16-sm {
		font-size: 16px !important;
	}

	.font-18-sm {
		font-size: 18px !important;
	}

	.font-20-sm {
		font-size: 20px !important;
	}

	.font-22-sm {
		font-size: 22px !important;
	}

	.font-24-sm {
		font-size: 24px !important;
	}

	.font-26-sm {
		font-size: 26px !important;
	}

	.font-28-sm {
		font-size: 28px !important;
	}

	.font-30-sm {
		font-size: 30px !important;
	}

	.font-32-sm {
		font-size: 32px !important;
	}

	.font-36-sm {
		font-size: 36px !important;
	}

	.font-38-sm {
		font-size: 38px !important;
	}

	.font-40-sm {
		font-size: 40px !important;
	}

	.font-42-sm {
		font-size: 42px !important;
	}

	.font-44-sm {
		font-size: 44px !important;
	}

	.font-48-sm {
		font-size: 48px !important;
	}

	.font-50-sm {
		font-size: 50px !important;
	}

	.font-56-sm {
		font-size: 56px !important;
	}

	.font-60-sm {
		font-size: 60px !important;
	}

	.font-100-sm {
		font-size: 100px !important;
	}

	.font-140-sm {
		font-size: 140px !important;
	}

	.font-160-sm {
		font-size: 160px !important;
	}

	.font-220-sm {
		font-size: 220px !important;
	}
}

@media only screen and (max-width:767px) {
	.font-12-xs {
		font-size: 12px !important;
	}

	.font-13-xs {
		font-size: 13px !important;
	}

	.font-14-xs {
		font-size: 14px !important;
	}

	.font-15-xs {
		font-size: 15px !important;
	}

	.font-16-xs {
		font-size: 16px !important;
	}

	.font-18-xs {
		font-size: 18px !important;
	}

	.font-20-xs {
		font-size: 20px !important;
	}

	.font-22-xs {
		font-size: 22px !important;
	}

	.font-24-xs {
		font-size: 24px !important;
	}

	.font-26-xs {
		font-size: 26px !important;
	}

	.font-28-xs {
		font-size: 28px !important;
	}

	.font-30-xs {
		font-size: 30px !important;
	}

	.font-32-xs {
		font-size: 32px !important;
	}

	.font-36-xs {
		font-size: 36px !important;
	}

	.font-38-xs {
		font-size: 38px !important;
	}

	.font-40-xs {
		font-size: 40px !important;
	}

	.font-42-xs {
		font-size: 42px !important;
	}

	.font-44-xs {
		font-size: 44px !important;
	}

	.font-48-xs {
		font-size: 48px !important;
	}

	.font-50-xs {
		font-size: 50px !important;
	}

	.font-56-xs {
		font-size: 56px !important;
	}

	.font-60-xs {
		font-size: 60px !important;
	}

	.font-100-xs {
		font-size: 100px !important;
	}

	.font-140-xs {
		font-size: 140px !important;
	}

	.font-160-xs {
		font-size: 160px !important;
	}

	.font-220-xs {
		font-size: 220px !important;
	}

}

.line-height-1 {
	line-height: 1 !important;
}

.line-height-1_1 {
	line-height: 1.1 !important;
}

.line-height-1_2 {
	line-height: 1.2 !important;
}

.line-height-1_3 {
	line-height: 1.3 !important;
}

.line-height-1_4 {
	line-height: 1.4 !important;
}

.line-height-1_5 {
	line-height: 1.5 !important;
}

.line-height-1_65 {
	line-height: 1.65 !important;
}

.line-height-1_7 {
	line-height: 1.7 !important;
}

.line-height-1_75 {
	line-height: 1.75 !important;
}

.line-height-1_8 {
	line-height: 1.8 !important;
}

.line-height-1_85 {
	line-height: 1.85 !important;
}

.line-height-2 {
	line-height: 2 !important;
}

.line-height-2_2 {
	line-height: 2.2 !important;
}

/*overlaypanel*/
.overlaypanel-fullscreen {
	margin: -15px;
	margin-bottom: 0;
}

/* Min Height */
.min-height-100vh {
	min-height: 100vh !important;
}

/* Text Decoration */
.text-decoration-none,
.text-decoration-none a {
	text-decoration: none !important;
}

/* Images */
.sing-img-auto img {
	max-width: initial !important;
	min-width: initial !important;
}

@media only screen and (min-width: 1200px) {
	.sing-img-auto-lg img {
		max-width: initial !important;
		min-width: initial !important;
	}
}

@media only screen and (min-width: 992px) {
	.sing-img-auto-md img {
		max-width: initial !important;
		min-width: initial !important;
	}
}

@media only screen and (min-width: 768px) {
	.sing-img-auto-sm img {
		max-width: initial !important;
		min-width: initial !important;
	}
}

.img-left-200 img {
	max-width: 200% !important;
}

.img-left-200 .single-image {
	direction: rtl !important;
}

.img-right-200 img {
	max-width: 200% !important;
}

@media only screen and (max-width: 991px) {

	.img-left-200 img,
	.img-right-200 img {
		max-width: 100% !important;
	}
}

/* Radius */
.radius-0px {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}

.radius-1px {
	border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
}

.radius-2px {
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
}

.radius-3px {
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.radius-4px {
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
}

.radius-5px {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}

.radius-6px {
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
}

.radius-7px {
	border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
}

.radius-8px {
	border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
}

.radius-9px {
	border-radius: 9px !important;
	-moz-border-radius: 9px !important;
	-webkit-border-radius: 9px !important;
}

.radius-10px {
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
}

.radius-15px {
	border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

.radius-semi-circle {
	border-radius: 1000px !important;
	-moz-border-radius: 1000px !important;
	-webkit-border-radius: 1000px !important;
}

.radius-100 {
	border-radius: 100% !important;
	-moz-border-radius: 100% !important;
	-webkit-border-radius: 100% !important;
}

/* Sep Line */
.sep_line {
	height: 1px;
	border-top: 1px solid #ebebeb;
	display: block;
	position: relative;
	top: 1px;
	width: 100%;
}

.line-width-10 {
	width: 10% !important;
	margin-left: auto;
	margin-right: auto;
}

/* Border */
.border-top {
	border-top: 1px solid #ebebeb;
}

.border-right {
	border-right: 1px solid #ebebeb;
}

.border-bottom {
	border-bottom: 1px solid #ebebeb;
}

.border-left {
	border-left: 1px solid #ebebeb;
}

.dashed-top {
	border-top: 1px dashed #dedede;
}

.dashed-right {
	border-right: 1px dashed #dedede;
}

.dashed-bottom {
	border-bottom: 1px dashed #dedede;
}

.dashed-left {
	border-left: 1px dashed #dedede;
}

/* Background Size */
.background-size-45 {
	background-size: 45% !important;
}

.background-size-50 {
	background-size: 50% !important;
}

.background-size-20 {
	background-size: 20% !important;
}

@media only screen and (max-width: 767px) {

	.background-size-45,
	.background-size-50,
	.background-size-20,
	.background-size {
		background-image: none !important;
	}
}

/* None Border */
@media only screen and (max-width: 767px) {

	.none-border-xs,
	.none-border-xs>.dng-column-inner {
		border: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.none-border-sm,
	.none-border-sm>.dng-column-inner {
		border: 0 !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.none-border-md,
	.none-border-md>.dng-column-inner {
		border: 0 !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	.none-border-lg,
	.none-border-lg>.dng-column-inner {
		border: 0 !important;
	}
}

@media only screen and (min-width: 1600px) {

	.none-border-xl,
	.none-border-xl>.dng-column-inner {
		border: 0 !important;
	}
}

/* Margin Reset */
@media (max-width: 767px) {

	body .margin-reset-xs,
	body .margin-reset-xs>.dng-column-inner {
		margin: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	body .margin-reset-sm,
	body .margin-reset-sm>.dng-column-inner {
		margin: 0 !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	body .margin-reset-md,
	body .margin-reset-md>.dng-column-inner {
		margin: 0 !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	body .margin-reset-lg,
	body .margin-reset-lg>.dng-column-inner {
		margin: 0 !important;
	}
}

@media only screen and (min-width: 1600px) {

	body .margin-reset-xl,
	body .margin-reset-xl>.dng-column-inner {
		margin: 0 !important;
	}
}

/* Padding Reset */
@media (max-width: 767px) {

	body .padding-reset-xs,
	body .padding-reset-xs>.dng-column-inner {
		padding: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	body .padding-reset-sm,
	body .padding-reset-sm>.dng-column-inner {
		padding: 0 !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	body .padding-reset-md,
	body .padding-reset-md>.dng-column-inner {
		padding: 0 !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	body .padding-reset-lg,
	body .padding-reset-lg>.dng-column-inner {
		padding: 0 !important;
	}
}

@media only screen and (min-width: 1600px) {

	body .padding-reset-xl,
	body .padding-reset-xl>.dng-column-inner {
		padding: 0 !important;
	}
}

/* Border Reset */
@media (max-width: 767px) {

	body .border-reset-xs,
	body .border-reset-xs>.dng-column-inner {
		border: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	body .border-reset-sm,
	body .border-reset-sm>.dng-column-inner {
		border: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	body .border-reset-md,
	body .border-reset-md>.dng-column-inner {
		border: none !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	body .border-reset-lg,
	body .border-reset-lg>.dng-column-inner {
		border: none !important;
	}
}

@media only screen and (min-width: 1600px) {

	body .border-reset-xl,
	body .border-reset-xl>.dng-column-inner {
		border: none !important;
	}
}

/* Bakcground Postion */
body .bakcground-position-x-left,
body .bakcground-position-x-left>.dng-column-inner {
	background-position-x: left !important;
}

body .bakcground-position-x-center,
body .bakcground-position-x-center>.dng-column-inner {
	background-position-x: center !important;
}

body .bakcground-position-x-left,
body .bakcground-position-x-left>.dng-column-inner {
	background-position-x: left !important;
}

body .bakcground-position-y-top,
body .bakcground-position-y-top>.dng-column-inner {
	background-position-y: top !important;
}

body .bakcground-position-y-center,
body .bakcground-position-y-center>.dng-column-inner {
	background-position-y: center !important;
}

body .bakcground-position-y-bottom,
body .bakcground-position-y-bottom>.dng-column-inner {
	background-position-y: bottom !important;
}

@media (max-width: 767px) {

	body .bakcground-position-x-left-xs,
	body .bakcground-position-x-left-xs>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-x-center-xs,
	body .bakcground-position-x-center-xs>.dng-column-inner {
		background-position-x: center !important;
	}

	body .bakcground-position-x-left-xs,
	body .bakcground-position-x-left-xs>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-y-top-xs,
	body .bakcground-position-y-top-xs>.dng-column-inner {
		background-position-y: top !important;
	}

	body .bakcground-position-y-center-xs,
	body .bakcground-position-y-center-xs>.dng-column-inner {
		background-position-y: center !important;
	}

	body .bakcground-position-y-bottom-xs,
	body .bakcground-position-y-bottom-xs>.dng-column-inner {
		background-position-y: bottom !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	body .bakcground-position-x-left-sm,
	body .bakcground-position-x-left-sm>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-x-center-sm,
	body .bakcground-position-x-center-sm>.dng-column-inner {
		background-position-x: center !important;
	}

	body .bakcground-position-x-left-sm,
	body .bakcground-position-x-left-sm>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-y-top-sm,
	body .bakcground-position-y-top-sm>.dng-column-inner {
		background-position-y: top !important;
	}

	body .bakcground-position-y-center-sm,
	body .bakcground-position-y-center-sm>.dng-column-inner {
		background-position-y: center !important;
	}

	body .bakcground-position-y-bottom-sm,
	body .bakcground-position-y-bottom-sm>.dng-column-inner {
		background-position-y: bottom !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	body .bakcground-position-x-left-md,
	body .bakcground-position-x-left-md>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-x-center-md,
	body .bakcground-position-x-center-md>.dng-column-inner {
		background-position-x: center !important;
	}

	body .bakcground-position-x-left-md,
	body .bakcground-position-x-left-md>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-y-top-md,
	body .bakcground-position-y-top-md>.dng-column-inner {
		background-position-y: top !important;
	}

	body .bakcground-position-y-center-md,
	body .bakcground-position-y-center-md>.dng-column-inner {
		background-position-y: center !important;
	}

	body .bakcground-position-y-bottom-md,
	body .bakcground-position-y-bottom-md>.dng-column-inner {
		background-position-y: bottom !important;
	}
}

@media (min-width: 1200px) {

	body .bakcground-position-x-left-lg,
	body .bakcground-position-x-left-lg>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-x-center-lg,
	body .bakcground-position-x-center-lg>.dng-column-inner {
		background-position-x: center !important;
	}

	body .bakcground-position-x-left-lg,
	body .bakcground-position-x-left-lg>.dng-column-inner {
		background-position-x: left !important;
	}

	body .bakcground-position-y-top-lg,
	body .bakcground-position-y-top-lg>.dng-column-inner {
		background-position-y: top !important;
	}

	body .bakcground-position-y-center-lg,
	body .bakcground-position-y-center-lg>.dng-column-inner {
		background-position-y: center !important;
	}

	body .bakcground-position-y-bottom-lg,
	body .bakcground-position-y-bottom-lg>.dng-column-inner {
		background-position-y: bottom !important;
	}
}

/* Background Size */
body .background-size-cover,
body .background-size-cover>.upb_row_bg,
body .background-size-cover>.dng-column-inner {
	background-size: cover !important;
}

body .background-size-contain,
body .background-size-contain>.upb_row_bg,
body .background-size-contain>.dng-column-inner {
	background-size: contain !important;
}

body .background-size-initial,
body .background-size-initial>.upb_row_bg,
body .background-size-initial>.dng-column-inner {
	background-size: initial !important;
}

@media (max-width: 767px) {

	body .background-size-cover-xs,
	body .background-size-cover-xs>.upb_row_bg,
	body .background-size-cover-xs>.dng-column-inner {
		background-size: cover !important;
	}

	body .background-size-contain-xs,
	body .background-size-contain-xs>.upb_row_bg,
	body .background-size-contain-xs>.dng-column-inner {
		background-size: contain !important;
	}

	body .background-size-initial-xs,
	body .background-size-initial-xs>.upb_row_bg,
	body .background-size-initial-xs>.dng-column-inner {
		background-size: initial !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	body .background-size-cover-sm,
	body .background-size-cover-sm>.upb_row_bg,
	body .background-size-cover-sm>.dng-column-inner {
		background-size: cover !important;
	}

	body .background-size-contain-sm,
	body .background-size-contain-sm>.upb_row_bg,
	body .background-size-contain-sm>.dng-column-inner {
		background-size: contain !important;
	}

	body .background-size-initial-sm,
	body .background-size-initial-sm>.upb_row_bg,
	body .background-size-initial-sm>.dng-column-inner {
		background-size: initial !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	body .background-size-cover-md,
	body .background-size-cover-md>.upb_row_bg,
	body .background-size-cover-md>.dng-column-inner {
		background-size: cover !important;
	}

	body .background-size-contain-md,
	body .background-size-contain-md>.upb_row_bg,
	body .background-size-contain-md>.dng-column-inner {
		background-size: contain !important;
	}

	body .background-size-initial-md,
	body .background-size-initial-md>.upb_row_bg,
	body .background-size-initial-md>.dng-column-inner {
		background-size: initial !important;
	}
}

/* Background Image */
@media (max-width: 767px) {

	body .background-image-hide-xs,
	body .background-image-hide-xs>.upb_row_bg,
	body .background-image-hide-xs>.dng-column-inner,
	body .background-image-hide-xs>.vc_parallax-inner {
		background-image: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	body .background-image-hide-sm,
	body .background-image-hide-sm>.upb_row_bg,
	body .background-image-hide-sm>.dng-column-inner,
	body .background-image-hide-sm>.vc_parallax-inner {
		background-image: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	body .background-image-hide-md,
	body .background-image-hide-md>.upb_row_bg,
	body .background-image-hide-md>.dng-column-inner,
	body .background-image-hide-md>.vc_parallax-inner {
		background-image: none !important;
	}
}

.relative-z-index_-1 {
	position: relative;
	z-index: -1;
}

.relative-z-index_0 {
	position: relative;
	z-index: 0;
}

.relative-z-index_99 {
	position: relative;
	z-index: 99;
}

.absolute-z-index_-1 {
	position: absolute;
	z-index: -1;
}

.absolute-z-index_0 {
	position: absolute;
	z-index: 0;
}

.absolute-z-index_99 {
	position: absolute;
	z-index: 99;
}

.relative {
	position: relative;
}

.fullPane {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.z-index_-1 {
	z-index: -1;
}

.z-index_0 {
	z-index: 0;
}

.z-index_9 {
	z-index: 99;
}

.user-select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Opacity */
.opacity-0 {
	opacity: 0 !important;
}

.opacity-5 {
	opacity: .05 !important;
}

.opacity-10 {
	opacity: .1 !important;
}

.opacity-15 {
	opacity: .15 !important;
}

.opacity-20 {
	opacity: .2 !important;
}

.opacity-25 {
	opacity: .25 !important;
}

.opacity-30 {
	opacity: .3 !important;
}

.opacity-35 {
	opacity: .35 !important;
}

.opacity-40 {
	opacity: .4 !important;
}

.opacity-45 {
	opacity: .45 !important;
}

.opacity-50 {
	opacity: .5 !important;
}

.opacity-55 {
	opacity: .55 !important;
}

.opacity-60 {
	opacity: .6 !important;
}

.opacity-65 {
	opacity: .65 !important;
}

.opacity-70 {
	opacity: .7 !important;
}

.opacity-75 {
	opacity: .75 !important;
}

.opacity-80 {
	opacity: .8 !important;
}

.opacity-85 {
	opacity: .25 !important;
}

.opacity-90 {
	opacity: .9 !important;
}

.opacity-95 {
	opacity: .95 !important;
}

.opacity-100 {
	opacity: 1 !important;
}

/* Banner */
.banner-arrow {
	position: relative;
	left: 50%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	z-index: 99;
	transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	/* IE 9 */
	-moz-transform: translate3d(-50%, 0, 0);
	/* Firefox */
	-webkit-transform: translate3d(-50%, 0, 0);
	/* Safari 和 Chrome */
	-o-transform: translate3d(-50%, 0, 0);
	/* Opera */
}

@media only screen and (max-width: 767px) {
	.banner-arrow.mobile_hide {
		display: none;
	}
}

@keyframes arrow-movement {
	0% {
		opacity: 0;
		top: 0;
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.banner-arrow .arrow {
	opacity: 0;
	position: absolute;
	left: 12%;
	top: 15px;
	transform-origin: 50% 50%;
	transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	/* IE 9 */
	-moz-transform: translate3d(-50%, -50%, 0);
	/* Firefox */
	-webkit-transform: translate3d(-50%, -50%, 0);
	/* Safari 和 Chrome */
	-o-transform: translate3d(-50%, -50%, 0);
	/* Opera */
}

.banner-arrow .arrow-first {
	animation: arrow-movement 1.5s ease-in-out infinite;
}

.banner-arrow .arrow-second {
	animation: arrow-movement 1.5s 0.75s ease-in-out infinite;
}

.banner-arrow .arrow:before,
.banner-arrow .arrow:after {
	background: #666;
	content: "";
	display: block;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
}

.banner-arrow .arrow:before {
	transform: rotate(45deg) translateX(-15%);
	transform-origin: top left;
}

.banner-arrow .arrow:after {
	transform: rotate(-45deg) translateX(15%);
	transform-origin: top right;
}

.banner-arrow .arrow:before,
.banner-arrow .arrow:after {
	background: #fff;
}

.banner-arrow .arrow:before,
.banner-arrow .arrow:after {
	background-color: #FFFFFF;
}


/* From */
.form-label-center .dg-form-content.form-line .form-control-wrap>label {
	left: 50%;
	-ms-transform: translateX(-50%);
	/* Internet Explorer */
	-moz-transform: translateX(-50%);
	/* Firefox */
	-webkit-transform: translateX(-50%);
	/* Safari 和 Chrome */
	-o-transform: translateX(-50%);
	/* Opera */
	transform: translateX(-50%);
}

.form-label-center .dg-form-content.form-line .form-control-wrap>.form_input input {
	text-align: center;
}

/*========================================================
//   Expansion CSS
//   End
//======================================================== */

/*========================================================
//   Page CSS
//   Start
//======================================================== */

.detail-plane {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	background-color: #f9f9f9;
}

/*contact03*/
.contact03-box {
	-moz-box-shadow: 0px 0px 20px 3px #e4e4e4;
	-webkit-box-shadow: 0px 0px 20px 3px #e4e4e4;
	box-shadow: 0px 0px 20px 3px #e4e4e4;
	margin-top: -150px;
	position: relative;
	z-index: 10;
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
	.contact03-box {
		margin-top: -80px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.contact03-box {
		margin-top: -35px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/*business02 aboutus*/
@media only screen and (min-width:992px) {
	.business02-aboutus-position {
		position: absolute;
		top: 134px;
	}
}

/*business06 ourservice*/
.business06-line {
	position: absolute !important;
	top: 100px;
	bottom: 100px;
}

.business06-line>div {
	max-width: 1350px;
	height: 100%;
	margin: 0 auto;
}


/*business07*/
div.business07-shadow-sm {
	box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.17) !important;
	-moz-box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.17) !important;
	-webkit-box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.17) !important;
}

.business07-title-bg {
	background: url(../images/business07/home-title-bg.png) no-repeat center center;
	background-size: contain;
}

@media only screen and (min-width: 768px) {
	.theme-title-horline-before .title:before {
		content: "";
		display: inline-block;
		width: 86px;
		border-top: 1px solid #b8b8b8 !important;
		margin-right: 16px;
		vertical-align: middle;
	}

	.business07-title-horline-after .title:after {
		content: "";
		display: inline-block;
		width: 86px;
		border-top: 1px solid #4c61fe !important;
		border-color: inherit !important;
		margin-left: 16px;
		vertical-align: middle;
	}

	.business07-title-horline-after.horline-border-white .title:after {
		border-top-color: #fff !important;
	}
}

.home-rich-textbg {
	word-wrap: normal;
}

.home-bright-textbg {
	word-wrap: normal;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.home-rich-textbg {
		margin-bottom: -85px !important;
		font-size: 140px !important;
	}

	.home-bright-textbg {
		margin-bottom: -55px !important;
		font-size: 100px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.home-rich-textbg {
		margin-bottom: -85px !important;
		font-size: 140px !important;
	}

	.home-bright-textbg {
		margin-bottom: -50px !important;
		font-size: 75px !important;
	}
}

@media only screen and (max-width: 767px) {
	.home-rich-textbg {
		margin-bottom: -85px !important;
		font-size: 140px !important;
	}

	.home-bright-textbg {
		margin-bottom: -50px !important;
		font-size: 85px !important;
	}
}

ul.business07-hover-white a:hover,
div.business07-hover-white a:hover {
	color: #fff !important;
	text-decoration: none;
}


@media only screen and (max-width:1199px) {
	.business07-bgimg-contain-md {
		background-size: contain !important;
	}
}

.business07-numline:after {
	display: inline-block;
	content: "";
	width: 16px;
	border-top: 2px solid #4c61fe;
	border-color: inherit;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 10px;
	margin-left: 4px;
}

/*app02>home*/
.home12-banner-img {
	margin-top: -270px;
}

@media only screen and (max-width: 1366px) {
	.home12-banner-img {
		margin-top: -190px;
	}
}

@media only screen and (max-width: 991px) {
	.home12-banner-img {
		margin-top: 0;
	}
}

/*dngtheme>home*/
.dngtheme-title-squarebg {
	background: url(../images/dng-theme-pro/theme-title-bg.png) no-repeat center;
	background-size: contain;
}

.dngtheme-title-circlebg {
	margin-left: -62px !important;
	padding-top: 107px !important;
	padding-left: 62px !important;
	background: url(../images/dng-theme-pro/theme-title-circlebg.png) no-repeat;
}

.dngtheme-title-greencirclebg {
	margin-left: -35px;
	padding-top: 40px;
	padding-left: 35px;
	background: url("../images/dng-theme-pro/theme-ttile-onlycircle.png") no-repeat;
}

.dngtheme-special-bgtext {
	font-size: 230px;
	word-wrap: normal;
	margin-left: -305px;
	margin-top: -73px;
}

@media only screen and (max-width:991px) {
	.dngtheme-special-bgtext {
		font-size: 170px;
	}
}

@media only screen and (max-width:767px) {
	.dngtheme-special-bgtext {
		font-size: 80px;
	}
}

div.home-destokbox01-mgchange {
	margin-right: -447px;
	margin-bottom: -400px;
	margin-left: -115px;
}

div.home-destokbox02-mgchange {
	margin-right: -447px;
	margin-bottom: -400px;
	margin-left: -11px;
}

div.home-destokbox03-mgchange {
	margin-right: -447px;
	margin-bottom: -400px;
	margin-left: -64px;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	div.home-destokbox01-mgchange {
		margin-bottom: -60px !important;
		margin-left: -24px !important;
		margin-right: -24px !important;
	}

	div.home-destokbox02-mgchange {
		margin-bottom: -263px !important;
	}

	div.home-destokbox03-mgchange {
		margin-bottom: -440px !important;
		margin-top: -10px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	div.home-destokbox01-mgchange {
		margin-bottom: -60px !important;
		margin-left: -18px !important;
		margin-right: -18px !important;
	}

	div.home-destokbox02-mgchange {
		margin-bottom: -263px !important;
	}

	div.home-destokbox03-mgchange {
		margin-bottom: -440px !important;
		margin-top: -8px !important;
	}
}

@media only screen and (max-width:767px) {
	div.home-destokbox01-mgchange {
		margin-bottom: -60px !important;
		margin-left: -30px !important;
		margin-right: -30px !important;
	}

	div.home-destokbox02-mgchange {
		margin-bottom: -263px !important;
	}

	div.home-destokbox03-mgchange {
		margin-bottom: -440px !important;
	}
}

.theme-title-horline-after .title:after {
	content: "";
	display: inline-block;
	width: 86px;
	border-top: 1px solid #b8b8b8 !important;
	margin-left: 16px;
	vertical-align: middle;
}

.home-core-shadowmd {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.home-core-shadowmd:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

/*dngtheme>elements>icons*/
.svg-icon-list {
	text-align: center;
}

.svg-icon-list .icon-svg {
	width: 64px;
	height: 64px;
	font-size: 64px;
}

.fontawesome-icon-list .fa-hover {
	display: block;
	color: #222222;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
	cursor: pointer
}

.fontawesome-icon-list .fa-hover .fa {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px
}

.fontawesome-icon-list .fa-hover:hover {
	color: #ffffff;
	text-decoration: none
}

.fontawesome-icon-list .fa-hover:hover .fa {
	font-size: 28px;
	vertical-align: -6px
}



#iconfa5 i,
#iconlnr i{
    display: inline-block;
    line-height: 1.2;
    width: calc(25% - 15px);
    margin: 0 10px 10px 0;
    vertical-align: top;
    padding: 8px 15px;
    border-radius: 5px;
    position: relative;
    padding-left: 50px;
    transition: all ease-in-out 300ms;
}
@media only screen and (max-width: 1200px) {
    #iconfa5 i, #iconlnr i{
        width: calc(33% - 15px);
    }
}
@media only screen and (max-width: 991px) {
    #iconfa5 i, #iconlnr i{
        width: calc(50% - 15px);
    }
}
@media only screen and (max-width: 767px) {
    #iconfa5 i, #iconlnr i{
        width: calc(50% - 5px);
    }
}
@media only screen and (max-width: 420px) {
    #iconfa5 i, #iconlnr i{
        width: 100%;
    }
}


#iconfa5 i::before,
#iconlnr i::before{
    width: 20px;
    display: inline-block;
    position: absolute;
    left: 15px;
    text-align: center;
    font-size: 18px
}
#iconfa5 i span,
#iconlnr i span{
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
}

#iconfa5 i:hover,
#iconlnr i:hover{
    background-color: #2c5cda;
    color: #fff;

}


.linear-icon-list .lnr-hover {
	display: block;
	color: #222222;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
	cursor: pointer
}

.linear-icon-list .lnr-hover .lnr {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px
}

.linear-icon-list .lnr-hover:hover {
	color: #ffffff;
	text-decoration: none
}

.linear-icon-list .lnr-hover:hover .lnr {
	font-size: 28px;
	vertical-align: -6px
}

/*app04*/
.app04-pt-title .title {
	font-size: 50px !important;
}

.app04-font-160 {
	font-size: 160px !important;
	word-wrap: normal !important;
}

.app04-textbg-stancesm {
	margin-bottom: -117px !important;
	margin-left: -115px !important;
}

.app04-textbg-stancexs {
	margin-bottom: -130px !important;
	margin-left: -115px !important;
}

.app04-textbg-stancexxs {
	margin-bottom: -120px !important;
	margin-left: -40px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.app04-font-160 {
		font-size: 80px !important;

	}

	.app04-pt-title .title {
		font-size: 36px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.app04-font-160 {
		font-size: 80px !important;

	}

	.app04-pt-title .title {
		font-size: 30px !important;
	}
}

@media only screen and (max-width: 767px) {
	.app04-font-160 {
		font-size: 75px !important;
	}

	.app04-pt-title .title {
		font-size: 24px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1199px) {
	.app04-textbg-stancesm {
		margin-left: -30px !important;
		margin-bottom: -60px !important;
	}

	.app04-textbg-stancexs {
		margin-left: -10px !important;
		margin-bottom: -60px !important;
	}

	.app04-textbg-stancexxs {
		margin-left: -30px !important;
		margin-bottom: -60px !important;
	}
}

@media only screen and (max-width:767px) {
	.app04-textbg-stancesm {
		margin-left: -10px !important;
		margin-bottom: -60px !important;
	}

	.app04-textbg-stancexs {
		margin-left: -10px !important;
		margin-bottom: -60px !important;
	}

	.app04-textbg-stancexxs {
		margin-left: -10px !important;
		margin-bottom: -60px !important;
	}
}

@media only screen and (max-width:767px) {
	.text-left-xs {
		text-align: left !important;
	}
}

@media only screen and (min-width:768px) {
	.app04-pt-title {
		margin-right: -100px;
		position: relative;
		z-index: 30;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.app04-ourservice-ptbg {
		background-position-x: left !important;
	}

	.app04-contactus-ptbg {
		background-position-y: -10px !important;
	}

}

@media only screen and (min-width:768px) and (max-width:991px) {
	.app04-ourservice-ptbg {
		background-position-y: -25px !important;
	}

	.app04-aboutus-ptbg {
		background-position-y: -70px !important;
	}

	.app04-contactus-ptbg {
		background-position-y: -110px !important;
	}

}

@media only screen and (max-width:767px) {
	.app04-ourservice-ptbg {
		background-position-y: -25px !important;
	}

	.app04-aboutus-ptbg {
		background-position-y: -50px !important;
	}

	.app04-contactus-ptbg {
		background-position-y: -50px !important;
	}
}

/*creative02*/
.home10_skew {
	position: relative;
}

.home10_skew:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: skew(0deg, -5.8deg);
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	display: inline-block !important;
}

.home10_skew_bg01:before {
	background-color: #20a3f0;
}

.home10_skew_bg01,
.home10_skew_bg02,
.home10_skew_bg03 {
	overflow: inherit !important;
	z-index: 100;
}

.home10-cont {
	text-align: center;
	position: relative;
}

.home10-cont .text_img:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
	height: 16px;
	z-index: -1;
	box-shadow: 0 0 100px #000;
}

.home10-cont .text_img {
	display: inline-block;
	position: relative;
	max-width: 58%;
}

.home10-cont .text_img img {
	max-width: 100%;
}

.home10-cont dl {
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	max-width: 17%;
	margin: 0;
}

.home10-cont dd {
	margin: 0;
}
.home10-cont dd,
.home10-cont dt{
	line-height: 1.42857143;
}

.home10-cont dl.text_right,
.home10-cont dl.text_right02 {
	left: auto;
	right: 0;
	text-align: left;
	top: 0;
}

.home10-cont dl.text_left,
.home10-cont dl.text_right {
	top: 30px;
}

.home10-cont dl.text_left02 {
	bottom: 80px;
	top: auto;
}

.home10-cont dl.text_right02 {
	top: auto;
	bottom: 130px;
}

.home10-cont dl dt {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	padding: 0 0 5px 0;
	line-height: 1.2;
}

.home10-cont dl .line:before,
.home10-cont dl .line:after {
	content: "";
	width: 11px;
	height: 11px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -4px;
}

.home10-cont dl .line:after {
	position: absolute;
	left: auto;
	top: auto;
	right: 0;
	bottom: -6px;
	background-color: #ffffff;
}

.home10-cont dl .line {
	border-bottom: 1px solid #FFF;
	position: absolute;
}

.home10-cont dl.text_left .line,
.home10-cont dl.text_right .line {
	width: 160px;
	border-bottom: 1px solid #FFF;
	position: absolute;
	right: -95%;
	top: 30px;
	height: 2px;
}

.home10-cont dl.text_right .line {
	left: -95%;
	right: auto;
}

.home10-cont dl.text_left02 .line,
.home10-cont dl.text_right02 .line {
	width: 160px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #fff;
	position: absolute;
	right: -95%;
	top: -36px;
	height: 72px;
}

.home10-cont dl.text_right02 .line {
	left: -95%;
	border-left: 1px solid #fff;
	border-right: 0;
}

.home10-cont dl.text_left02 .line:before {
	bottom: 0;
	top: auto;
	margin-bottom: -5px;
}

.home10-cont dl.text_left02 .line:after {
	top: 0;
	bottom: auto;
	margin: -4px -6px 0 0;
}

.home10-cont dl.text_right02 .line:before {
	right: 0;
	left: auto;
	top: auto;
	bottom: 0;
	margin: 0 -10px -5px 0;
}

.home10-cont dl.text_right02 .line:after {
	right: auto;
	left: 0;
	top: 0;
	bottom: auto;
	margin: -4px 0 0 -6px;
}

.home10-cont dl.text_right .line:before {
	bottom: 0;
	top: auto;
	margin: 0 -10px -6px 0px;
	right: 0;
	left: auto;
}

.home10-cont dl.text_right .line:after {
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	margin: -4px -6px 0 0;
}

@media only screen and (min-width:1600px) {
	.home10-cont .text_img {
		max-width: 65%;
	}

	.home10-cont dl.text_left .line,
	.home10-cont dl.text_right .line {
		width: 206px;
	}

	.home10-cont dl.text_right .line {
		left: -95%;
		right: auto;
	}

	.home10-cont dl.text_left02 .line,
	.home10-cont dl.text_right02 .line {
		width: 206px;
	}

	.home10-cont dl.text_left02 {
		bottom: 135px;
		top: auto;
	}

	.home10-cont dl.text_right02 {
		top: auto;
		bottom: 200px;
	}

	.home10-cont dl.text_left,
	.home10-cont dl.text_right {
		top: 60px;
	}
}

@media only screen and (min-width:900px) and (max-width: 1200px) {

	.home10-cont dl.text_left,
	.home10-cont dl.text_right {
		top: 0;
	}

	.home10-cont dl.text_left .line,
	.home10-cont dl.text_right .line,
	.home10-cont dl.text_left02 .line,
	.home10-cont dl.text_right02 .line {
		display: none;
	}

	.home10-cont .text_img {
		max-width: 50%;
	}

	.home10-cont dl {
		max-width: 23%;
	}

	.home10-cont dl.text_right02 {
		bottom: 80px;
	}
}

@media only screen and (max-width: 991px) {

	.home10-cont dl.text_left,
	.home10-cont dl.text_right {
		top: 0;
	}

	.home10-cont dl.text_left .line,
	.home10-cont dl.text_right .line,
	.home10-cont dl.text_left .line,
	.home10-cont dl.text_right .line {
		display: none;
	}

	.home10-cont dl {
		position: relative;
		text-align: left;
		max-width: 100%;
		padding: 15px 0;
		overflow: hidden;
	}

	.home10-cont dl.text_left02 {
		bottom: 0;
		top: auto;
	}

	.home10-cont dl.text_right02 {
		top: auto;
		bottom: 0;
	}

	.home10-cont .text_img {
		max-width: 100%;
		margin: 0 0 20px 0;
	}

	.home10-cont {
		padding: 0 0 60px 0;
	}
}

.home10-imgout {
	max-width: 100%;
	overflow: hidden;
	text-align: right;
	margin-top: 0;
	position: absolute !important;
	right: 0;
	bottom: -210px;
	z-index: -1;
}

.home10-imgout img {
	margin-left: 29%;
}

.dng-bg-skew {
	overflow: visible !important;
	-webkit-transform: skewY(-5.8deg);
	transform: skewY(-5.8deg);
}

.dng-bg-skew .dng-row {
	-webkit-transform: skewY(5.8deg);
	transform: skewY(5.8deg);
}

/* creative03*/
.home11-list [class*="col-"] {
	background-image: linear-gradient(left, rgba(225, 225, 224, 100) 20%, rgba(244, 244, 244, 100) 100%);
	background-image: -webkit-linear-gradient(left, rgba(225, 225, 224, 100) 20%, rgba(244, 244, 244, 100) 100%);
	background-image: -ms-linear-gradient(left, rgba(225, 225, 224, 100) 20%, rgba(244, 244, 244, 100) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e0', endColorstr='#f4f4f4', GradientType=1);
}

.home11-list img {
	display: inline-block;
	max-width: 40%;
	vertical-align: middle;
	padding: 75px 0 85px 0;
}

.home11-list div.home11-text-box {
	display: inline-block;
	max-width: 48%;
	vertical-align: middle;
	white-space: normal;
	text-align: left;
	padding: 20px 0;
	margin: 0 0% 0 2%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.home11-list img {
		padding: 0 0 0 0;
	}

	.home11-list .dng-row>div:first-child {
		padding: 30px 0 0 0;
	}

	.home11-list .dng-row>div:last-child {
		padding: 0 0 30px 0;
	}
}

@media only screen and (min-width: 1500px) {
	.home11-list div.home11-text-box {
		max-width: 48%;
		margin: 0 2% 0 8%;
	}
}

@media only screen and (max-width: 767px) {
	.home11-list div.home11-text-box {
		display: block;
		max-width: 100%;
		padding: 0 15px;
	}

	.home11-list img {
		display: block;
		max-width: 100%;
		padding: 0 0 0 0;
		margin: 0;
	}

	.home11-list .dng-row>div:first-child {
		padding: 30px 0 0 0;
	}

	.home11-list .dng-row>div:last-child {
		padding: 0 0 30px 0;
	}
}

.text-bg-top-160 {
	position: absolute;
	top: -1%;
	left: 88%;
	font-size: 160px;
	color: #f7f7f7;
	font-weight: 700;
	white-space: nowrap;
	line-height: 1;
	pointer-events: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.text-bg-top-160 {
		font-size: 120px
	}
}

@media only screen and (max-width: 991px) {
	.text-bg-top-160 {
		font-size: 60px;
		left: 0;
		top: 100%;
		display: none;
	}
}

.text-bg-left-top-160 {
	position: absolute;
	top: -1%;
	left: -30px;
	font-size: 160px;
	color: #f7f7f7;
	font-weight: 700;
	white-space: nowrap;
	line-height: 1;
	pointer-events: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.text-bg-left-top-160 {
		font-size: 120px
	}
}

@media only screen and (max-width: 991px) {
	.text-bg-left-top-160 {
		font-size: 60px;
		left: 0;
	}
}

/* splitfullpage01 */
.splitfullpage01-specialshortline:before {
	content: "";
	display: inline-block;
	width: 30px;
	border-bottom: 4px solid #fff;
	margin-bottom: 13px;
}

.splitfullpage01-left-line {
	margin-left: -1000px;
	padding-left: 1000px;
	opacity: 0.5;
}

.fixedheight-686>div {
	height: 686px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (max-width: 991px) {
	.fixedheight-686>div {
		height: auto;
	}

}

.position-rotate {
	position: absolute;
	top: -160px;
	left: -20px;
	transform-origin: left bottom;
	transform: rotate(90deg);
	-ms-transform-origin: left bottom;
	/* IE 9 */
	-ms-transform: rotate(90deg);
	-moz-transform-origin: left bottom;
	/* Firefox */
	-moz-transform: rotate(90deg);
	-webkit-transform-origin: left bottom;
	/* Safari 和 Chrome */
	-webkit-transform: rotate(90deg);
	-o-transform-origin: left bottom;
	/* Opera */
	-o-transform: rotate(90deg);
}

.position-rotate .title {
	letter-spacing: 0.24em;
}

.position-rotate .title:before {
	content: "";
	display: inline-block;
	width: 20px;
	border-bottom: 3px solid;
	vertical-align: middle;
	margin-right: 9px;
}

@media only screen and (min-width:768px) and (max-width:1350px) {
	.position-rotate {
		left: -10%;
		top: -60px;
	}
}

@media screen and (max-width: 767px) {
	.position-rotate {
		left: -18%;
		top: -12%;
		min-width: 400px;
	}
}

.mapheight-overhidden {
	overflow: hidden;
}

/* splitfullpage01 End */

/*fullpage */
@media only screen and (min-width:768px) {
	.formbtn-ml-_1 {
		margin-left: -1px !important;
	}
}

.fullpage-form input[type="text"],
.fullpage-form .btn {
	height: 45px !important;
}

.fullpage-form input[type="text"] {
	margin-top: -1px !important;
}

/*fullpage End*/

/* parallax02 */
@media only screen and (min-width: 1200px) {
	.parallax02-font-60 {
		font-size: 60px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.parallax02-font-60 {
		font-size: 50px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.parallax02-font-60 {
		font-size: 40px !important;
	}
}

@media only screen and (max-width: 767px) {
	.parallax02-font-60 {
		font-size: 30px !important;
	}
}

.background-size-58 {
	background-size: 58% !important;
}

@media only screen and (max-width: 992px) {
	.background-size-58 {
		background-image: none !important;
	}

}

/* education01 */
@media only screen and (min-width:768px) {
	.education01-bgcolor-hidden>div {
		background-color: Transparent !important;
	}
}

.home-page-course {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.home-page-course-header {
	width: 100%;
}

.home-page-course-box ul {
	margin: 0;
	list-style: none;
}

.home-page-course-box ul li {
	float: left;
	margin-right: 1.5em;
	line-height: 20px;
	margin-bottom: 10px;
}

.home-page-course-box ul li:first-child {
	font-size: 20px;
}

.home-page-course-box ul li:last-child {
	margin-right: 0;
}

.home-page-course-box ul li i {
	font-size: 20px;
	margin-right: 0.6em;
	margin-bottom: 5px;
	vertical-align: middle;
}

.home-page-course-title {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.home-page-course-title::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background-color: #cecece;
}





.border.home-page-course-box .home-page-course {
	align-items: flex-start;
}

.border.home-page-course-box {
	border: 1px solid #ebebeb;
	border-top: none;
}

.border.home-page-course-box>ul {
	border-top: 1px solid #ebebeb;
	padding-top: 17px;
	padding-bottom: 7px;
}

.border.home-page-course-box .home-page-course-footer {
	margin-top: 5px;
	margin-right: 23px;

}

.border.home-page-course-box>ul li div {
	float: left;
	margin-right: 5px;
}

.border.home-page-course-box>ul li div:first-child {
	margin-right: 40px;
}

@media only screen and (min-width:1200px) {
	.border.home-page-course-box .fr-lg {
		float: right !important;
	}
}


.about-why-textbg {
	margin-left: -105px !important;
	margin-bottom: -94px !important;
	font-size: 150px !important;
	word-wrap: normal !important;
}

.teachers-outstanding-textbg {
	margin-bottom: -187px !important;
	margin-left: -205px !important;
	font-size: 150px !important;
	word-wrap: normal !important;
}

.teachers-most-textbg {
	margin-bottom: -91px !important;
	margin-left: -107px !important;
	font-size: 150px !important;
	word-wrap: normal !important;
}

.teachersingle-textbg {
	margin-bottom: -92px !important;
	margin-left: -106px !important;
	font-size: 150px !important;
	word-wrap: normal !important;
}

.coursesingle-textbg {
	margin-bottom: -104px !important;
	margin-left: -86px !important;
	font-size: 150px !important;
	word-wrap: normal !important;
}

.portfoliosingle-textbg {
	margin-bottom: -104px !important;
	margin-left: -47px !important;
	font-size: 150px !important;
	word-wrap: normal !important;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.about-why-textbg {
		margin-left: -30px !important;
		margin-bottom: -65px !important;
		font-size: 100px !important;
	}

	.teachers-outstanding-textbg {
		margin-left: -60px !important;
		margin-bottom: -65px !important;
		font-size: 100px !important;
	}

	.teachers-most-textbg {
		margin-left: -35px !important;
		margin-bottom: -65px !important;
		font-size: 100px !important;
	}

	.teachersingle-textbg {
		margin-left: -30px !important;
		margin-bottom: -65px !important;
		font-size: 100px !important;
	}

	.coursesingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -65px !important;
		font-size: 90px !important;
	}

	.portfoliosingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -75px !important;
		font-size: 100px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.about-why-textbg {
		margin-left: -30px !important;
		margin-bottom: -65px !important;
		font-size: 100px !important;
	}

	.teachers-outstanding-textbg {
		margin-left: -45px !important;
		margin-bottom: -55px !important;
		font-size: 75px !important;
	}

	.teachers-most-textbg {
		margin-left: -20px !important;
		margin-bottom: -65px !important;
		font-size: 90px !important;
	}

	.teachersingle-textbg {
		margin-left: -15px !important;
		margin-bottom: -55px !important;
		font-size: 90px !important;
	}

	.coursesingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -70px !important;
		font-size: 100px !important;
	}

	.portfoliosingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -75px !important;
		font-size: 100px !important;
	}
}

@media only screen and (max-width:767px) {
	.about-why-textbg {
		margin-left: -15px !important;
		margin-bottom: -55px !important;
		font-size: 90px !important;
	}

	.teachers-outstanding-textbg {
		margin-left: -40px !important;
		margin-bottom: -55px !important;
		font-size: 65px !important;
	}

	.teachers-most-textbg {
		margin-left: -15px !important;
		margin-bottom: -50px !important;
		font-size: 80px !important;
	}


	.teachersingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -50px !important;
		font-size: 75px !important;
	}


	.coursesingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -50px !important;
		font-size: 65px !important;
	}

	.portfoliosingle-textbg {
		margin-left: -10px !important;
		margin-bottom: -65px !important;
		font-size: 100px !important;
	}
}






.education01-aboutus-num {
	margin-top: -30px !important;
}


.eduction01-border-white:before {
	content: "";
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	border: 5px solid #fff;
	z-index: 2;
}




/* construction 01 */

/* construction 01 End */
.construction01-banner-line {
	width: 40px;
	height: 1px;
	margin: 0 12px;
	display: inline-block;
	vertical-align: middle;
}

/*========================================================
//   page CSS
//   End
//======================================================== */



/*parallax background*/
[data-parallax="youtube"],
[data-parallax="video"] {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.dng-video-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	overflow: hidden;
	min-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dng-video-wrapper .dng-video-responsive {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.dng-video-wrapper iframe,
.dng-video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	min-height: 100%;
}

[data-parallax="parallax"] {
	visibility: hidden;
}

[data-parallax="parallax"].parallax-load {
	visibility: visible;
}

/*col 5 */

.col-xs-1\/5,
.col-sm-1\/5,
.col-md-1\/5,
.col-lg-1\/5,
.col-xs-2\/5,
.col-sm-2\/5,
.col-md-2\/5,
.col-lg-2\/5,
.col-xs-3\/5,
.col-sm-3\/5,
.col-md-3\/5,
.col-lg-3\/5,
.col-xs-4\/5,
.col-sm-4\/5,
.col-md-4\/5,
.col-lg-4\/5 {
	float: left;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

@media(min-width:768px) {
	.col-sm-1\/5 {
		width: 20%;
	}

	.col-sm-2\/5 {
		width: 40%;
	}

	.col-sm-3\/5 {
		width: 60%;
	}

	.col-sm-4\/5 {
		width: 80%;
	}
}

@media(min-width:992px) {
	.col-md-1\/5 {
		width: 20%;
	}

	.col-md-2\/5 {
		width: 40%;
	}

	.col-md-3\/5 {
		width: 60%;
	}

	.col-md-4\/5 {
		width: 80%;
	}
}

@media(min-width:1200px) {
	.col-lg-1\/5 {
		width: 20%;
	}

	.col-lg-2\/5 {
		width: 40%;
	}

	.col-lg-3\/5 {
		width: 60%;
	}

	.col-lg-4\/5 {
		width: 80%;
	}
}

.col-xs-1\/5:nth-child(5n+1) {
	clear: left;
}

@media (min-width:768px) {
	.col-sm-1\/5:nth-child(5n+1) {
		clear: left;
	}
}

@media (min-width:992px) {
	.col-md-1\/5:nth-child(5n+1) {
		clear: left;
	}
}

@media (min-width:1200px) {
	.col-lg-1\/5:nth-child(5n+1) {
		clear: left;
	}
}

/*skin*/
.dng-row {
	column-gap: 0;
}

.container-fluid.row-no-spacing {
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid.col-no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid.col-no-padding .dng-row {
	margin-left: 0px;
	margin-right: 0px;
}

.container-fluid.col-no-padding .dng-column-inner {
	padding-left: 0px;
	padding-right: 0px;
}

.dng-column {
	padding-left: 0;
	padding-right: 0;
}

.dng-column>.dng-column-inner {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.column-gap-0>.dng-column {
	padding: 0px;
}

.column-gap-1>.dng-column {
	padding: 0.5px;
}

.column-gap-2>.dng-column {
	padding: 1px;
}

.column-gap-3>.dng-column {
	padding: 1.5px;
}

.column-gap-4>.dng-column {
	padding: 2px;
}

.column-gap-5>.dng-column {
	padding: 2.5px;
}

.column-gap-10>.dng-column {
	padding: 5px;
}

.column-gap-15>.dng-column {
	padding: 7.5px;
}

.column-gap-20>.dng-column {
	padding: 10px;
}

.column-gap-25>.dng-column {
	padding: 12.5px;
}

.column-gap-30>.dng-column {
	padding: 15px;
}

.column-gap-35>.dng-column {
	padding: 17.5px;
}

.dng-row.full-height {
	min-height: 100vh;
	height: auto;
}

.row-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row-flex::before {
	display: block;
}

.dng-row:not(.full-height)>.dng-column {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.dng-row.cont-pos-top>.dng-column {
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
}

.dng-row.cont-pos-middle>.dng-column {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.dng-row.cont-pos-bottom>.dng-column {
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}

.dng-row.col-pos-top.full-height {
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.dng-row.col-pos-middle.full-height {
	-webkit-align-content: center;
	align-content: center;
}

.dng-row.col-pos-bottom.full-height {
	-webkit-align-content: flex-end;
	align-content: flex-end;
}

.dng-row.full-height>.dng-column {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.dng-row.col-pos-bottom::after,
.dng-row.col-pos-middle::after,
.dng-row.col-pos-top::after {
	content: '';
	width: 100%;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	display: block;
}

.dng-row.equal-height>.dng-column {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.dng-row.equal-height>.dng-column>.dng-column-inner {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.dng-row.equal-height.cont-pos-top>.dng-column>.dng-column-inner {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.dng-row.equal-height.cont-pos-middle>.dng-column>.dng-column-inner {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.dng-row.equal-height.cont-pos-bottom>.dng-column>.dng-column-inner {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.row-flex .inner-row-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.row-flex .inner-row-box>.dng-row {
	margin: 0px;
	width: 100%;
}

.col-no-padding .row-flex .inner-row-box {
	margin: 0;
}

@media only screen and (min-width: 1200px) {
	.hide_largedesktop {
		display: none !important
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hide_desktop {
		display: none !important
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hide_table {
		display: none !important
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation : portrait) {
	.hide_table_portrait {
		display: none !important
	}
}

@media only screen and (max-width: 767px) {
	.hide_mobile {
		display: none !important
	}
}

@media only screen and (max-width: 767px) and (orientation : landscape) {
	.hide_mobile_landscape {
		display: none !important
	}
}

.height-100 {
	height: 100% !important;
}
.column-height-100 > .dng-column-inner {
	height: 100% !important;
}

.gm-style {
	font: inherit !important;
}

/*footer-links*/
.footer-links a {
	white-space: nowrap;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.footer-links a {
		margin: 0 10px 10px !important;
	}
}

/*ipad background attachment*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	div {
		background-attachment: scroll !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	div {
		background-attachment: scroll !important;
	}

}


/*row-flex-box*/
.row-flex-box > div{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }

  .visible-lg,
  .visible-md,
  .visible-sm,
  .visible-xs {
	  display: none !important
  }
  
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block {
	  display: none !important
  }
  
  @media (max-width:767px) {
	  .visible-xs {
		  display: block !important
	  }
  
	  table.visible-xs {
		  display: table !important
	  }
  
	  tr.visible-xs {
		  display: table-row !important
	  }
  
	  td.visible-xs,
	  th.visible-xs {
		  display: table-cell !important
	  }
  }
  
  @media (max-width:767px) {
	  .visible-xs-block {
		  display: block !important
	  }
  }
  
  @media (max-width:767px) {
	  .visible-xs-inline {
		  display: inline !important
	  }
  }
  
  @media (max-width:767px) {
	  .visible-xs-inline-block {
		  display: inline-block !important
	  }
  }
  
  @media (min-width:768px) and (max-width:991px) {
	  .visible-sm {
		  display: block !important
	  }
  
	  table.visible-sm {
		  display: table !important
	  }
  
	  tr.visible-sm {
		  display: table-row !important
	  }
  
	  td.visible-sm,
	  th.visible-sm {
		  display: table-cell !important
	  }
  }
  
  @media (min-width:768px) and (max-width:991px) {
	  .visible-sm-block {
		  display: block !important
	  }
  }
  
  @media (min-width:768px) and (max-width:991px) {
	  .visible-sm-inline {
		  display: inline !important
	  }
  }
  
  @media (min-width:768px) and (max-width:991px) {
	  .visible-sm-inline-block {
		  display: inline-block !important
	  }
  }
  
  @media (min-width:992px) and (max-width:1199px) {
	  .visible-md {
		  display: block !important
	  }
  
	  table.visible-md {
		  display: table !important
	  }
  
	  tr.visible-md {
		  display: table-row !important
	  }
  
	  td.visible-md,
	  th.visible-md {
		  display: table-cell !important
	  }
  }
  
  @media (min-width:992px) and (max-width:1199px) {
	  .visible-md-block {
		  display: block !important
	  }
  }
  
  @media (min-width:992px) and (max-width:1199px) {
	  .visible-md-inline {
		  display: inline !important
	  }
  }
  
  @media (min-width:992px) and (max-width:1199px) {
	  .visible-md-inline-block {
		  display: inline-block !important
	  }
  }
  
  @media (min-width:1200px) {
	  .visible-lg {
		  display: block !important
	  }
  
	  table.visible-lg {
		  display: table !important
	  }
  
	  tr.visible-lg {
		  display: table-row !important
	  }
  
	  td.visible-lg,
	  th.visible-lg {
		  display: table-cell !important
	  }
  }
  
  @media (min-width:1200px) {
	  .visible-lg-block {
		  display: block !important
	  }
  }
  
  @media (min-width:1200px) {
	  .visible-lg-inline {
		  display: inline !important
	  }
  }
  
  @media (min-width:1200px) {
	  .visible-lg-inline-block {
		  display: inline-block !important
	  }
  }
  


@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.modal-header .close{
	position: absolute;
    right: 27px;
    top: 24px;
}