@font-face {font-family:Myriad Pro;
            font-style: normal;
            font-weight: normal;
            src: url('../fonts/MyriadPro-Regular.eot');
            src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
                url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
                 url('../fonts/MyriadPro-Regular.woff') format('woff'),
                url('../fonts/MyriadPro-Regular.ttf') format('truetype');

}

:root { overflow-y: auto; overflow-x: hidden; }
/* CSS Document */
html, body { margin: 0px; padding: 0px; font: normal 14px/1.8 'Myriad Pro'; color: #666666; height: 100%; }
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%; 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; }

@media print {
    *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
        a[href]:after { content: " ("attr(href) ")"; }
    abbr[title]:after { content: " ("attr(title) ")"; }
    a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    .navbar { display: none; }
    .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
    .label { border: 1px solid #000; }
    .table { border-collapse: collapse !important; }
        .table td, .table th { background-color: #fff !important; }
    .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}

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, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row: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 { 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; }
.pb-100 { padding-bottom: 100px !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: "\f106"; font-family: "FontAwesome"; font-size: 50px; position: absolute; top: 3px; left: 50%; line-height: 1; backface-visibility: visible; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
    .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%; }
.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; }
    .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 12px 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: 'FontAwesome' !important; 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: 'FontAwesome' !important; position: absolute; top: 0; right: 0; height: 100%; width: 40px; text-align: center; line-height: 44px; color: #20a3f0; font-size: 16px; }
.footer_box .searchform #s { color: inherit; border-color: rgba(127, 127, 127, 0.5); }
/*header*/
.topbar-contact { margin: 0; padding: 0; display: none; list-style: none; }
    .topbar-contact li { display: inline-block; padding: 0px 22px; position: relative; }
        .topbar-contact li .fa, .topbar-contact li .lnr { font-size: 1.2em; margin-right: 6px; vertical-align: middle; }
        .topbar-contact li:first-child { padding-left: 0 !important; }
            .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: 25px; height: 25px; position: absolute; top: -5px; left: -17px; border: 4px solid; border-radius: 50%; }
    .search-popup-box .magnifier:before { content: ""; width: 14px; position: absolute; bottom: -4px; right: 13px; border-bottom: 5px 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: 4px; left: -5px; }
    .search-popup-box .magnifier i:before { border-bottom: 1px solid; height: 0px; width: 7px; top: 7px; left: -8px; }*/
.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; }
    /*sitemap*/
    .overlay-panel-box .icon > span { display: inline-block; vertical-align: middle; display: none; }
.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; border-bottom: 3px solid #fff; }
    .sticky-fixed .floating-nav.floating-nav-sticky.floating-active { position: fixed !important; }
.floating-nav.floating-active { position: fixed !important; width: 100%; z-index: 1000; }
.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; }
.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 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%); z-index: -1; }
    .dng-video-wrapper .dng-video-responsive { position: relative; top: 0; left: 0; width: 100%; height: 0; }
    .dng-video-wrapper iframe, .dng-video-wrapper video { position: absolute; top: 0; left: 0; display: block; }
[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; }

@media only screen and (min-width: 992px) {
    .dng-row.full-height { height: 100vh; }
}

@media only screen and (max-width: 991px) {
    .dng-row.full-height { min-height: 100vh; }
}

.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; }
.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; }
}