/*******************Header***************************/

#dng-megamenu673076 .primary_structure>li>a {
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 41px;
    font-weight: bold;
}

#dng-megamenu673076.hoverstyle_4 .primary_structure>li:hover>a,
#dng-megamenu673076.hoverstyle_4 .primary_structure>li>a:focus,
#dng-megamenu673076.hoverstyle_4 .primary_structure>li.current>a,
#dng-megamenu673076.hoverstyle_4 .primary_structure>li.menu_hover>a,
#dng-megamenu673076.hoverstyle_4 .primary_structure>li>a.current {
    color: #f0a224 !important;
    font-weight: bold;
}

#dng-megamenu673076.hoverstyle_4 .primary_structure .back {
    border-width: 2px;
    border-color: #f0a224;
}

#dng-megamenu673076 .primary_structure>li>a {
    padding-right: 0;
    padding-left: 0;
}

#dng-megamenu673076 .primary_structure>li {
    margin-right: 4px;
    margin-left: 41px;
}

#dng-megamenu673076 .primary_structure>li>a,
#dng-megamenu673076 .primary_structure>li>a:link,
#dng-megamenu673076 .primary_structure>li>a:active,
#dng-megamenu673076 .primary_structure>li>a:visited {
    color: rgb(1 121 93);
    font-family: Poppins;
    font-size: 15px;
    font-weight: bold;
    line-height: 33px;
}

#dng-megamenu673076 .dnngo_slide_menu,
#dng-megamenu673076 .dnngo_slide_menu .dnngo_submenu {
    background-color: rgba(255, 255, 255, 1);
}

#dng-megamenu673076 .dnngo_slide_menu li,
#dng-megamenu673076 .dnngo_slide_menu li a {
    color: rgba(102, 102, 102, 1);
    font-size: 13px;
    line-height: 39px;
}

#dng-megamenu673076 .dnngo_slide_menu li:hover>a,
#dng-megamenu673076 .dnngo_slide_menu li>a:focus,
#dng-megamenu673076 .dnngo_slide_menu li.subcurrent>a {
    background-color: #ffb400;
}

#dng-megamenu673076 .dnngo_menu_list,
#dng-megamenu673076 .dnngo_boxslide {
    background-color: rgba(255, 255, 255, 1);
}

#dng-megamenu673076 .dnngo_menu_list .pane_space,
#dng-megamenu673076 .dnngo_menu_list a,
#dng-megamenu673076 .dnngo_menu_list a:link,
#dng-megamenu673076 .dnngo_menu_list a:active,
#dng-megamenu673076 .dnngo_menu_list a:visited,
#dng-megamenu673076 .dnngo_boxslide .pane_space,
#dng-megamenu673076 .dnngo_boxslide a,
#dng-megamenu673076 .dnngo_boxslide a:link,
#dng-megamenu673076 .dnngo_boxslide a:active,
#dng-megamenu673076 .dnngo_boxslide a:visited {
    color: rgb(1 121 93);
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    text-decoration: none;
}

#dng-megamenu673076 .dnngo_menu_list>li>a,
#dng-megamenu673076 .dnngo_menu_list>li>a:link,
#dng-megamenu673076 .dnngo_menu_list>li>a:active,
#dng-megamenu673076 .dnngo_menu_list>li>a:visited,
#dng-megamenu673076 .dnngo_menu_list .submenu_title a,
#dng-megamenu673076 .dnngo_menu_list .submenu_title a:link,
#dng-megamenu673076 .dnngo_menu_list .submenu_title a:active,
#dng-megamenu673076 .dnngo_menu_list .submenu_title a:visited,
#dng-megamenu673076 .dnngo_menu_list .submenu_title,
#dng-megamenu673076 .dnngo_boxslide .submenu_title a,
#dng-megamenu673076 .dnngo_boxslide .submenu_title a:link,
#dng-megamenu673076 .dnngo_boxslide .submenu_title a:active,
#dng-megamenu673076 .dnngo_boxslide .submenu_title a:visited,
#dng-megamenu673076 .dnngo_boxslide .submenu_title {
    color: rgba(66, 66, 66, 1);
    font-size: 15px;
    font-weight: 600;
    line-height: 35px;
}

#dng-megamenu673076 .dnngo_menu_list li li.subcurrent>a,
#dng-megamenu673076 .dnngo_menu_list li.subcurrent>a,
#dng-megamenu673076 .dnngo_custommenu li.current>a {
    color: #ffb400;
    background-color: transparent;
}

#dng-megamenu673076 .dnngo_menu_list li a:hover,
#dng-megamenu673076 .dnngo_menu_list li a:focus,
#dng-megamenu673076 .dnngo_boxslide .submenu_title a:hover {
    color: #ffb400;
}

#dng-megamenu673076 .dnngo_menu_list li li a:hover,
#dng-megamenu673076 .dnngo_menu_list li li a:focus,
#dng-megamenu673076 .dnngo_custommenu .submenu li a:hover,
#dng-megamenu673076 .dnngo_custommenu .submenu li a:focus {
    color: #FFF;
    background-color: #ffb400;
}

#dng-megamenu673076 .mega-menu .boxslide>.line span,
#dng-megamenu673076 .dnngo_menuslide>.line span {
    border-color: rgba(220, 220, 220, 1);
}

#search-popup-box623472 a.search:hover,
#search-popup-box623472 .popup-close:hover {
    color: #ffb400;
}

#overlay-panel-content727264:before {
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
    background: linear-gradient(to right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}

#logo712896 img {
    max-height: 40px !important;
}

#search-popup-box123587 a.search:hover,
#search-popup-box123587 .popup-close:hover {
    color: #ffb400;
}

.mobilemenu11098 .mm-listview,
.mobilemenu11098 #panel-wrap-0 .mm-listview,
.mobilemenu11098 #panel-wrap-0 .mm-listview>li>a,
.mobilemenu11098 #panel-wrap-0 .mm-listview>li>a:link,
.mobilemenu11098 #panel-wrap-0 .mm-listview>li>a:active,
.mobilemenu11098 #panel-wrap-0 .mm-listview>li>a:visited {
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
}

.mobilemenu11098 .mm-listview>li>a,
.mobilemenu11098 .mm-listview>li>a:link,
.mobilemenu11098 .mm-listview>li>a:active,
.mobilemenu11098 .mm-listview>li>a:visited {
    color: rgba(102, 102, 102, 1);
    font-size: 15px;
}

.mobilemenu11098.dng-mobilemenu .mm-title {
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    font-weight: 500;
}

.mobilemenu11098.dng-mobilemenu .mm-listview>li:hover>a,
.mobilemenu11098.dng-mobilemenu .mm-listview>li.mm-selected>a,
.mobilemenu11098.dng-mobilemenu .mm-listview>li>a.current-anchor,
.mobilemenu11098.dng-mobilemenu .mm-listview>li>a.acurrent,
.mobilemenu11098.dng-mobilemenu .mm-listview>li.current>a {
    color: #ffb400 !important;
}

.mobilemenu11098.dng-mobilemenu .mm-listview>li:hover .mm-next:after,
.mobilemenu11098.dng-mobilemenu .mm-listview>li:hover .mm-arrow:after,
.mobilemenu11098.dng-mobilemenu .mm-listview>li.mm-selected .mm-next:after,
.mobilemenu11098.dng-mobilemenu .mm-listview>li.mm-selected .mm-arrow:after,
.mobilemenu11098.dng-mobilemenu .mm-listview>li.current>.mm-next:after,
.mobilemenu11098.dng-mobilemenu .mm-listview>li.current>.mm-arrow:after {
    border-color: #ffb400 !important;
}

.mobilemenu11098.dng-mobilemenu .mm-listview>li {
    border-color: rgba(134, 134, 134, 0.2);

}

.mobilemenu11098.dng-mobilemenu .mm-close:after,
.mobilemenu11098.dng-mobilemenu .mm-btn.mm-prev:after {
    color: rgba(51, 51, 51, 1) !important;
}

.mobilemenu11098.dng-mobilemenu .mm-listview>li .mm-next:after,
.mobilemenu11098.dng-mobilemenu .mm-listview>li .mm-arrow:after {
    border-color: rgba(102, 102, 102, 1);
}

.mobilemenu11098 #panel-wrap-0 .mm-listview>li .mm-next:after,
.mobilemenu11098 #panel-wrap-0 .mm-listview>li .mm-arrow:after {
    border-color: rgba(51, 51, 51, 1);
}

.mobilemenu11098.dng-mobilemenu.mobile_menu {
    background-color: rgba(255, 255, 255, 1);
}

#headerrow-349354 {
    background-color: rgba(51, 51, 51, 1);
}

#headerrow-349354,
#headerrow-349354 .header-top,
#headerrow-349354 .header-top .logo {
    height: 42px
}

#headerrow-349354 .header-top .logo {
    line-height: 42px
}

#headerrow-349354 .area-left {
    padding-right: 8px;
}

#headerrow-349354 .area-center {
    padding-left: 8px;
    padding-right: 8px;
}

#headerrow-349354 .area-right {
    padding-left: 8px;
}

#headerrow-349354 .area-center .header-content-wrap>div,
#headerrow-349354 .area-right .header-content-wrap>div {
    margin-left: 25px;
}

.floating-active #headerrow-349354:after {
    content: none;
}

#headerrow-349354 .dngTextBox,
#headerrow-349354 .header-content-wrap>*:not(.nav-bar),
#headerrow-349354 .Normal,
#headerrow-349354 .Normal>a,
#headerrow-349354 .Normal>a:link,
#headerrow-349354 .Normal>a:active,
#headerrow-349354 .Normal>a:visited,
#headerrow-349354 .dngTextBox a,
#headerrow-349354 .dngTextBox a:link,
#headerrow-349354 .dngTextBox a:active,
#headerrow-349354 .dngTextBox a:visited {
    color: rgba(255, 255, 255, 1);
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
}

#headerrow-349354 .Normal>a:hover,
#headerrow-349354 .dngTextBox a:hover,
#headerrow-349354 .hover-accent:hover,
#headerrow-349354 .Login a:hover,
#headerrow-349354 .Login a.active {
    color: rgba(255, 255, 255, 1)
}

#headerrow-349354 .Login .userProfile .userMessages,
#headerrow-349354 .Login .userProperties ul.userMenu a span {
    background-color: rgba(255, 255, 255, 1)
}

#headerrow-349356 {
    background-color: rgba(255, 255, 255, 1);
}

#headerrow-349356,
#headerrow-349356 .header-center,
#headerrow-349356 .header-center .logo {
    height: 100px
}

#headerrow-349356 .header-center .logo {
    line-height: 100px
}

#headerrow-349356 .area-left {
    padding-right: 8px;
}

#headerrow-349356 .area-center {
    padding-left: 8px;
    padding-right: 8px;
}

#headerrow-349356 .area-right {
    padding-left: 8px;
}

#headerrow-349356 .area-left .header-content-wrap>div {
    margin-right: 15px;
}

#headerrow-349356 .area-center .header-content-wrap>div,
#headerrow-349356 .area-right .header-content-wrap>div {
    margin-left: 15px;
}

#headerrow-349356:after {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    bottom: 0;
    right: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-box-shadow: 10px 10px 10px -11px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px -11px rgba(0, 0, 0, 0.2);
}


.floating-active #headerrow-349356:after {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    bottom: 0;
    right: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-box-shadow: 10px 10px 10px -11px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px -11px rgba(0, 0, 0, 0.2);
}

.floating-active #headerrow-349356 {
    background-color: rgba(255, 255, 255, 1) !important;
}

#headerrow-349356 .dngTextBox,
#headerrow-349356 .header-content-wrap>*:not(.nav-bar),
#headerrow-349356 .Normal,
#headerrow-349356 .Normal>a,
#headerrow-349356 .Normal>a:link,
#headerrow-349356 .Normal>a:active,
#headerrow-349356 .Normal>a:visited,
#headerrow-349356 .dngTextBox a,
#headerrow-349356 .dngTextBox a:link,
#headerrow-349356 .dngTextBox a:active,
#headerrow-349356 .dngTextBox a:visited {
    color: rgba(30, 30, 30, 1);
}

#headerrow-349356 .Normal>a:hover,
#headerrow-349356 .dngTextBox a:hover,
#headerrow-349356 .hover-accent:hover,
#headerrow-349356 .Login a:hover,
#headerrow-349356 .Login a.active {
    color: #ffb400
}

#headerrow-349356 .Login .userProfile .userMessages,
#headerrow-349356 .Login .userProperties ul.userMenu a span {
    background-color: #ffb400
}

.floating-nav.floating-active #headerrow-349356 .header-container-box,
.floating-nav.floating-active #headerrow-349356 .header-bg-box,
.floating-nav.floating-active #headerrow-349356 {
    height: 70px;
}

.floating-nav.floating-active #headerrow-349356 .logo {
    height: 70px;
    line-height: 70px;
}

#mobileheader-639685 {
    background-color: rgba(255, 255, 255, 1);
}

#mobileheader-639685,
#mobileheader-639685 .header-area {
    height: 64px
}

#mobileheader-639685 .dng-mobilemenu.mobile_menu.mm-menu {
    top: 64px
}

#mobileheader-639685 .header-area .logo img {
    max-height: 56px
}

#mobileheader-639685 .dngTextBox,
#mobileheader-639685 .header-content-wrap>*:not(.nav-bar),
#mobileheader-639685 .Normal,
#mobileheader-639685 .Normal>a,
#mobileheader-639685 .Normal>a:link,
#mobileheader-639685 .Normal>a:active,
#mobileheader-639685 .Normal>a:visited,
#mobileheader-639685 .dngTextBox a,
#mobileheader-639685 .dngTextBox a:link,
#mobileheader-639685 .dngTextBox a:active,
#mobileheader-639685 .dngTextBox a:visited {
    color: rgba(61, 61, 61, 1);
}

#mobileheader-639685 .header-content-wrap .Normal>a:hover,
#mobileheader-639685 .header-content-wrap .dngTextBox a:hover,
#mobileheader-639685 .Normal>a:hover,
#mobileheader-639685 .dngTextBox a:hover,
#mobileheader-639685 .hover-accent:hover,
#mobileheader-639685 .search-popup-box .icon.active,
#mobileheader-639685 .search-popup-box:hover .icon,
#mobileheader-639685 .mobile-menu-icon:hover .fa-bars:before,
#mobileheader-639685 .search-popup-box .submit:hover,
#mobileheader-639685 .search-popup-box .popup-close:hover,
#mobileheader-639685 .shop-cart-list .shop-list .remove:hover,
#mobileheader-639685 .shop-cart-list .shop-list .price-info span,
#mobileheader-639685 .shop-cart-list .shop-list .number-box .number-up:hover,
#mobileheader-639685 .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover,
#mobileheader-639685 .search-popup-box .icon:hover,
#mobileheader-639685 .mobile-menu-icon:hover,
#mobileheader-639685 .mobile-menu-icon .active {
    color: #ffb400;
}

/*****************BlogList*************************/


@media only screen and (min-width:768px) and (max-width:991px) {
    .post-style-list .title {
        padding-right: 40px;
        padding-left: 40px
    }

    .post-style-list .excerpt {
        padding-right: 40px;
        padding-left: 40px
    }

    .post-style-list .info {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media only screen and (max-width:767px) {
    .post-style-list .pic {
        margin-bottom: 20px
    }

    .post-style-list .title {
        padding: 0 15px 14px
    }

    .post-style-list .excerpt {
        padding: 0 15px 20px
    }

    .post-style-list .info {
        padding: 15px 0;
        margin: 0 15px
    }
}


@media only screen and (min-width:992px) and (max-width:1199px) {
    .post-style-list2 .right-box {
        overflow: hidden;
        padding: 35px 35px 10px
    }

    .post-style-list2 .title-box {
        margin-bottom: 20px
    }

    .post-style-list2 .excerpt {
        padding-bottom: 18px
    }
}

@media only screen and (max-width:991px) {
    .post-style-list2 .right-box {
        overflow: hidden;
        padding: 25px;
        margin: 0
    }

    .post-style-list2 .title-box {
        margin-bottom: 20px
    }

    .post-style-list2 .excerpt {
        padding-bottom: 18px
    }

    .post-style-list2 {
        white-space: normal;
        margin-bottom: 30px
    }

    .post-style-list2 .pic {
        width: 100%;
        position: relative;
        display: block
    }

    .post-style-list2 .excerpt {
        min-height: inherit
    }

    .post-style-list2 .left-box {
        display: block;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .post-style-list2 .right-box {
        padding-right: 15px;
        padding-left: 15px
    }
}

.post-style-list3 {
    position: relative;
    margin-bottom: 60px
}

.post-style-list3 .pic img {
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 15px 3px rgb(130 128 128 / 82%);
}

.post-style-list3 .pic {
    position: relative;
    width: 60%
}


.post-style-list3 .right-box {
    padding: 15px;
    -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.14);
    height: 85px;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.14);
    background-color: #FFF;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45%;
    max-height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.post-style-list3 .right-box:after {
    content: "";
    clear: both;
    display: block
}

.post-style-list3 .title {
    padding: 0;
    margin: 5px 0 12px;
    font-size: 20px;
}

.post-style-list3 .info:after,
.post-style-list3:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden
}


.post-style-list3 .author,
.post-style-list3 .time,
.post-style-list3 .comments,
.post-style-list3 .author-pic {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.post-style-list3 .title-box {
    color: #6a6666;
    margin-bottom: 0px;
    display: table;
    line-height: 1;
    padding: 5px 0;
}

.post-style-list3 .time {
    display: table-cell;
    padding: 0 0 3px 3px;
    text-align: center;
    border-left: 1px solid #bbb;
    vertical-align: middle
}

.post-style-list3 .info {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle
}

.post-style-list3 .time+.info {
    padding-right: 10px
}

.post-style-list3 .info,
.post-style-list3 .info a,
.post-style-list3 .info a:link,
.post-style-list3 .info a:active,
.post-style-list3 .info a:visited {
    color: #888888
}

.post-style-list3 .info a:hover .icon {
    color: #888888
}

.post-style-list3 .more,
.post-style-list3 .more a,
.post-style-list3 .more a:link,
.post-style-list3 .more a:active,
.post-style-list3 .more a:visited,
.post-style-list3 .title,
.post-style-list3 .title a,
.post-style-list3 .title a:link,
.post-style-list3 .title a:active,
.post-style-list3 .title a:visited {
    color: #f0a224;
    font-size: 17px;
}


@media only screen and (min-width:992px) and (max-width:1199px) {
    .post-style-list3 .right-box {
        padding: 30px
    }

    .post-style-list3 .title-box {
        margin-bottom: 25px
    }

    .post-style-list3 .excerpt {
        padding-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .post-style-list3 {
        margin-bottom: 30px
    }

    .post-style-list3 .left-box {
        padding: 30px;
        position: relative;
        width: auto;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    .post-style-list3 .pic {
        width: auto !important;
        margin: auto !important
    }
}

@media only screen and (max-width:767px) {
    .isotope-item .post-style-list3 .pic {
        width: auto !important;
        margin: 0 !important
    }

    .isotope-item .post-style-list3 .left-box {
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
        width: auto !important;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 15px
    }

    .post-style-list3 .title-box {
        margin-bottom: 20px
    }

    .post-style-list3 .excerpt {
        padding-bottom: 15px
    }
}

/************CustomStyles**************/
body {
    margin-left: -20px !important
}

.dng-list.list-icon ul li a:hover {
    color: #f0a224 !important
}

.dng-list.line-solid li:last-child,
.dng-list.line-dashed li:last-child,
.dng-list.line-dotted li:last-child {
    border-bottom: none
}

.pane_space {
    padding-bottom: 0 !important;
    padding-top: 30px !important
}

a.tit-home {
    color: #4c4a54 !important;
    font-size: 25px;
    font-weight: 700;
    padding-top: 10px;
    display: block
}

a.titt-home {
    color: #4c4a54 !important;
    font-size: 25px;
    font-weight: 700;
    padding-top: 10px;
    display: block
}


.bg-col-home {
    background: #f0a224;
    text-align: center;
    margin-top: -35px;
    box-shadow: 0 -4px 20px 0 #0a0a0a;
    padding: 20px;
    border-radius: 0 0 45px 45px
}

.col1 {
    background: url(/Portals/0/Images/home/beton.png)85% no-repeat;
    height: 90px
}

.col2 {
    background: url(/Portals/0/Images/home/microsement.png)85% no-repeat;
    height: 90px
}

.col3 {
    background: url(/Portals/0/Images/home/gfrc.png)85% no-repeat;
    height: 90px
}

.col4 {
    background: url(/Portals/0/Images/home/fernicher.png)85% no-repeat;
    height: 90px
}

#row-755585 {
    display: none
}

#row-431675 {
    display: none
}

#row-6057 {
    display: none
}

#row-87127 {
    display: none
}

h2.tt-home {
    font-size: 23px;
    font-weight: 700;
    color: #01795d;
    border-right: 2px solid #01795d;
    padding-right: 10px;
    margin-bottom: 25px
}

p.p-abt {
    font-size: 15px;
    line-height: 2.2;
    text-align: justify
}

img.pic-abt {
    box-shadow: 0 0 10px 0 #59556c;
    border-radius: 40px 0;
    width: auto;
}

div#row-79751 {
    display: none
}

p.tit-pr a {
    font-size: 20px;
    color: #59556c;
    margin-top: 20px;
    font-weight: 700;
    display: block;
    text-decoration: none
}

p.tit-pr a:hover {
    color: #01795d
}

.bg-product {
    background: url(/Portals/0/Images/home/bg-home.jpg) center no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.box-pr {
    text-align: center;
    background: #ededed;
    border: 2px solid #59556c;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #1c1818ee
}

img.img-box-pr {
    border-radius: 15px 15px 0 0
}

.box-pr:hover p {
    color: #eea224;
    transition: .4s all
}


.dg-imagebox09 {
    box-shadow: 0 0 10px 0 #7e7b7b;
    border-radius: 25px 0 25px 0 !important
}

.dg-imagebox09 .pic {
    border-radius: 25px 0 25px 0 !important
}

.dg-imagebox09 .content {
    padding: 25px 15px !important;
    background: rgba(1, 1, 1, 0.7) !important;
    position: absolute !important;
    height: 75px !important;
    top: 75% !important
}

span.title.tt-pr {
    font-size: 19px !important;
    color: #eee !important
}

span.title.tt-pr a {
    color: #eee !important;
    text-decoration: none;
    font-weight: 700
}

.bg-exp {
    background: url(/Portals/0/Images/home/bg-home.jpg) center no-repeat;
    height: 380px;
    background-attachment: fixed;
    background-size: cover
}

.box-2 {
    position: relative;
    height: 250px;
    width: 350px;
    margin: 0 auto;
    background: #f0a224;
    padding: 20px;
    box-shadow: 0 0 10px 0 #303030;
    border-radius: 5px
}

.br-box {
    width: 140px;
    height: 140px;
    border: 3px solid #01795d;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 30%
}

.box-2 span {
    font-size: 80px;
    width: 80px;
    height: 80px;
    color: #eee !important;
    top: 30px
}

p.box-2-p {
    font-size: 22px;
    font-weight: 700;
    color: #eee;
    margin: 30px;
    position: absolute;
    top: 66%
}

div#row-734799 {
    display: none
}

div#row-221411 {
    display: none
}

div#column-152532 {
    display: none
}

div#column-104755 {
    display: none
}

div#row-187137 {
    display: none
}

div#column-227614 {
    padding-left: 0 !important
}

#swiper-d6js7o .swiper-button-next {
    margin: -25px -60px 0 0 !important
}

#swiper-dx7qmm .swiper-button-prev {
    margin: -25px 0 0 -60px !important
}

.box-2 span {
    font-size: 80px;
    width: 80px;
    height: 80px;
    color: #01795d !important
}

p.box-2-p {
    font-size: 22px;
    font-weight: 700;
    color: #01795d;
    margin-top: 25px
}

div#row-759616 {
    background: #59556c;
    border-top: 5px solid #01795d
}

#column-134863 {
    background-image: none !important
}

#column-811328 {
    background-image: none !important;
    background: none
}

#column-1797 {
    background: none !important
}

.text-aboutus span.tt-footer {
    font-size: 22px;
    font-weight: 700;
    color: #eee;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px
}

.text-aboutus p {
    text-align: justify;
    font-size: 14px;
    line-height: 2.2;
    color: #eee
}

span.lnr.lnr-map-marker {
    font-size: 18px;
    color: #f0a224
}

span.lnr.lnr.lnr-telephone {
    font-size: 18px;
    color: #f0a224
}

span.add-footer a {
    font-size: 15px;
    color: #eee;
    text-decoration: none
}

span.add-footer {
    font-size: 15px;
    color: #eee;
    line-height: 2.2
}

.p-contact-footer {
    text-align: justify;
    margin-bottom: 20px
}

div#footerinfo66464 {
    color: #eee
}

span.design-by a {
    color: #eee !important
}

img.social-footer {
    border-radius: 15px;
    box-shadow: 0 0 10px 0 #242424
}

img.social-footer:hover {
    box-shadow: 0 0 10px 0 #b5b3b3;
    transition: .4s all
}

.padding-social {
    padding: 0 35px
}

div#dnn_ctr445_HtmlModule_lblContent {
    margin-bottom: 30px
}


.swiper-button-next {
    margin: -20px -60px 0 0 !important
}

.swiper-button-prev {
    margin: -20px 0 0 -60px !important
}


p.link-more a {
    font-size: 14px;
    font-weight: 700;
    color: #f0a224
}


.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    min-height: auto
}

#ControlBar,
#ControlBar *,
.dnnMemberDirectory,
.dnnMemberDirectory *,
.dnn_mact>li.actionMenuMove>ul li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

.dnnEditState .actionMenu {
    z-index: 1 !important;
    display: block !important
}

.dnnEditState .overlay-panel-content {
    position: relative !important;
    display: block !important;
    z-index: 99 !important
}

.DNNEmptyPane {
    display: none !important
}

.dnnEditState .edit-panename {
    position: absolute;
    z-index: 100;
    pointer-events: none;
    user-select: none;
    color: #cdcdcd;
    font-size: 18px;
    font-weight: 700;
    left: 50%;
    top: 20px;
    transform: translate(-50%, 0);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2)
}


.clear {
    clear: both
}


#Form,
form {
    height: auto !important
}


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

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

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

.pt-10 {
    padding-top: 10px !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
}

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

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

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

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


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


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

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

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

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

@media only screen and (min-width: 1600px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bold {
    font-weight: 700 !important
}

.dng-list ul li {
    font-size: 14px;
    color: #080808;
    line-height: 2;
}

/****************Lists****************/
ul {
    margin-right: 20px;
    list-style-type: disc
}

ul,
ol {
    padding: 0;
    -webkit-padding-start: 0
}

ul ul {
    padding-top: 0;
    list-style-type: circle
}

.list-icon ul,
.list-icon ol {
    list-style: none;
    margin: 0
}

.list-numbers li,
.list-icon li {
    position: relative;
    margin-bottom: 3px;
    line-height: 24px
}

.dng-list.line-solid li,
.dng-list.line-dashed li,
.dng-list.line-dotted li {
    border-bottom: 1px solid #dcdcdc
}

.dng-list li {
    margin-bottom: 6px
}

.dng-list.list-icon li {
    padding-right: 22px
}

.dng-list.em-border li:before,
.dng-list.em-border li i,
.dng-list.em-border li em,
.dng-list.em-background li:before,
.dng-list.em-background li i,
.dng-list.em-background li em {
    width: 26px;
    height: 26px;
    line-height: 26px;
    top: -1px
}

.dng-list.line-solid li,
.dng-list.line-dashed li,
.dng-list.line-dotted li {
    margin-bottom: 14px;
    padding-bottom: 14px
}

/**********************Titles**************************/
.dg-title {
    margin-bottom: 25px
}

.dg-title .title {
    margin: 0 0 15px
}

.dg-title:after {
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both
}

.dg-title .top-icon,
.dg-title .bottom-icon {
    margin: 0 auto 12px;
    font-size: 20px
}

.dg-title .title span {
    color: #20a3f0
}

.dg-title .title-icon02 .line {
    position: relative;
    display: inline-block;
    line-height: 1
}

.dg-title .title-icon02 .line:before {
    content: "";
    width: 36px;
    height: 1px;
    border-bottom: 1px solid;
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -1px
}

.dg-title .title-icon02 .line:after {
    content: "";
    width: 36px;
    height: 1px;
    border-bottom: 1px solid;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -1px
}

.dg-title .icon.size-lg .line {
    font-size: 37px;
    padding: 0 12px
}

.dg-title .title-icon02.icon .line:before,
.dg-title .title-icon02.icon .line:after {
    width: 28px
}

.dg-title .decorated,
.dg-title .title>.line,
.dg-title .title:after,
.dg-title .title:before {
    color: #20a3f0;
    border-color: #20a3f0
}

.dg-title>.icon {
    color: #20a3f0
}

@media only screen and (max-width: 767px) {
    .dg-title {
        margin-bottom: 15px
    }

    .dg-title .icon.size-lg .line {
        font-size: 32px;
        padding: 0 15px
    }
}

/**********************Panes*********************/
#dnn_content {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media only screen and (min-width: 1600px) {
    #dnn_content {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #dnn_content {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 991px) {
    #dnn_content {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #dnn_content {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/*********************Footer*********************/
#footerinfo66464,
#footerinfo66464 a,
#footerinfo66464 a:link,
#footerinfo66464 a:active,
#footerinfo66464 a:visited {
    color: rgba(170, 170, 170, 1);
    font-size: 14px;
    font-weight: bold;
}

#row-970 {
    background: url(/Portals/0/Images/home/bg-footer.jpg)left top no-repeat;
    background-size: cover;
    padding: 30px 0;
}

div#column-914207 {
    border-top: 2px solid #868686;
}

#row-970,
#row-970 .Normal {
    color: #aaa;
    font-weight: normal;
    font-size: 14px;
}

#column-456440 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

/*************************Theme***************************/
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        url('resource/fonts/IRANSansWeb_Light.woff2') format('woff2'),
        url('resource/fonts/IRANSansWeb_Light.woff') format('woff');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        url('resource/fonts/IRANSansWeb_Medium.woff2') format('woff2'),
        url('resource/fonts/IRANSansWeb_Medium.woff') format('woff');
}

:root {
    overflow-y: auto;
    overflow-x: hidden
}

html,
body {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: IRANSans, Tahoma;
    font-size: 14px;
    line-height: 2em;
    color: #666;
    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 20px 0
}

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
}

html {
    -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 silver
}

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-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-ltr {
    direction: ltr
}

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

.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: .9
}

:-moz-placeholder {
    color: inherit;
    opacity: .9
}

::-moz-placeholder {
    color: inherit;
    opacity: .9
}

:-ms-input-placeholder {
    color: inherit;
    opacity: .9
}

:placeholder {
    color: inherit;
    opacity: .9
}

.lnr {
    letter-spacing: -.05em
}

.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: #01795d !important;
    font-weight: 700
}

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

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

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

.pt-10 {
    padding-top: 10px !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
}


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

    .pb-45 {
        padding-bottom: 58px !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
    }
}

@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) {

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

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

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

@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
    }
}


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

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

#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;
    -webkit-transition: background-color ease-in 300ms;
    -o-transition: background-color ease-in 300ms;
    -ms-transition: background-color ease-in 300ms
}

.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, .3);
    box-shadow: 0 0 10px rgba(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;
    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-right: 5px solid;
    position: absolute;
    top: 2px;
    left: 50%;
    backface-visibility: visible;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

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

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



@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
    }
}

@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%
    }
}

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

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

.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: #333;
    margin: 0 0 5px
}

.content-area-image-info {
    color: #888
}

@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
    }
}

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

.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: #333;
    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 #666;
    color: #333;
    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: #666;
    background-color: #666;
    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-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%;
    left: 50%;
    margin: -4px 0 0 -1px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transform ease-in 200ms, border-color ease-in 200ms;
    transition: transform ease-in 200ms, border-color ease-in 200ms;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

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

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

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

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

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

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

@-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: #fff;
    -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;
    width: 100%
}

.side-push-right-active body {
    transform: translate3d(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    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-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>.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, .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
}

.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-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, .3);
    width: 100%;
    right: 0;
    bottom: -40px
}

.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: #555;
    -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, .5)
}

.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 {
    margin: 0 0 0;
    padding: 0;
    list-style: none
}

.widget-posts>li {
    border-bottom: 1px dashed #ddd;
    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: #999;
    font-size: 14px
}

.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 #ddd;
    position: relative
}

.widget-categories .children {
    margin: 8px 0 0;
    padding: 8px 0 0;
    border-top: 1px dashed #ddd
}

.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: #666
}

.widget-categories a:hover {
    color: #20a3f0
}

.widget-portfolios {
    margin: 0;
    padding: 0
}

.widget-portfolios li {
    position: relative;
    list-style: none;
    margin: 2px;
    padding: 0;
    display: inline-block
}

.widget-portfolios li::before,
.widget-portfolios li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-color: #FFF;
    color: #FFF;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    -ms-transition: all ease-in 200ms
}

.widget-portfolios li:before {
    width: 41px;
    height: 0;
    border-bottom: 1px solid;
    margin-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: .7;
    visibility: visible
}

.widget-portfolios .pic img {
    max-width: 100%
}

.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 .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: #666;
    text-decoration: none;
    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-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, .5)
}

.footer_box .widget-tag .tagcloud a:hover {
    border-color: #20a3f0;
    color: #20a3f0
}

.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, .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(.2, 1, .3, 1) both;
    animation: anim-popup-top 1.5s cubic-bezier(.2, 1, .3, 1) both
}

.dng-overlay.active>.overlay-close {
    -webkit-animation: anim-popup-in 1.5s cubic-bezier(.2, 1, .3, 1) both;
    animation: anim-popup-in 1.5s cubic-bezier(.2, 1, .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-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;
    -webkit-transition: color ease-in 200ms;
    -o-transition: color ease-in 200ms;
    -ms-transition: color ease-in 200ms;
    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(.215, .61, .355, 1) 750ms;
    -webkit-transition: transform cubic-bezier(.215, .61, .355, 1) 750ms;
    -o-transition: transform cubic-bezier(.215, .61, .355, 1) 750ms;
    -ms-transition: transform cubic-bezier(.215, .61, .355, 1) 750ms;
    transition: transform cubic-bezier(.215, .61, .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;
    -webkit-transition: color ease-in 200ms;
    -o-transition: color ease-in 200ms;
    -ms-transition: color ease-in 200ms;
    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(.215, .61, .355, 1) 750ms;
    -webkit-transition: all cubic-bezier(.215, .61, .355, 1) 750ms;
    -o-transition: all cubic-bezier(.215, .61, .355, 1) 750ms;
    -ms-transition: all cubic-bezier(.215, .61, .355, 1) 750ms;
    transition: all cubic-bezier(.215, .61, .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
}

.dng-overlay .widget.animatebottom {
    visibility: visible;
    opacity: 1;
    -moz-transition: opacity cubic-bezier(.215, .61, .355, 1) 750ms;
    -webkit-transition: opacity cubic-bezier(.215, .61, .355, 1) 750ms;
    -o-transition: opacity cubic-bezier(.215, .61, .355, 1) 750ms;
    -ms-transition: opacity cubic-bezier(.215, .61, .355, 1) 750ms;
    transition: opacity cubic-bezier(.215, .61, .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;
    -webkit-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -webkit-transform ease-in 200ms;
    -o-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -o-transform ease-in 200ms;
    -ms-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -ms-transform ease-in 200ms;
    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;
    -webkit-transition: -webkit-transform ease-in 200ms;
    -o-transition: -o-transform ease-in 200ms;
    -ms-transition: -ms-transform ease-in 200ms;
    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-wrapper[data-layout*=label-uppercase] .soon-label,
.soon[data-layout*=label-uppercase] .soon-label {
    text-transform: none !important
}

.rev_slider_wrapper {
    overflow: hidden
}

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
}

body.ilightbox-noscroll {
    overflow: visible
}

.swiper-pagination {
    font-size: 0;
    line-height: 0
}

[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 a,
.dg-heading a:link,
.dg-heading a:active,
.dg-heading a:visited {
    color: inherit
}

.ajax-more.loading .fa {
    display: inline-block !important
}

.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: #555;
    -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, .5)
}

.topbar-contact {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none
}

.topbar-contact li {
    display: inline-block;
    padding: 0 3px;
    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;
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    -ms-transition: all ease-in 200ms
}

.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;
    -webkit-transition: color ease-in 300ms;
    -o-transition: color ease-in 300ms;
    -ms-transition: color ease-in 300ms
}

.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 .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;
    -webkit-transition: all ease-in 200ms 0ms;
    -o-transition: all ease-in 200ms 0ms;
    -ms-transition: all ease-in 200ms 0ms
}

.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: #666;
    border: none;
    background: none;
    outline: none;
    width: auto;
    height: auto;
    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
}

.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: #666;
    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, 0, 0);
        transform: translate3d(0, 0, 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, 0, 0);
        transform: translate3d(0, 0, 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(.2, 1, .3, 1) both;
    animation: anim-popup-top 1.5s cubic-bezier(.2, 1, .3, 1) both
}

.search-popup-box .popup-content.active .popup-center {
    -webkit-animation: anim-popup-top-content 1.5s cubic-bezier(.2, 1, .3, 1) both;
    animation: anim-popup-top-content 1.5s cubic-bezier(.2, 1, .3, 1) both
}

.search-popup-box .popup-content.active .popup-close {
    -webkit-animation: anim-popup-in 1.5s cubic-bezier(.2, 1, .3, 1) both;
    animation: anim-popup-in 1.5s cubic-bezier(.2, 1, .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, .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: #333;
    height: 36px;
    line-height: 26px
}

.search-text .search {
    background: none;
    border: none;
    padding: 4px 12px;
    color: inherit;
    color: #333;
    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, .9)
}

.search-text.color-light .NormalTextBox,
.search-text.color-light .search {
    color: #fff
}

@media only screen and (max-width:992px) {
    .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;
        -webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
        -o-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
        -ms-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
        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%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        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;
        -moz-transform: scale(1.1) !important;
        -webkit-transform: scale(1.1) !important;
        -o-transform: scale(1.1) !important;
        transition-delay: 0ms !important;
        -moz-transition-delay: 0ms !important;
        -webkit-transition-delay: 0ms !important;
        -o-transition-delay: 0ms !important;
        -ms-transition-delay: 0ms !important;
        transition-timing-function: cubic-bezier(.1, .57, .1, 1);
        -moz-transition-timing-function: cubic-bezier(.1, .57, .1, 1);
        -webkit-transition-timing-function: cubic-bezier(.1, .57, .1, 1);
        -o-transition-timing-function: cubic-bezier(.1, .57, .1, 1);
        -ms-transition-timing-function: cubic-bezier(.1, .57, .1, 1)
    }

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

.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: #333
}

.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;
    -webkit-transition: color ease-in 200ms;
    -o-transition: color ease-in 200ms;
    -ms-transition: color ease-in 200ms
}

.overlay-panel-content .overlay-panel-close.dark {
    color: #000
}

.overlay-panel-content .overlay-panel-close:hover? .overlay-panel-content .overlay-panel-close:hover .lnr {
    color: #fff;
    text-shadow: none
}

.overlay-panel-active {
    overflow: hidden
}

.overlay-panel-content .overlay-panel-center {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    white-space: normal;
    text-align: center;
    padding: 15px
}

.overlay-panel-content .overlay-panel-center .vc_row-o-full-height {
    margin: -15px
}

.overlay-panel-content:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.overlay-contact .title {
    color: #FFF;
    font-size: 32px;
    margin: 0 0 65px
}

.overlay-contact .contact-info {
    margin: 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: 65%;
    margin-bottom: 2px
}

.floating-nav.floating-active .floating-header-logo {
    display: inline-block !important
}

.header-wrap .floating-header-logo.header-logo {
    display: inline-block !important
}

.sticky-fixed .floating-nav.floating-nav-sticky {
    position: absolute !important;
    width: 100%;
    z-index: 1000
}

.sticky-fixed .floating-nav.floating-nav-sticky.floating-active {
    position: fixed !important
}

.floating-nav.floating-active {
    position: fixed !important;
    width: 100%;
    z-index: 1000
}


[data-parallax="parallax"] {
    visibility: hidden
}

[data-parallax="parallax"].parallax-load {
    visibility: visible
}

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

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


.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 a {
    white-space: nowrap;
    display: inline-block
}

@media only screen and (max-width:767px) {
    .footer-links a {
        margin: 0 10px 10px !important
    }
}

@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
    }
}

@media only screen and (min-width: 300px) and (max-width:767px) {
    #dnn_ctr449_ModuleContent .swiper-slide {
        padding: 0 18px;
        margin-left: -15px !important
    }

    .bg-col-home {
        background: #f0a224;
        text-align: center;
        margin-top: -15px;
        box-shadow: 0 -4px 20px 0 #0a0a0a;
        padding: 0 5px;
        border-radius: 0 0 60px 60px;
        width: 100%;
        margin-right: -10px !important
    }

    .col1 {
        background: url(/Portals/0/Images/home/beton.png)35% no-repeat;
        height: 90px;
        background-size: 90px
    }

    .col2 {
        background: url(/Portals/0/Images/home/microsement.png)35% no-repeat;
        height: 90px;
        background-size: 90px
    }

    .col3 {
        background: url(/Portals/0/Images/home/gfrc.png)35% no-repeat;
        height: 90px;
        background-size: 90px
    }

    .col4 {
        background: url(/Portals/0/Images/home/fernicher.png)35% no-repeat;
        height: 90px;
        background-size: 90px
    }

    a.titt-home {
        color: #4c4a54 !important;
        font-size: 13px;
        font-weight: 700;
        padding-top: 10px;
        display: block;
        margin-right: -10px !important;
        margin-top: 5px
    }

    a.tit-home {
        color: #4c4a54 !important;
        font-size: 13px;
        font-weight: 700;
        padding-top: 10px;
        display: block;
        margin-right: -10px !important
    }

    .row.bg-col-home .col1 {
        margin-bottom: 20px !important
    }

    .row.bg-col-home .col2 {
        margin-bottom: 20px !important
    }

    .row.bg-col-home .col3 {
        margin-bottom: 20px !important
    }

    .row.bg-col-home .col4 {
        margin-bottom: 20px !important
    }

    a.titt-home {
        padding-top: 25px
    }

    a.tit-home {
        padding-top: 30px
    }

    p.p-abt {
        padding: 20px
    }

    div#dnn_ctr430_HtmlModule_lblContent a {
        padding: 20px
    }

    div#dnn_ctr430_HtmlModule_lblContent img {
        margin: 0 10px 4px 15px
    }

    .post-style-list3 .right-box {
        width: 55% !important
    }

    .bg-col-pr {
        padding: 10px 33px !important
    }

    .bg-exp {
        height: 680px
    }

    .box-2 {
        margin: 30px
    }

    .post-style-list3 .more,
    .post-style-list3 .more a,
    .post-style-list3 .more a:link,
    .post-style-list3 .more a:active,
    .post-style-list3 .more a:visited,
    .post-style-list3 .title,
    .post-style-list3 .title a,
    .post-style-list3 .title a:link,
    .post-style-list3 .title a:active,
    .post-style-list3 .title a:visited {
        color: #f0a224;
        font-size: 13px !important
    }

    .insta {
        text-align: center;
        margin-bottom: 20px
    }

    .teleg {
        text-align: center;
        margin-bottom: 20px
    }

    .map iframe {
        padding: 20px 0 0 50px;
        width: 370px
    }

    span.add-footer a {
        font-size: 14px
    }

    .swiper-button-next {
        display: none
    }

    .swiper-button-prev {
        display: none
    }

    p.p-inner {
        padding: 20px
    }

    .dg-title.subtitle-style01 h3 {
        font-size: 18px
    }

    p.p-center-inbg {
        padding: 20px
    }
}