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

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

}
:root{overflow-y:auto;overflow-x:hidden}
html,body{margin:0;padding:0;font-weight:normal;font-family:IRANSans,Tahoma;font-size:14px;line-height: 2em;/*font:normal 14px/1.8 'Roboto','Arial';*/color:#666666;height:100%}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family:IRANSans,Tahoma;
}
p{
    margin: 0 0 15px 0;
    font-size:14px;
    line-height:2
}
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-left:auto;
    margin-right:auto
}
.container-fluid{
    margin-left:auto;
    margin-right:auto
}
.row{
    margin-left:-15px;
    margin-right:-15px
}
.center-block{
    display:block;
    margin-left:auto !important;
    margin-right: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-right:0;
    padding-left: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:0;
    font-size:0;
    visibility:hidden;
    display:block
}
.clearfix{
    display:block
}
.clear{
    clear:both
}
.opacity{
    opacity:0
}
.text-rtl{
    direction:rtl
}
.text-left{
    text-align:right !important
}
.text-center{
    text-align:center !important
}
.text-right{
    text-align:left !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:right
}
.right{
    float:left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
    display:inline-block;
    border-radius:5px
}
.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:0;
    white-space:normal
}
.col-vertical-center>[class*="col-"]{
    vertical-align:middle
}
.col-vertical-bottom>[class*="col-xs-"],.col-vertical-center>[class*="col-xs-"]{
    display:inline-block
}
@media (min-width:768px){
    .col-vertical-bottom>[class*="col-sm-"],.col-vertical-center>[class*="col-sm-"]{
        display:inline-block
    }
}
@media (min-width:992px){
    .col-vertical-bottom>[class*="col-md-"],.col-vertical-center>[class*="col-md-"]{
        display:inline-block
    }
}
@media (min-width:1200px){
    .col-vertical-bottom>[class*="col-lg-"],.col-vertical-center>[class*="col-lg-"]{
        display:inline-block
    }
}
@media (max-width:767px){
    .col-vertical-bottom>.col-xs-12,.col-vertical-center>.col-xs-12{
        display:block
    }
}
@media (max-width:991px){
    .col-vertical-bottom>.col-sm-12,.col-vertical-center>.col-sm-12{
        display:block
    }
}
.row-display-table{
    display:table;
    min-width:100%;
    table-layout:fixed;
    margin:0
}
.row-display-table>[class*="col-"]{
    float:none
}
.row-display-table>[class*="col-xs-"]{
    display:table-cell
}
@media (min-width:768px){
    .row-display-table>[class*="col-sm-"]{
        display:table-cell
    }
}
@media (min-width:992px){
    .row-display-table>[class*="col-md-"]{
        display:table-cell
    }
}
@media (min-width:1200px){
    .row-display-table>[class*="col-lg-"]{
        display:table-cell
    }
}
.display-table{
    display:table;
    min-width:100%;
    table-layout:fixed
}
.display-table>div{
    float:none;
    display:table-cell;
    vertical-align:middle
}
.img-responsive,.img-responsive img{
    max-width:100%;
    height:auto
}
@media only screen and (max-width:1199px){
    .img-responsive-lg,.img-responsive-lg img{
        max-width:100%
    }
}
@media only screen and (max-width:991px){
    .img-responsive-md,.img-responsive-md img{
        max-width:100%
    }
}
@media only screen and (max-width:767px){
    .img-responsive-sm,.img-responsive-sm img{
        max-width:100%
    }
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:0.9
}
:-moz-placeholder{
    color:inherit;
    opacity:0.9
}
::-moz-placeholder{
    color:inherit;
    opacity:0.9
}
:-ms-input-placeholder{
    color:inherit;
    opacity:0.9
}
:placeholder{
    color:inherit;
    opacity:0.9
}
.lnr{
    letter-spacing:-0.05em
}
/*color*/
.color-white,.color-white p,.color-white .Normal,.color-white a,.color-white a:link,.color-white a:active,.color-white a:visited,.color-white a:hover,.color-white h1,.color-white h2,.color-white h3,.color-white h4,.color-white h5,.color-white h6{
    color:#FFF !important
}
.color-gray,.color-gray p,.color-gray .Normal,.color-gray a,.color-gray a:link,.color-gray a:active,.color-gray a:visited,.color-gray a:hover,.color-gray h1,.color-gray h2,.color-gray h3,.color-gray h4,.color-gray h5,.color-gray h6{
    color:#999999 !important
}
/*width*/
.width-100{
    width:100% !important
}
.width-95{
    width:95% !important
}
.width-90{
    width:90% !important
}
.width-85{
    width:85% !important
}
.width-80{
    width:80% !important
}
.width-75{
    width:75% !important
}
.width-70{
    width:70% !important
}
.width-65{
    width:65% !important
}
.width-60{
    width:60% !important
}
.width-55{
    width:55% !important
}
.width-50{
    width:50% !important
}
.width-45{
    width:45% !important
}
.width-40{
    width:40% !important
}
.width-35{
    width:35% !important
}
.width-30{
    width:30% !important
}
.width-25{
    width:25% !important
}
.width-20{
    width:20% !important
}
.width-15{
    width:15% !important
}
.width-10{
    width:10% !important
}
.width-10,.width-100,.width-15,.width-20,.width-25,.width-30,.width-35,.width-40,.width-45,.width-50,.width-55,.width-60,.width-65,.width-70,.width-75,.width-80,.width-85,.width-90,.width-95{
    margin-right:auto;
    margin-left:auto;
    text-align:center
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .width-80,.width-85,.width-90,.width-95{
        width:auto !important
    }
    .width-75{
        width:95% !important
    }
    .width-70{
        width:90% !important
    }
    .width-65{
        width:85% !important
    }
    .width-60{
        width:80% !important
    }
    .width-55{
        width:75% !important
    }
    .width-50{
        width:70% !important
    }
    .width-45{
        width:65% !important
    }
    .width-40{
        width:60% !important
    }
    .width-35{
        width:55% !important
    }
    .width-30{
        width:50% !important
    }
    .width-25{
        width:45% !important
    }
    .width-20{
        width:40% !important
    }
    .width-15{
        width:35% !important
    }
    .width-10{
        width:30% !important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .width-60,.width-65,.width-70,.width-75,.width-80,.width-85,.width-90,.width-95{
        width:auto !important
    }
    .width-55{
        width:95% !important
    }
    .width-50{
        width:90% !important
    }
    .width-45{
        width:85% !important
    }
    .width-40{
        width:80% !important
    }
    .width-35{
        width:75% !important
    }
    .width-30{
        width:70% !important
    }
    .width-25{
        width:65% !important
    }
    .width-20{
        width:60% !important
    }
    .width-15{
        width:55% !important
    }
    .width-10{
        width:50% !important
    }
}
@media only screen and (max-width:767px){
    .width-10,.width-15,.width-20,.width-25,.width-30,.width-35,.width-40,.width-45,.width-50,.width-55,.width-60,.width-65,.width-70,.width-75,.width-80,.width-85,.width-90,.width-95{
        width:auto !important
    }
}
/*page Spacing*/
.mt-0{
    margin-top:0 !important
}
.mb-0{
    margin-bottom:0 !important
}
.pt-0{
    padding-top:0 !important
}
.pb-0{
    padding-bottom:0 !important
}
.mt-5{
    margin-top:5px !important
}
.mb-5{
    margin-bottom:5px !important
}
.pt-5{
    padding-top:5px !important
}
.pb-5{
    padding-bottom:5px !important
}
.mt-10{
    margin-top:10px !important
}
.mb-10{
    margin-bottom:10px !important
}
.pt-10{
    padding-top:10px !important
}
.pb-10{
    padding-bottom:10px !important
}
.mt-15{
    margin-top:15px !important
}
.mb-15{
    margin-bottom:15px !important
}
.pt-15{
    padding-top:15px !important
}
.pb-15{
    padding-bottom:15px !important
}
.mt-20{
    margin-top:20px !important
}
.mb-20{
    margin-bottom:20px !important
}
.pt-20{
    padding-top:20px !important
}
.pb-20{
    padding-bottom:20px !important
}
.mt-25{
    margin-top:25px !important
}
.mb-25{
    margin-bottom:25px !important
}
.pt-25{
    padding-top:25px !important
}
.pb-25{
    padding-bottom:25px !important
}
.mt-30{
    margin-top:30px !important
}
.mb-30{
    margin-bottom:30px !important
}
.pt-30{
    padding-top:30px !important
}
.pb-30{
    padding-bottom:30px !important
}
.mt-35{
    margin-top:35px !important
}
.mb-35{
    margin-bottom:35px !important
}
.pt-35{
    padding-top:35px !important
}
.pb-35{
    padding-bottom:35px !important
}
.mt-40{
    margin-top:40px !important
}
.mb-40{
    margin-bottom:40px !important
}
.pt-40{
    padding-top:40px !important
}
.pb-40{
    padding-bottom:40px !important
}
.mt-45{
    margin-top:45px !important
}
.mb-45{
    margin-bottom:45px !important
}
.pt-45{
    padding-top:45px !important
}
.pb-45{
    padding-bottom:45px !important
}
.mt-50{
    margin-top:50px !important
}
.mb-50{
    margin-bottom:50px !important
}
.pt-50{
    padding-top:50px !important
}
.pb-50{
    padding-bottom:50px !important
}
.mt-55{
    margin-top:55px !important
}
.mb-55{
    margin-bottom:55px !important
}
.pt-55{
    padding-top:55px !important
}
.pb-55{
    padding-bottom:55px !important
}
.mt-60{
    margin-top:60px !important
}
.mb-60{
    margin-bottom:60px !important
}
.pt-60{
    padding-top:60px !important
}
.pb-60{
    padding-bottom:60px !important
}
.mt-65{
    margin-top:65px !important
}
.mb-65{
    margin-bottom:65px !important
}
.pt-65{
    padding-top:65px !important
}
.pb-65{
    padding-bottom:65px !important
}
.mt-70{
    margin-top:70px !important
}
.mb-70{
    margin-bottom:70px !important
}
.pt-70{
    padding-top:70px !important
}
.pb-70{
    padding-bottom:70px !important
}
.mt-75{
    margin-top:75px !important
}
.mb-75{
    margin-bottom:75px !important
}
.pt-75{
    padding-top:75px !important
}
.pb-75{
    padding-bottom:75px !important
}
.mt-80{
    margin-top:80px !important
}
.mb-80{
    margin-bottom:80px !important
}
.pt-80{
    padding-top:80px !important
}
.pb-80{
    padding-bottom:80px !important
}
@media only screen and (min-width:1600px){
    .mt-40{
        margin-top:52px !important
    }
    .mb-40{
        margin-bottom:52px !important
    }
    .pt-40{
        padding-top:52px !important
    }
    .pb-40{
        padding-bottom:52px !important
    }
    .mt-50{
        margin-top:65px !important
    }
    .mb-50{
        margin-bottom:65px !important
    }
    .pt-50{
        padding-top:65px !important
    }
    .pb-50{
        padding-bottom:65px !important
    }
    .mt-60{
        margin-top:78px !important
    }
    .mb-60{
        margin-bottom:78px !important
    }
    .pt-60{
        padding-top:78px !important
    }
    .pb-60{
        padding-bottom:78px !important
    }
    .mt-70{
        margin-top:91px !important
    }
    .mb-70{
        margin-bottom:91px !important
    }
    .pt-70{
        padding-top:91px !important
    }
    .pb-70{
        padding-bottom:91px !important
    }
    .mt-80{
        margin-top:104px !important
    }
    .mb-80{
        margin-bottom:104px !important
    }
    .pt-80{
        padding-top:104px !important
    }
    .pb-80{
        padding-bottom:104px !important
    }
    .mt-45{
        margin-top:58px !important
    }
    .mb-45{
        margin-bottom:58px !important
    }
    .pt-45{
        padding-top:58px !important
    }
    .pb-45{
        padding-bottom:58px !important
    }
    .mt-55{
        margin-top:71px !important
    }
    .mb-55{
        margin-bottom:71px !important
    }
    .pt-55{
        padding-top:71px !important
    }
    .pb-55{
        padding-bottom:71px !important
    }
    .mt-65{
        margin-top:84px !important
    }
    .mb-65{
        margin-bottom:84px !important
    }
    .pt-65{
        padding-top:84px !important
    }
    .pb-65{
        padding-bottom:84px !important
    }
    .mt-75{
        margin-top:97px !important
    }
    .mb-75{
        margin-bottom:97px !important
    }
    .pt-75{
        padding-top:97px !important
    }
    .pb-75{
        padding-bottom:97px !important
    }
    .mt-85{
        margin-top:110px !important
    }
    .mb-85{
        margin-bottom:110px !important
    }
    .pt-85{
        padding-top:110px !important
    }
    .pb-85{
        padding-bottom:110px !important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mt-40{
        margin-top:36px !important
    }
    .mb-40{
        margin-bottom:36px !important
    }
    .pt-40{
        padding-top:36px !important
    }
    .pb-40{
        padding-bottom:36px !important
    }
    .mt-50{
        margin-top:45px !important
    }
    .mb-50{
        margin-bottom:45px !important
    }
    .pt-50{
        padding-top:45px !important
    }
    .pb-50{
        padding-bottom:45px !important
    }
    .mt-60{
        margin-top:54px !important
    }
    .mb-60{
        margin-bottom:54px !important
    }
    .pt-60{
        padding-top:54px !important
    }
    .pb-60{
        padding-bottom:54px !important
    }
    .mt-70{
        margin-top:63px !important
    }
    .mb-70{
        margin-bottom:63px !important
    }
    .pt-70{
        padding-top:63px !important
    }
    .pb-70{
        padding-bottom:63px !important
    }
    .mt-80{
        margin-top:72px !important
    }
    .mb-80{
        margin-bottom:72px !important
    }
    .pt-80{
        padding-top:72px !important
    }
    .pb-80{
        padding-bottom:72px !important
    }
    .mt-45{
        margin-top:40px !important
    }
    .mb-45{
        margin-bottom:40px !important
    }
    .pt-45{
        padding-top:40px !important
    }
    .pb-45{
        padding-bottom:40px !important
    }
    .mt-55{
        margin-top:49px !important
    }
    .mb-55{
        margin-bottom:49px !important
    }
    .pt-55{
        padding-top:49px !important
    }
    .pb-55{
        padding-bottom:49px !important
    }
    .mt-65{
        margin-top:58px !important
    }
    .mb-65{
        margin-bottom:58px !important
    }
    .pt-65{
        padding-top:58px !important
    }
    .pb-65{
        padding-bottom:58px !important
    }
    .mt-75{
        margin-top:67px !important
    }
    .mb-75{
        margin-bottom:67px !important
    }
    .pt-75{
        padding-top:67px !important
    }
    .pb-75{
        padding-bottom:67px !important
    }
    .mt-85{
        margin-top:76px !important
    }
    .mb-85{
        margin-bottom:76px !important
    }
    .pt-85{
        padding-top:76px !important
    }
    .pb-85{
        padding-bottom:76px !important
    }
}
@media only screen and (max-width:767px){
    .mt-40{
        margin-top:32px !important
    }
    .mb-40{
        margin-bottom:32px !important
    }
    .pt-40{
        padding-top:32px !important
    }
    .pb-40{
        padding-bottom:32px !important
    }
    .mt-50{
        margin-top:40px !important
    }
    .mb-50{
        margin-bottom:40px !important
    }
    .pt-50{
        padding-top:40px !important
    }
    .pb-50{
        padding-bottom:40px !important
    }
    .mt-60{
        margin-top:48px !important
    }
    .mb-60{
        margin-bottom:48px !important
    }
    .pt-60{
        padding-top:48px !important
    }
    .pb-60{
        padding-bottom:48px !important
    }
    .mt-70{
        margin-top:56px !important
    }
    .mb-70{
        margin-bottom:56px !important
    }
    .pt-70{
        padding-top:56px !important
    }
    .pb-70{
        padding-bottom:56px !important
    }
    .mt-80{
        margin-top:64px !important
    }
    .mb-80{
        margin-bottom:64px !important
    }
    .pt-80{
        padding-top:64px !important
    }
    .pb-80{
        padding-bottom:64px !important
    }
    .mt-45{
        margin-top:36px !important
    }
    .mb-45{
        margin-bottom:36px !important
    }
    .pt-45{
        padding-top:36px !important
    }
    .pb-45{
        padding-bottom:36px !important
    }
    .mt-55{
        margin-top:44px !important
    }
    .mb-55{
        margin-bottom:44px !important
    }
    .pt-55{
        padding-top:44px !important
    }
    .pb-55{
        padding-bottom:44px !important
    }
    .mt-65{
        margin-top:52px !important
    }
    .mb-65{
        margin-bottom:52px !important
    }
    .pt-65{
        padding-top:52px !important
    }
    .pb-65{
        padding-bottom:52px !important
    }
    .mt-75{
        margin-top:60px !important
    }
    .mb-75{
        margin-bottom:60px !important
    }
    .pt-75{
        padding-top:60px !important
    }
    .pb-75{
        padding-bottom:60px !important
    }
    .mt-85{
        margin-top:68px !important
    }
    .mb-85{
        margin-bottom:68px !important
    }
    .pt-85{
        padding-top:68px !important
    }
    .pb-85{
        padding-bottom:68px !important
    }
}
.ml-0{
    margin-right:0 !important
}
.mr-0{
    margin-left:0 !important
}
.pl-0{
    padding-right:0 !important
}
.pr-0{
    padding-left:0 !important
}
@media only screen and (max-width:1024px){
    .pl-15-sm{
        padding-right:15px !important
    }
    .pr-15-sm{
        padding-left:15px !important
    }
    .ml-15-sm{
        margin-right:15px !important
    }
    .mr-15-sm{
        margin-left:15px !important
    }
    .pl-20-sm{
        padding-right:20px !important
    }
    .pr-20-sm{
        padding-left:20px !important
    }
    .ml-20-sm{
        margin-right:20px !important
    }
    .mr-20-sm{
        margin-left:20px !important
    }
    .pl-30-sm{
        padding-right:30px !important
    }
    .pr-30-sm{
        padding-left:30px !important
    }
    .ml-30-sm{
        margin-right:30px !important
    }
    .mr-30-sm{
        margin-left:30px !important
    }
}
@media only screen and (min-width:1025px){
    .ml-5{
        margin-right:5px !important
    }
    .mr-5{
        margin-left:5px !important
    }
    .pl-5{
        padding-right:5px !important
    }
    .pr-5{
        padding-left:5px !important
    }
    .ml-10{
        margin-right:10px !important
    }
    .mr-10{
        margin-left:10px !important
    }
    .pl-10{
        padding-right:10px !important
    }
    .pr-10{
        padding-left:10px !important
    }
    .ml-15{
        margin-right:15px !important
    }
    .mr-15{
        margin-left:15px !important
    }
    .pl-15{
        padding-right:15px !important
    }
    .pr-15{
        padding-left:15px !important
    }
    .ml-20{
        margin-right:20px !important
    }
    .mr-20{
        margin-left:20px !important
    }
    .pl-20{
        padding-right:20px !important
    }
    .pr-20{
        padding-left:20px !important
    }
    .ml-25{
        margin-right:25px !important
    }
    .mr-25{
        margin-left:25px !important
    }
    .pl-25{
        padding-right:25px !important
    }
    .pr-25{
        padding-left:25px !important
    }
    .ml-30{
        margin-right:30px !important
    }
    .mr-30{
        margin-left:30px !important
    }
    .pl-30{
        padding-right:30px !important
    }
    .pr-30{
        padding-left:30px !important
    }
    .ml-35{
        margin-right:35px !important
    }
    .mr-35{
        margin-left:35px !important
    }
    .pl-35{
        padding-right:35px !important
    }
    .pr-35{
        padding-left:35px !important
    }
    .ml-40{
        margin-right:40px !important
    }
    .mr-40{
        margin-left:40px !important;
            text-align: justify;
    }
    .pl-40{
        padding-right:40px !important
    }
    .pr-40{
        padding-left:40px !important
    }
    .ml-45{
        margin-right:45px !important
    }
    .mr-45{
        margin-left:45px !important
    }
    .pl-45{
        padding-right:45px !important
    }
    .pr-45{
        padding-left:45px !important
    }
    .ml-50{
        margin-right:50px !important
    }
    .mr-50{
        margin-left:50px !important
    }
    .pl-50{
        padding-right:50px !important
    }
    .pr-50{
        padding-left:50px !important
    }
    .ml-55{
        margin-right:55px !important
    }
    .mr-55{
        margin-left:55px !important
    }
    .pl-55{
        padding-right:55px !important
    }
    .pr-55{
        padding-left:55px !important
    }
    .ml-60{
        margin-right:60px !important
    }
    .mr-60{
        margin-left:60px !important
    }
    .pl-60{
        padding-right:60px !important
    }
    .pr-60{
        padding-left:60px !important
    }
    .ml-65{
        margin-right:65px !important
    }
    .mr-65{
        margin-left:65px !important
    }
    .pl-65{
        padding-right:65px !important
    }
    .pr-65{
        padding-left:65px !important
    }
    .ml-70{
        margin-right:70px !important
    }
    .mr-70{
        margin-left:70px !important
    }
    .pl-70{
        padding-right:70px !important
    }
    .pr-70{
        padding-left:70px !important
    }
    .ml-75{
        margin-right:75px !important
    }
    .mr-75{
        margin-left:75px !important
    }
    .pl-75{
        padding-right:75px !important
    }
    .pr-75{
        padding-left:75px !important
    }
    .ml-80{
        margin-right:80px !important
    }
    .mr-80{
        margin-left:80px !important
    }
    .pl-80{
        padding-right:80px !important
    }
    .pr-80{
        padding-left:80px !important
    }
}
.mt-auto{
    margin-top:auto !important
}
.mr-auto{
    margin-left:auto !important
}
.mb-auto{
    margin-bottom:auto !important
}
.ml-auto{
    margin-right: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 0
}
.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;
    right:0;
    left:0;
    overflow:hidden;
    max-height:100%
}
.fixed_footer_bottom .fixed_footer.active{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;
    overflow-Y:auto
}
.fixed_footer_clone{
    background-color:#121212
}
.dng-main.boxed .rev_slider_wrapper.fullscreen-container{
    max-width:100% !important;
    right: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%;
    right:0
}
.popup-bubble-anchor::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    transform:rotate(45deg);
    width:12px;
    height:12px;
    border-left:1px solid #cacaca;
    border-bottom:1px solid #cacaca;
    background-color:white;
    margin:-6px 0 0 -5px
}
.popup-bubble-content{
    position:absolute;
    top:0;
    right: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:0 0 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;
    left:90px;
    bottom:120px;
    float:left;
    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: 2px 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-left:20px
}
[class*=dg-ico].right{
    margin-right:20px;
    margin-left:0
}
[class*="dg-iconbox"] .box-left{
    text-align:left
}
[class*="dg-iconbox"] .box-right{
    text-align:right
}
.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;
    right:1px;
    left: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;
    right:0;
    left: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;
    right:0;
    left: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;
    right:-5px;
    left:-5px;
    bottom:-5px;
    border:1px solid #e4e4e4;
    z-index:-1
}
.dg-ico06:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left: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;
    right:-5px;
    left:-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:0 0 8px;
/* For Firefox3.6+ */
    -webkit-box-shadow:0 0 8px;
/* For Chrome5+,Safari5+ */
    box-shadow:0 0 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;
    right:0;
    left: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;
    right:-2px;
    left:-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;
    right:0;
    left: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;
    right:-2px;
    left:-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;
    right:0;
    left: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;
    right:-2px;
    left:-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;
    right:0;
    left:0;
    bottom:0;
    border:2px solid;
    z-index:-2
}
.dg-ico-animation06>.bg{
    position:absolute;
    top:-2px;
    right:-2px;
    left:-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-right;
    animation-name:transform-right
}
[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-left;
    animation-name:transform-left
}
.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;
    right:-2px;
    left:-2px;
    bottom:-2px;
    z-index:-1
}
.dg-ico-animation07:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left: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;
    right:4px;
    left: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;
    right:-2px;
    left:-2px;
    bottom:-2px;
    border:1px solid;
    z-index:-1;
    opacity:0
}
.dg-ico-animation08:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left: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;
    right:3px;
    left:3px;
    bottom:3px
}
[class*="dg-iconbox"]:hover .dg-ico-animation08:after,.dg-ico-animation08:hover:after{
    opacity:0.2;
    border-width:8px;
    top:-8px;
    right:-8px;
    left:-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;
    right:-2px;
    left:-2px;
    bottom:-2px;
    z-index:-1
}
.dg-ico-animation09:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left: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;
    right: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;
    right:0;
    left: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;
    right:-2px;
    left:-2px;
    bottom:-2px;
    opacity:0;
    z-index:-1
}
.dg-ico-animation11:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    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;
    right:-6px;
    left:-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;
    right:-1px;
    left:-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;
    right:-4px;
    left:-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:0;
    right:0;
    left:0;
    bottom:0;
    border:2px solid
}
.dg-ico-animation12>.bg{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    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:75px;
    height:75px;
    line-height:96px
}
[class*="dg-ico"].size-xl i{
    font-size:34px
}
/*******ezweb.ir*********/
.dg-ico-animation07.size-xl{
    line-height:72px !important;
}
/******************/
[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:85px;
    height:85px;
    line-height:85px;
    position: relative;
top: -10px;
}
[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-left:20px
}
[class*=dg-ico].size-xs.right{
    margin-right:20px
}
[class*=dg-ico].size-sm.left{
    margin-left:20px; margin-top: 5px;
}
[class*=dg-ico].size-sm.right{
    margin-right:20px
}
[class*=dg-ico].size-lg.left{
    margin-left:25px
}
[class*=dg-ico].size-lg.right{
    margin-right:25px
}
[class*=dg-ico].size-xl.left{
    margin-left:30px
}
[class*=dg-ico].size-xl.right{
    margin-right:30px
}
[class*=dg-ico].size-xxl.left{
    margin-left:30px
}
[class*=dg-ico].size-xxl.right{
    margin-right: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.right{
        margin-left:20px
    }
    [class*=dg-ico].size-lg.left{
        margin-right:20px
    }
    [class*=dg-ico].size-xl.right{
        margin-left:20px
    }
    [class*=dg-ico].size-xl.left{
        margin-right:20px
    }
    [class*=dg-ico].size-xxl.right{
        margin-left:20px
    }
    [class*=dg-ico].size-xxl.left{
        margin-right: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:75px;
    height:75px;
    line-height:75px;
    font-size:75px
}
.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-right:0
}
.text-right .dg-ico-max{
    margin-left: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-left .dg-ico-max{
        margin-right: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:right;
    font-size:300%;
    line-height:1.14;
    margin-left: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-right: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:right;
    width:60%
}
.content-area-image img{
    width:100%;
    max-width:100%
}
.content-area-image-article{
    float:left;
    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-right:0 !important
    }
}
/* Image End */
.iconbox-border{
    display:table;
    min-width:100%;
    table-layout:fixed;
    margin:0;
    border-color:#dcdcdc;
    border-right-style:solid;
    border-right-width:1px
}
.iconbox-border>[class*="col-"]{
    float:none;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:inherit
}
.iconbox-border>[class*="col-"]:first-child{
    border-right: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 47px 0 0;
    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;
    right: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:right;
    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 0 0 0;
    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;
    right:100%;
    font-size:0;
    text-indent:-100px;
    overflow:hidden
}
.dng-sidepanemenu .menu_arrow:after{
    content:"";
    display:block;
    width:6px;
    height:6px;
    border-bottom:1px solid;
    border-right:1px solid;
    position:absolute;
    top:50%;
    right: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-right:0
}
100%{
    margin-right:26px
}
}
@keyframes icons-translateX{
0%{
    margin-right:0
}
100%{
    margin-right: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;
    right: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;
    left:100%;
    margin-left: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 0 0 12px
}
.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;
    right:0;
    left:-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{
    right:0
}
.side-panel.side-right{
    right:auto
}
.side-panel.side-left .close-panel>.fa{
    right:12px;
    opacity:0;
    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-left .close-panel>.fa{
    opacity:1
}
.side-panel-active.side-panel.side-right{
    left:0
}
.side-panel-active.side-panel.side-left{
    right:0
}
.side-panel.side-right .close-panel>.fa{
    left:12px;
    opacity:0;
    right:auto;
    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-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{
    right: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{
    right:0
}
.side-push-right-active .side-push-right{
    left:0;
    right: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{
    right:12px
}
.side-panel.side-push-right .close-panel>.fa{
    right:auto;
    left:12px
}
.overflow-x{
    overflow-x:hidden
}
.side-panel-has body{
    z-index:1;
    position:relative
}
.side-panel-has body:after{
    content:"";
    position:fixed;
    right:0;
    left:0;
    bottom:0;
    top:0;
    background-color:#FFF;
    z-index:-1
}
.side-reval-left{
    right:0;
    z-index:10;
    width:0;
    overflow:hidden
}
.side-reval-right{
    right:auto;
    z-index:10;
    width:0;
    left: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{
    right:0;
    visibility:visible
}
.side-static-right{
    right:auto;
    left: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{
    right:auto;
    visibility:visible
}
.side-static-left-active body{
    margin-right:0
}
.side-static-right-active body{
    margin-left:0
}
.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;
    right:0;
    left: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;
    right: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%;
    right: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:0;
    padding: 11px 10px 11px 50px;
    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;
    left:0;
    height:100%;
    width:40px;
    border:none;
    background:none
}
.widget-search:before,.searchform:before{
    content:"\f002";
    font-family:'FontAwesome' !important;
    position:absolute;
    top:0;
    left: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;
    left: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-right:0;
        display:none
    }
    .widget-tabs.dg-tabs-top01 ul.resp-tabs-list li:first-child{
        padding-right:15px
    }
    .widget-tabs.dg-tabs-top01 ul.resp-tabs-list li:last-child{
        padding-left: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:0;
    font-size:0;
    visibility:hidden;
    display:block
}
.widget-posts>li .pic{
    margin-left:20px;
    max-width:50%;
    float:right
}
.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 0 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;
    left:0
}
.widget-categories li a:first-child:before{
    content:"";
    width:0;
    height:0;
    line-height:0;
    border:4px solid transparent;
    border-right-color:#c4c4c4;
    display:inline-block;
    margin-left:4px
}
.widget-categories .children li>a:first-child{
    padding-right: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%;
    right: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-right:-20px
}
.widget-portfolios li:after{
    width:0;
    height:41px;
    border-right: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;
    right:0;
    left:0;
    bottom:0;
    z-index:100
}
.widget-portfolios .bg{
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    right: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 34px 15px 0
}
.widget-contactus ul li:last-child{
    padding: 0 34px 0 0
}
.widget-contactus ul li span{
    position:absolute;
    right: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 0 5px 7px;
    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-right: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:0
}
.dng-overlay{
    position:fixed;
    top:-100%;
    right: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;
    right: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:right center;
    transform-origin:right 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:left center;
    transform-origin:left 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;
    left: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;
    left: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;
    right:1px;
    left: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;
    right:0;
    left:0;
    margin:0
}
.dnnEditState .position-bottom{
    position:relative !important
}
.portfolio-card{
    white-space:nowrap
}
.portfolio-card-02{
    border-right-width:3px;
    padding-right:20px;
    border-right-color:#20a2fa;
    border-right-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-right: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:0;
    padding: 11px 10px 11px 50px;
    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;
    left:0;
    height:100%;
    width:40px;
    border:none;
    background:none
}
.searchform:before{
    content:"\f002";
    font-family:'FontAwesome' !important;
    position:absolute;
    top:0;
    left: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:inline-block;
    list-style:none
}
.topbar-contact li{
    display:inline-block;
    padding:0 8px;
    position:relative
}
.topbar-contact li .fa,.topbar-contact li .lnr{
    font-size:1.2em;
    margin-left:6px;
    vertical-align:middle
}
.topbar-contact li:first-child{
    padding-right:0
}
.topbar-contact li:first-child:before{
    border:none
}
.topbar-tool{
    margin:0;
    padding:0;
    display:inline-block;
    list-style:none
}
.topbar-tool>li{
    display:inline-block;
    height:42px;
    line-height:42px;
    padding:0 20px
}
.topbar-tool>li>a{
    display:block;
    margin:0 -20px;
    padding:0 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;
    right:0;
    background-color:rgba(255,255,255,1);
    z-index:1000;
    display:table;
    table-layout:fixed;
    height:100%;
    width:100%;
    color:#666
}
.search-popup-box .popup-content.color-dark{
    background-color:rgba(30,30,30,1)
}
.search-popup-box .icon{
    font-size:16px;
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    transition:color ease-in 300ms;
    -moz-transition:color ease-in 300ms;
/* Firefox 4 */
    -webkit-transition:color ease-in 300ms;
/* Safari and Chrome */
    -o-transition:color ease-in 300ms;
/* Opera */
    -ms-transition:color ease-in 300ms;
/* IE9? */

}
.search-popup-box .magnifier{
    width:22px;
    height:22px;
    display:inline-block;
    vertical-align:middle;
    position:relative
}
.search-popup-box .magnifier:after{
    content:"";
    width:17px;
    height:17px;
    position:absolute;
    top:2px;
    right:1px;
    border:2px solid;
    border-radius:50%
}
.search-popup-box .magnifier:before{
    content:"";
    width:7px;
    position:absolute;
    bottom:0;
    left:4px;
    border-bottom:2px solid;
    -webkit-transform:rotate(-48deg);
    transform:rotate(-48deg);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
.search-popup-box .icon:hover .magnifier:after{

}
.search-popup-box .magnifier i{
    position:absolute;
    top:0;
    right: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-right:1px solid;
    height:7px;
    width:0;
    top:7px;
    right:9px
}
.search-popup-box .magnifier i:before{
    border-bottom:1px solid;
    height:0;
    width:7px;
    top:10px;
    right:6px
}
.search-popup-box .magnifier:hover i{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.search-popup-box .popup-center{
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    transition:all ease-in 200ms 0ms;
    -moz-transition:all ease-in 200ms 0ms;
/* Firefox 4 */
    -webkit-transition:all ease-in 200ms 0ms;
/* Safari and Chrome */
    -o-transition:all ease-in 200ms 0ms;
/* Opera */
    -ms-transition:all ease-in 200ms 0ms;
/* IE9? */

}
.search-popup-box .icon>span{
    display:inline-block;
    vertical-align:middle
}
span[id*="ClassicSearch"]{
    position:relative;
    display:inline-block;
    width:846px;
    max-width:80%
}
.search-popup-box .searchInputContainer{
    display:inline-block;
    position:relative;
    width:100%;
    margin:0
}
.search-popup-box .NormalTextBox{
    width:100%;
    background:none;
    border:none;
    border-bottom:2px solid #666;
    font-size:20px;
    color:#333;
    padding:25px 60px;
    outline:none;
    text-align:center
}
.search-popup-box ul.searchSkinObjectPreview{
    width:100%;
    text-align:right
}
.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;
    left:0;
    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;
    left: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-left:-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{
        left:13px;
        top:0;
        height:64px;
        line-height:64px;
        transition:color ease-in 200ms,opacity ease-in 200ms 200ms !important;
        -moz-transition:color ease-in 200ms,opacity ease-in 200ms 200ms !important;
    /* Firefox 4 */
        -webkit-transition:color ease-in 200ms,opacity ease-in 200ms 200ms !important;
    /* Safari and Chrome */
        -o-transition:color ease-in 200ms,opacity ease-in 200ms 200ms !important;
    /* Opera */
        -ms-transition:color ease-in 200ms,opacity ease-in 200ms 200ms !important;
/* IE9? */
        z-index:1
    }
    .search-popup-box .popup-close .lnr{
        line-height:64px
    }
    .search-popup-box .popup-reveal{
        display:none
    }
    .search-popup-box .popup-content{
        opacity:0;
        visibility:hidden;
        color:#666;
        transform:translateX(0%);
        -ms-transform:translateX(0%);
    /* Internet Explorer */
        -moz-transform:translateX(0%);
    /* Firefox */
        -webkit-transform:translateX(0%);
    /* Safari 和 Chrome */
        -o-transform:translateX(0%);
    /* Opera */
        transition:all 0.4s ease;
        -moz-transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
        -o-transition:all 0.4s ease;
        -ms-transition:all 0.4s ease
    }
    .search-popup-box .popup-content.active{
        opacity:1;
        visibility:visible;
        transition:all 0.4s ease;
        -moz-transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
        -o-transition:all 0.4s ease;
        -ms-transition:all 0.4s ease
    }
    .search-popup-box .popup-content .popup-center{
        transform:scale(1.1) !important;
        -ms-transform:scale(1.1) !important;
    /* Internet Explorer */
        -moz-transform:scale(1.1) !important;
    /* Firefox */
        -webkit-transform:scale(1.1) !important;
    /* Safari 和 Chrome */
        -o-transform:scale(1.1) !important;
    /* Opera */
        transition-delay:0ms !important;
        -moz-transition-delay:0ms !important;
    /* Firefox 4 */
        -webkit-transition-delay:0ms !important;
    /* Safari 和 Chrome */
        -o-transition-delay:0ms !important;
    /* Opera */
        -ms-transition-delay:0ms !important;
/* IE9? */
        transition-timing-function:cubic-bezier(0.1,0.57,0.1,1);
        -moz-transition-timing-function:cubic-bezier(0.1,0.57,0.1,1);
    /* Firefox 4 */
        -webkit-transition-timing-function:cubic-bezier(0.1,0.57,0.1,1);
    /* Safari 和 Chrome */
        -o-transition-timing-function:cubic-bezier(0.1,0.57,0.1,1);
    /* Opera */
        -ms-transition-timing-function:cubic-bezier(0.1,0.57,0.1,1);
/* IE9? */

    }
    .search-popup-box .popup-content.active .popup-center{
        transform:scale(1) !important
    }
}
.overlay-panel-box .icon{
    font-size:18px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    -moz-transition:color ease-in 300ms;
    -webkit-transition:color ease-in 300ms;
    -o-transition:color ease-in 300ms;
    -ms-transition:color ease-in 300ms;
    transition:color ease-in 300ms
}
.overlay-panel-box .icon>span{
    display:inline-block;
    vertical-align:middle
}
.overlay-panel-content{
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:1004;
    width:100%;
    display:none;
    background: url(/Portals/_default/Skins/dng-theme-pro/resource/images/sitemap_bg_pascosteel.jpg) center no-repeat;
}
.overlay-panel-content.page--current{
    display:block
}
.overlay-panel-content:before{
    /*content:"";*/
    position:absolute;
    top:0;
    right:0;
    left: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-right:4px solid;
    display:block;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    backface-visibility:hidden;
    -webkit-animation:none;
    animation:none;
    -ms-transition:right 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:right 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{
    right:2px
}
.overlay-panel-box .icons .l_2,.overlay-panel-box .icons .l_5,.overlay-panel-box .icons .l_8{
    right:9px
}
.overlay-panel-box .icons .l_3,.overlay-panel-box .icons .l_6,.overlay-panel-box .icons .l_9{
    right: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;
    right:6px;
    width:5px
}
.overlay-panel-box:hover .icons .l_2{
    height:5px;
    right:11px;
    top:1px
}
.overlay-panel-box:hover .icons .l_3{
    top:5px;
    right:11px;
    height:5px
}
.overlay-panel-box:hover .icons .l_4{
    top:10px;
    right:2px;
    width:5px
}
.overlay-panel-box:hover .icons .l_5{
    top:10px;
    right:11px
}
.overlay-panel-box:hover .icons .l_6{
    top:10px;
    right:17px;
    width:5px
}
.overlay-panel-box:hover .icons .l_7{
    top:12px;
    right:11px;
    height:5px
}
.overlay-panel-box:hover .icons .l_8{
    top:16px;
    right:11px;
    height:5px
}
.overlay-panel-box:hover .icons .l_9{
    top:10px;
    right: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;
    right: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;
    left: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:#fff;
}
.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:0;
    padding:0;
    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:0 5px 5px
}
.overlay-contact .other-info{
    margin:100px 0 0;
    padding:0;
    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;
    background:url(/Portals/_default/Skins/dng-theme-pro/resource/images/menu-bg.png) 0 0 repeat-x;
    min-height:120px
}
.sticky-fixed .floating-nav.floating-nav-sticky.floating-active{
    position:fixed !important;
    background: none;
    min-height:0;
}
.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;
    right:auto
}
.header-mega-list{
    margin:0 0 20px;
    padding:0;
    list-style:none
}
.header-mega-list li{
    padding:6px 0
}
.header-mega-list li .fa{
    width:100%;
    text-align:center;
    margin-left: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:0 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;
    right:0;
    left: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:0;
    height:46px;
    top:0;
    right: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:0
}
.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%;
    right:50%;
    margin-right:-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:0 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:0 0 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:0 0 11px rgba(0,0,0,0.2)
    }
}
@media only screen and (max-width:991px){
    .owl-carousel .owl-item .dg-imagebox09 .pic.shadow{
        box-shadow:0 0 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%;
    right: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;
    right:0;
    left: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:24px;
    font-weight:bold
}
.dng-play-box img{
    max-width:100%
}
.dng-play-box.has-image .dng-play-button span{
    position:absolute;
    top:50%;
    right:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.dng-play-box .mask-layer{
    position:absolute;
    top:0;
    right:0;
    left: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;
    right:0;
    left: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:29px !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.5 !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:0 !important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !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-right:auto;
    margin-left:auto
}
/* Border */
.border-top{
    border-top:1px solid #ebebeb
}
.border-right{
    border-left:1px solid #ebebeb
}
.border-bottom{
    border-bottom:1px solid #ebebeb
}
.border-left{
    border-right:1px solid #ebebeb
}
.dashed-top{
    border-top:1px dashed #dedede
}
.dashed-right{
    border-left:1px dashed #dedede
}
.dashed-bottom{
    border-bottom:1px dashed #dedede
}
.dashed-left{
    border-right: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:right !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:right !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:right !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-right-xs,body .bakcground-position-x-right-xs>.dng-column-inner{
        background-position-x:right !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:right !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-right-sm,body .bakcground-position-x-right-sm>.dng-column-inner{
        background-position-x:right !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:right !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-right-md,body .bakcground-position-x-right-md>.dng-column-inner{
        background-position-x:right !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:right !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-right-lg,body .bakcground-position-x-right-lg>.dng-column-inner{
        background-position-x:right !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;
    left:0;
    bottom:0;
    right: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;
    right: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;
    right: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;
    right:0;
    width:20px
}
.banner-arrow .arrow:before{
    transform:rotate(45deg) translateX(-15%);
    transform-origin:top right
}
.banner-arrow .arrow:after{
    transform:rotate(-45deg) translateX(15%);
    transform-origin:top left
}
.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{
    right: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-left:30px;
    padding-bottom:30px;
    padding-right:30px;
    background-color:#f9f9f9
}
/*contact03*/
.contact03-box{
    -moz-box-shadow:0 0 20px 3px #e4e4e4;
    -webkit-box-shadow:0 0 20px 3px #e4e4e4;
    box-shadow:0 0 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-left: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-right: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-bleft-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-bleft-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-bleft-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-left:10px;
    margin-right: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-right:-62px !important;
    padding-top:107px !important;
    padding-right:62px !important;
    background:url(../images/dng-theme-pro/theme-title-circlebg.png) no-repeat
}
.dngtheme-title-greencirclebg{
    margin-right:-35px;
    padding-top:40px;
    padding-right:35px;
    background:url("../images/dng-theme-pro/theme-ttile-onlycircle.png") no-repeat
}
.dngtheme-special-bgtext{
    font-size:230px;
    word-wrap:normal;
    margin-right:-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-left:-447px;
    margin-bottom:-400px;
    margin-right:-115px
}
div.home-destokbox02-mgchange{
    margin-left:-447px;
    margin-bottom:-400px;
    margin-right:-11px
}
div.home-destokbox03-mgchange{
    margin-left:-447px;
    margin-bottom:-400px;
    margin-right:-64px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    div.home-destokbox01-mgchange{
        margin-bottom:-60px !important;
        margin-right:-24px !important;
        margin-left:-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-right:-18px !important;
        margin-left:-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-right:-30px !important;
        margin-left:-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-right:16px;
    vertical-align:middle
}
.home-core-shadowmd{
    box-shadow:0 0 30px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 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-right:10px;
    border-radius:4px;
    cursor:pointer
}
.fontawesome-icon-list .fa-hover .fa{
    width:32px;
    font-size:14px;
    display:inline-block;
    text-align:left;
    margin-left: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-right:10px;
    border-radius:4px;
    cursor:pointer
}
.linear-icon-list .lnr-hover .lnr{
    width:32px;
    font-size:14px;
    display:inline-block;
    text-align:left;
    margin-left: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-right:-115px !important
}
.app04-textbg-stancexs{
    margin-bottom:-130px !important;
    margin-right:-115px !important
}
.app04-textbg-stancexxs{
    margin-bottom:-120px !important;
    margin-right:-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-right:-30px !important;
        margin-bottom:-60px !important
    }
    .app04-textbg-stancexs{
        margin-right:-10px !important;
        margin-bottom:-60px !important
    }
    .app04-textbg-stancexxs{
        margin-right:-30px !important;
        margin-bottom:-60px !important
    }
}
@media only screen and (max-width:767px){
    .app04-textbg-stancesm{
        margin-right:-10px !important;
        margin-bottom:-60px !important
    }
    .app04-textbg-stancexs{
        margin-right:-10px !important;
        margin-bottom:-60px !important
    }
    .app04-textbg-stancexxs{
        margin-right:-10px !important;
        margin-bottom:-60px !important
    }
}
@media only screen and (max-width:767px){
    .text-left-xs{
        text-align:right !important
    }
}
@media only screen and (min-width:768px){
    .app04-pt-title{
        margin-left:-100px;
        position:relative;
        z-index:30
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .app04-ourservice-ptbg{
        background-position-x:right !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;
    right:0;
    z-index:-1;
    transform:skew(0deg,-5.8deg);
    transform-origin:right bottom;
    -webkit-transform-origin:right 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;
    right: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;
    right:-17px;
    top:0;
    text-align:left;
    max-width:17%;
    margin:0
}
.home10-cont dd{
    margin:0
}
.home10-cont dl.text_right,.home10-cont dl.text_right02{
    right:auto;
    left:0;
    text-align:right;
    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 #df0c36;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:absolute;
    right:-10px;
    top:-4px;
    background:#df0c36
}
.home10-cont dl .line:after{
    position:absolute;
    right:auto;
    top:auto;
    left:0;
    bottom:-6px;
    background-color:#df0c36;
    animation:shadow-pulse 1s infinite;
    border:1px solid #fff
}
.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 #df0c36;
    position:absolute;
    left:-95%;
    top:30px;
    height:2px
}
.home10-cont dl.text_right .line{
    right:-95%;
    left:auto
}
.home10-cont dl.text_left02 .line,.home10-cont dl.text_right02 .line{
    width:160px;
    border-bottom:1px solid #df0c36;
    border-left:1px solid #df0c36;
    position:absolute;
    left:-95%;
    top:-36px;
    height:72px
}
.home10-cont dl.text_right02 .line{
    right:-95%;
    border-right:1px solid #df0c36;
    border-left: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{
    left:0;
    right:auto;
    top:auto;
    bottom:0;
    margin:0 -10px -5px 0
}
.home10-cont dl.text_right02 .line:after{
    left:auto;
    right: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 0;
    left:0;
    right:auto
}
.home10-cont dl.text_right .line:after{
    top:0;
    right:0;
    left: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_right .line,.home10-cont dl.text_left .line{
        width:206px
    }
    .home10-cont dl.text_left .line{
        right:-95%;
        left:auto
    }
    .home10-cont dl.text_right02 .line,.home10-cont dl.text_left02 .line{
        width:206px
    }
    .home10-cont dl.text_right02{
        bottom:135px;
        top:auto
    }
    .home10-cont dl.text_left02{
        top:auto;
        bottom:200px
    }
    .home10-cont dl.text_right,.home10-cont dl.text_left{
        top:112px
    }
}
@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_right .line,.home10-cont dl.text_left .line,.home10-cont dl.text_right02 .line,.home10-cont dl.text_left02 .line{
        display:none
    }
    .home10-cont .text_img{
        max-width:50%
    }
    .home10-cont dl{
        max-width:23%
    }
    .home10-cont dl.text_left02{
        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_right .line,.home10-cont dl.text_left .line,.home10-cont dl.text_right .line,.home10-cont dl.text_left .line{
        display:none
    }
    .home10-cont dl{
        position:relative;
        text-align:right;
        max-width:100%;
        padding:15px 0;
        overflow:hidden
    }
    .home10-cont dl.text_right02{
        bottom:0;
        top:auto
    }
    .home10-cont dl.text_left02{
        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:left;
    margin-top:0;
    position:absolute !important;
    left:0;
    bottom:-210px;
    z-index:-1
}
.home10-imgout img{
    margin-right: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(right,rgba(225,225,224,100) 20%,rgba(244,244,244,100) 100%);
    background-image:-webkit-linear-gradient(right,rgba(225,225,224,100) 20%,rgba(244,244,244,100) 100%);
    background-image:-ms-linear-gradient(right,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:right;
    padding:20px 0;
    margin: 0 2% 0 0
}
@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 8% 0 2%
    }
}
@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%;
    right: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;
        right:0;
        top:100%;
        display:none
    }
}
.text-bg-left-top-160{
    position:absolute;
    top:-1%;
    right:-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;
        right:0
    }
}
/* splitfullpage01 */
.splitfullpage01-specialshortline:before{
    content:"";
    display:inline-block;
    width:30px;
    border-bottom:4px solid #fff;
    margin-bottom:13px
}
.splitfullpage01-left-line{
    margin-right:-1000px;
    padding-right: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;
    right:-20px;
    transform-origin:right bottom;
    transform:rotate(90deg);
    -ms-transform-origin:right bottom;
/* IE 9 */
    -ms-transform:rotate(90deg);
    -moz-transform-origin:right bottom;
/* Firefox */
    -moz-transform:rotate(90deg);
    -webkit-transform-origin:right bottom;
/* Safari 和 Chrome */
    -webkit-transform:rotate(90deg);
    -o-transform-origin:right 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-left:9px
}
@media only screen and (min-width:768px) and (max-width:1350px){
    .position-rotate{
        right:-10%;
        top:-60px
    }
}
@media screen and (max-width:767px){
    .position-rotate{
        right:-18%;
        top:-12%;
        min-width:400px
    }
}
.mapheight-overhidden{
    overflow:hidden
}
/* splitfullpage01 End */
/*fullpage */
@media only screen and (min-width:768px){
    .formbtn-ml-_1{
        margin-right:-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:right;
    margin-left:1.5em;
    line-height:20px;
    margin-bottom:10px
}
.home-page-course-box ul li:first-child{
    font-size:13px
}
.home-page-course-box ul li:last-child{
    margin-left:0
}
.home-page-course-box ul li i{
    font-size:20px;
    margin-left:0.6em;
    margin-bottom:5px;
    vertical-align:middle
}
/*parsa*/
.home-page-course-title{
    position:relative;
    /*padding-bottom:15px;*/
    margin-bottom:15px
}

.home-page-course-title::before{
 /*content: "";*/
    display:block;
    position:absolute;
    right: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-left:23px
}
.border.home-page-course-box>ul li div{
    float:right;
    margin-left:5px
}
.border.home-page-course-box>ul li div:first-child{
    margin-left:40px
}
@media only screen and (min-width:1200px){
    .border.home-page-course-box .fr-lg{
        float:left !important
    }
}
.about-why-textbg{
    margin-right:-105px !important;
    margin-bottom:-94px !important;
    font-size:150px !important;
    word-wrap:normal !important
}
.teachers-outstanding-textbg{
    margin-bottom:-187px !important;
    margin-right:-205px !important;
    font-size:150px !important;
    word-wrap:normal !important
}
.teachers-most-textbg{
    margin-bottom:-91px !important;
    margin-right:-107px !important;
    font-size:150px !important;
    word-wrap:normal !important
}
.teachersingle-textbg{
    margin-bottom:-92px !important;
    margin-right:-106px !important;
    font-size:150px !important;
    word-wrap:normal !important
}
.coursesingle-textbg{
    margin-bottom:-104px !important;
    margin-right:-86px !important;
    font-size:150px !important;
    word-wrap:normal !important
}
.portfoliosingle-textbg{
    margin-bottom:-104px !important;
    margin-right:-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-right:-30px !important;
        margin-bottom:-65px !important;
        font-size:100px !important
    }
    .teachers-outstanding-textbg{
        margin-right:-60px !important;
        margin-bottom:-65px !important;
        font-size:100px !important
    }
    .teachers-most-textbg{
        margin-right:-35px !important;
        margin-bottom:-65px !important;
        font-size:100px !important
    }
    .teachersingle-textbg{
        margin-right:-30px !important;
        margin-bottom:-65px !important;
        font-size:100px !important
    }
    .coursesingle-textbg{
        margin-right:-10px !important;
        margin-bottom:-65px !important;
        font-size:90px !important
    }
    .portfoliosingle-textbg{
        margin-right:-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-right:-30px !important;
        margin-bottom:-65px !important;
        font-size:100px !important
    }
    .teachers-outstanding-textbg{
        margin-right:-45px !important;
        margin-bottom:-55px !important;
        font-size:75px !important
    }
    .teachers-most-textbg{
        margin-right:-20px !important;
        margin-bottom:-65px !important;
        font-size:90px !important
    }
    .teachersingle-textbg{
        margin-right:-15px !important;
        margin-bottom:-55px !important;
        font-size:90px !important
    }
    .coursesingle-textbg{
        margin-right:-10px !important;
        margin-bottom:-70px !important;
        font-size:100px !important
    }
    .portfoliosingle-textbg{
        margin-right:-10px !important;
        margin-bottom:-75px !important;
        font-size:100px !important
    }
}
@media only screen and (max-width:767px){
    .about-why-textbg{
        margin-right:-15px !important;
        margin-bottom:-55px !important;
        font-size:90px !important
    }
    .teachers-outstanding-textbg{
        margin-right:-40px !important;
        margin-bottom:-55px !important;
        font-size:65px !important
    }
    .teachers-most-textbg{
        margin-right:-15px !important;
        margin-bottom:-50px !important;
        font-size:80px !important
    }
    .teachersingle-textbg{
        margin-right:-10px !important;
        margin-bottom:-50px !important;
        font-size:75px !important
    }
    .coursesingle-textbg{
        margin-right:-10px !important;
        margin-bottom:-50px !important;
        font-size:65px !important
    }
    .portfoliosingle-textbg{
        margin-right:-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;
    right:20px;
    left: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%;
    right: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;
    right:0;
    width:100%;
    height:0
}
.dng-video-wrapper iframe,.dng-video-wrapper video{
    position:absolute;
    top:0;
    right: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:right;
    position:relative;
    padding-left:15px;
    padding-right: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:right
}
@media (min-width:768px){
    .col-sm-1\/5:nth-child(5n+1){
        clear:right
    }
}
@media (min-width:992px){
    .col-md-1\/5:nth-child(5n+1){
        clear:right
    }
}
@media (min-width:1200px){
    .col-lg-1\/5:nth-child(5n+1){
        clear:right
    }
}
/*skin*/
.dng-row{
    column-gap:0
}
.container-fluid.row-no-spacing{
    padding-right:0;
    padding-left:0
}
.container-fluid.col-no-padding{
    padding-right:0;
    padding-left:0
}
.container-fluid.col-no-padding .dng-row{
    margin-right:0;
    margin-left:0
}
.container-fluid.col-no-padding .dng-column-inner{
    padding-right:0;
    padding-left:0
}
.dng-column{
    padding-right:0;
    padding-left:0
}
.dng-column>.dng-column-inner{
    padding-right:15px;
    padding-left:15px;
    width:100%
}
.column-gap-0>.dng-column{
    padding:0
}
.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:0;
    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
    }
}
/*************ezweb.ir*************/
.dg-ico05,.dg-ico05.fa{
    width:64px;
    height:64px;
    line-height:64px;
    text-align:center;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    font-size:24px;
    display:inline-block;
    color:#666666;
    position:relative;
    background:#fff
}
.dg-ico05:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow:0 0 25px -11px;
    -moz-box-shadow:0 0 25px -11px;
    -webkit-box-shadow:0 0 25px -11px;
    transition:all 200ms ease-in;
    -moz-transition:all 200ms ease-in;
/* Firefox 4 */
    -webkit-transition:all 200ms ease-in;
/* Safari and Chrome */
    -o-transition:all 200ms ease-in;
/* Opera */
    -ms-transition:all 200ms ease-in;
/* IE9? */

}
.dg-ico05:hover:after,[class*="dg-iconbox"]:hover .dg-ico05:after,[class*="dg-iconbox"]:hover .dg-ico05.fa:after{
    top:-4px;
    right:-4px;
    left:-4px;
    bottom:-4px
}
.dg-ico05 .fa{
    line-height:inherit
}
.dg-iconbox04 .title{
    margin:0 0 16px;
    font-size:18px;
    color:#424242;
    line-height:21px
}
[class*="dg-iconbox"] .title{
    font-weight:normal
}
.dg-iconbox04{
    padding:0 0 38px
}
.dg-iconbox04 .size-xs + .box-right .title,.dg-iconbox04 .size-xs.title{
    margin-bottom:11px
}
.dg-iconbox04.display-table p{
    margin:0
}
@media only screen and (max-width:767px){
    .dg-iconbox04{
        padding: 0 0 20px 0
    }
}
.line-1{

}
    .customerBox {
        border: 1px solid #ccc;
        /* background: url(/Portals/_default/Skins/dng-theme-pro/resource/images/customers.jpg) center no-repeat; */
        background:linear-gradient(90deg, rgba(255,255,255,0.65) 18%, rgba(255,255,255,0.95) 100%), url(/Portals/0/Images/menu_image05_pascosteel.jpeg) center no-repeat ;
        background-size: cover !important;
        padding: 60px 30px 0;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    }

    .dnnFormItem > label.dnnFormLabel, .dnnFormItem > span.dnnFormLabel {
        margin: 25px -3px 0 18px !important;
        width: 10% !important;
        text-align: right;
    }

    .dnnLabel {
        width: 10.075%;
        text-align: right;
    }

    .mark, mark {
        background-color: transparent;
    }

    .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
        margin-bottom: 7px;
        border-radius: 24px;
    }

    .loginContent a.dnnPrimaryAction {
        color: #FFF !important;
        border-radius: 25px;
    }

    .loginContent a, .loginContent a:link {
        color: #333;
        border-radius: 25px;
    }

    .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction {
        padding: 4px 17px;
    }

        .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
            border-color: #333;
            color: #fff;
            background: #333;
            box-shadow: none;
            webkit-transition: all 200ms ease-out 0s;
            -moz-transition: all 200ms ease-out 0s;
            -o-transition: all 200ms ease-out 0s;
            transition: all 200ms ease-out 0s;
        }

    .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
        border-color: #eb0000;
        color: #efefef;
        background: #eb0000;
        webkit-transition: all 200ms ease-out 0s;
        -moz-transition: all 200ms ease-out 0s;
        -o-transition: all 200ms ease-out 0s;
        transition: all 200ms ease-out 0s;
        box-shadow: none;
        text-shadow: none;
    }

    .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup spa {
        box-shadow: none;
        text-shadow: none;
    }

 @media only screen and (min-width:480px) and (max-width:600px){
            .customerBox {
        background-size: cover;
    }
    .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
    width: 273px;
}

    .dnnLabel {
    width: 16.075%;
}
    }

  @media only screen and (min-width:601px) and (max-width:767px){
            .customerBox {
        background-size: cover;
    }
    .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
    width: 273px;
}

    .dnnLabel {
    width: 32.075%;
}
    }

 @media only screen and (min-width:1024px) and (max-width:1280px){
.dnnLabel{
    padding-left:0;
}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.dnnLabel{
    padding-left:0;
}
}

 @media only screen and (min-width:320px) and (max-width:480px){
.dnnLabel{
    padding-left:0;
}
.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
   width: 237px;
}
            .customerBox {
        background-size: cover;
    }
 .dnnLabel {
    width: 25.075%;

}
}