/* CSS Document */

html,
body {
    margin: 0px;
    padding: 0px;
    font: normal 14px/1.8 'Raleway', sans-serif;
    font-weight: inherit;
    color: #666666;
}

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

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

A,
A:link {
    color: #20a3f0;
    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 {
    color: #20a3f0;
    text-decoration: none;
}

A:visited {
    color: #20a3f0;
    text-decoration: none;
}

A:hover {
    color: #20a3f0;
    text-decoration: underline;
}

A:focus {
    color: #20a3f0;
    outline: none;
    -moz-outline: none;
}

h1 {
    color: #333333;
    font-size: 32px;
    line-height: 1.1;
    Font-Family: Raleway;
    Font-weight: normal;
    margin: 5px 0 10px 0;
}

h2 {
    color: #333333;
    font-size: 28px;
    line-height: 1.2;
    Font-Family: Raleway;
    Font-weight: normal;
    margin: 5px 0 10px 0;
    letter-spacing: 1px;
}

h3 {
    color: #333333;
    font-size: 25px;
    line-height: 1.3;
    Font-Family: Raleway;
    Font-weight: normal;
    margin: 5px 0 10px 0;
    letter-spacing: 1px;
}

h4 {
    color: #333333;
    font-size: 20px;
    line-height: 1.4;
    Font-Family: Raleway;
    Font-weight: normal;
    margin: 5px 0 10px 0;
}

h5 {
    color: #333333;
    font-size: 18px;
    line-height: 1.5;
    Font-Family: Raleway;
    Font-weight: normal;
    margin: 5px 0 10px 0;
}

h6 {
    color: #424242;
    font-size: 15px;
    line-height: 1.5;
    Font-Family: Raleway;
    Font-weight: normal;
    margin: 5px 0 10px 0;
}

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

.clearfix {
    display: block;
}

.clear {
    clear: both;
}


.container{
	max-width:100%;
}


ul{
	margin-left:20px;	
    list-style-type: disc;
}
ul,ol{
	 -webkit-padding-start: 0;
}
ul ul{
	padding-top:0px;
    list-style-type: circle;
}
ol ol{
	padding-top:3px;
}
ol{
	margin-left:1.6em;	
	list-style-position: outside;
}
ol li{
	padding-left:6px;
}

dl dt{
	font-size:14px;
	color:#333333;
	margin-bottom:8px;
}
dl dd{
	margin-bottom:22px;
}

.opacity {
    opacity: 0;
}

.lead{
	font-weight: 500;
}



.text-rtl {
    direction: rtl;
}

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

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

.text-right {
    text-align: right !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;
}

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

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

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

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

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

.left {
    float: left;
}

.right {
    float: right;
}

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

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

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

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

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

@media (min-width:768px) {
    .col-vertical-bottom>[class*="col-sm-"],
    .col-vertical-center>[class*="col-sm-"] {
        display: inline-block;
    }
}

@media (min-width:992px) {
    .col-vertical-bottom>[class*="col-md-"],
    .col-vertical-center>[class*="col-md-"] {
        display: inline-block;
    }
}

@media (min-width:1200px) {
    .col-vertical-bottom>[class*="col-lg-"],
    .col-vertical-center>[class*="col-lg-"] {
        display: inline-block;
    }
}

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

@media only screen and (max-width: 1199px) {
    .img-responsive-lg {
        max-width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .img-responsive-md {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .img-responsive-sm {
        max-width: 100%;
    }
}

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

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

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

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

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


/*color*/

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

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


/*width*/
.width-95 {
    margin: auto;
    width: 95%;
    text-align: center;
}

.width-90 {
    margin: auto;
    width: 90%;
    text-align: center;
}

.width-85 {
    margin: auto;
    width: 85%;
    text-align: center;
}

.width-80 {
    margin: auto;
    width: 80%;
    text-align: center;
}

.width-75 {
    margin: auto;
    width: 75%;
    text-align: center;
}

.width-70 {
    margin: auto;
    width: 70%;
    text-align: center;
}

.width-65 {
    margin: auto;
    width: 65%;
    text-align: center;
}

.width-60 {
    margin: auto;
    width: 60%;
}

.width-55 {
    margin: auto;
    width: 55%;
    text-align: center;
}

.width-50 {
    margin: auto;
    width: 50%;
    text-align: center;
}

.width-45 {
    margin: auto;
    width: 45%;
    text-align: center;
}

.width-40 {
    margin: auto;
    width: 40%;
    text-align: center;
}

.width-35 {
    margin: auto;
    width: 35%;
    text-align: center;
}

.width-30 {
    margin: auto;
    width: 30%;
    text-align: center;
}

.width-25 {
    margin: auto;
    width: 25%;
    text-align: center;
}

.width-20 {
    margin: auto;
    width: 20%;
    text-align: center;
}

.width-15 {
    margin: auto;
    width: 15%;
    text-align: center;
}

.width-10 {
    margin: auto;
    width: 10%;
    text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .width-95,
    .width-90,
    .width-85,
    .width-80 {
        width: auto;
    }
    .width-75 {
        width: 95%;
    }
    .width-70 {
        width: 90%;
    }
    .width-65 {
        width: 85%;
    }
    .width-60 {
        width: 80%;
    }
    .width-55 {
        width: 75%;
    }
    .width-50 {
        width: 70%;
    }
    .width-45 {
        width: 65%;
    }
    .width-40 {
        width: 60%;
    }
    .width-35 {
        width: 55%;
    }
    .width-30 {
        width: 50%;
    }
    .width-25 {
        width: 45%;
    }
    .width-20 {
        width: 40%;
    }
    .width-15 {
        width: 35%;
    }
    .width-10 {
        width: 30%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .width-95,
    .width-90,
    .width-85,
    .width-80,
    .width-75,
    .width-70,
    .width-65,
    .width-60 {
        width: auto;
    }
    .width-55 {
        width: 95%;
    }
    .width-50 {
        width: 90%;
    }
    .width-45 {
        width: 85%;
    }
    .width-40 {
        width: 80%;
    }
    .width-35 {
        width: 75%;
    }
    .width-30 {
        width: 70%;
    }
    .width-25 {
        width: 65%;
    }
    .width-20 {
        width: 60%;
    }
    .width-15 {
        width: 55%;
    }
    .width-10 {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .width-95,
    .width-90,
    .width-85,
    .width-80,
    .width-75,
    .width-70,
    .width-65,
    .width-60,
    .width-55,
    .width-50,
    .width-45,
    .width-40,
    .width-35,
    .width-30,
    .width-25,
    .width-20,
    .width-15,
    .width-10 {
        width: auto;
    }
}


/*page Spacing*/

.mt-0 {
    margin-top: 0!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1600px) {
    .mt-5 {
        margin-top: 6.5px!important;
    }
    .mb-5 {
        margin-bottom: 6.5px!important;
    }
    .mt-10 {
        margin-top: 13px!important;
    }
    .mb-10 {
        margin-bottom: 13px!important;
    }
    .pt-10 {
        padding-top: 13px!important;
    }
    .pb-10 {
        padding-bottom: 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;
    }
    .mt-30 {
        margin-top: 39px!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;
    }
    .mb-40 {
        margin-bottom: 52px!important;
    }
    .pt-40 {
        padding-top: 52px!important;
    }
    .pb-40 {
        padding-bottom: 52px!important;
    }
    .mt-50 {
        margin-top: 65px!important;
    }
    .mb-50 {
        margin-bottom: 65px!important;
    }
    .pt-50 {
        padding-top: 65px!important;
    }
    .pb-50 {
        padding-bottom: 65px!important;
    }
    .mt-60 {
        margin-top: 78px!important;
    }
    .mb-60 {
        margin-bottom: 78px!important;
    }
    .pt-60 {
        padding-top: 78px!important;
    }
    .pb-60 {
        padding-bottom: 78px!important;
    }
    .mt-70 {
        margin-top: 91px!important;
    }
    .mb-70 {
        margin-bottom: 91px!important;
    }
    .pt-70 {
        padding-top: 91px!important;
    }
    .pb-70 {
        padding-bottom: 91px!important;
    }
    .mt-80 {
        margin-top: 104px!important;
    }
    .mb-80 {
        margin-bottom: 104px!important;
    }
    .pt-80 {
        padding-top: 104px!important;
    }
    .pb-80 {
        padding-bottom: 104px!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-5 {
        margin-top: 3.5px!important;
    }
    .mb-5 {
        margin-bottom: 3.5px!important;
    }
    .mt-10 {
        margin-top: 7px!important;
    }
    .mb-10 {
        margin-bottom: 7px!important;
    }
    .pt-10 {
        padding-top: 7px!important;
    }
    .pb-10 {
        padding-bottom: 7px!important;
    }
    .mt-20 {
        margin-top: 14px!important;
    }
    .mb-20 {
        margin-bottom: 14px!important;
    }
    .pt-20 {
        padding-top: 14px!important;
    }
    .pb-20 {
        padding-bottom: 14px!important;
    }
    .mt-30 {
        margin-top: 21px!important;
    }
    .mb-30 {
        margin-bottom: 21px!important;
    }
    .pt-30 {
        padding-top: 21px!important;
    }
    .pb-30 {
        padding-bottom: 21px!important;
    }
    .mt-40 {
        margin-top: 28px!important;
    }
    .mb-40 {
        margin-bottom: 28px!important;
    }
    .pt-40 {
        padding-top: 28px!important;
    }
    .pb-40 {
        padding-bottom: 28px!important;
    }
    .mt-50 {
        margin-top: 35px!important;
    }
    .mb-50 {
        margin-bottom: 35px!important;
    }
    .pt-50 {
        padding-top: 35px!important;
    }
    .pb-50 {
        padding-bottom: 35px!important;
    }
    .mt-60 {
        margin-top: 42px!important;
    }
    .mb-60 {
        margin-bottom: 42px!important;
    }
    .pt-60 {
        padding-top: 42px!important;
    }
    .pb-60 {
        padding-bottom: 42px!important;
    }
    .mt-70 {
        margin-top: 49px!important;
    }
    .mb-70 {
        margin-bottom: 49px!important;
    }
    .pt-70 {
        padding-top: 49px!important;
    }
    .pb-70 {
        padding-bottom: 49px!important;
    }
    .mt-80 {
        margin-top: 56px!important;
    }
    .mb-80 {
        margin-bottom: 56px!important;
    }
    .pt-80 {
        padding-top: 56px!important;
    }
    .pb-80 {
        padding-bottom: 56px!important;
    }
}

@media only screen and (max-width: 767px) {
    .mt-5 {
        margin-top: 2.5px!important;
    }
    .mb-5 {
        margin-bottom: 2.5px!important;
    }
    .mt-10 {
        margin-top: 5px!important;
    }
    .mb-10 {
        margin-bottom: 5px!important;
    }
    .pt-10 {
        padding-top: 5px!important;
    }
    .pb-10 {
        padding-bottom: 5px!important;
    }
    .mt-20 {
        margin-top: 10px!important;
    }
    .mb-20 {
        margin-bottom: 10px!important;
    }
    .pt-20 {
        padding-top: 10px!important;
    }
    .pb-20 {
        padding-bottom: 10px!important;
    }
    .mt-30 {
        margin-top: 15px!important;
    }
    .mb-30 {
        margin-bottom: 15px!important;
    }
    .pt-30 {
        padding-top: 15px!important;
    }
    .pb-30 {
        padding-bottom: 15px!important;
    }
    .mt-40 {
        margin-top: 20px!important;
    }
    .mb-40 {
        margin-bottom: 20px!important;
    }
    .pt-40 {
        padding-top: 20px!important;
    }
    .pb-40 {
        padding-bottom: 20px!important;
    }
    .mt-50 {
        margin-top: 25px!important;
    }
    .mb-50 {
        margin-bottom: 25px!important;
    }
    .pt-50 {
        padding-top: 25px!important;
    }
    .pb-50 {
        padding-bottom: 25px!important;
    }
    .mt-60 {
        margin-top: 30px!important;
    }
    .mb-60 {
        margin-bottom: 30px!important;
    }
    .pt-60 {
        padding-top: 30px!important;
    }
    .pb-60 {
        padding-bottom: 30px!important;
    }
    .mt-70 {
        margin-top: 35px!important;
    }
    .mb-70 {
        margin-bottom: 35px!important;
    }
    .pt-70 {
        padding-top: 35px!important;
    }
    .pb-70 {
        padding-bottom: 35px!important;
    }
    .mt-80 {
        margin-top: 40px!important;
    }
    .mb-80 {
        margin-bottom: 40px!important;
    }
    .pt-80 {
        padding-top: 40px!important;
    }
    .pb-80 {
        padding-bottom: 40px!important;
    }
}


/*page Spacing*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1600px) {
    .ml-5 {
        margin-left: 6.5px!important;
    }
    .mr-5 {
        margin-right: 6.5px!important;
    }
    .ml-10 {
        margin-left: 13px!important;
    }
    .mr-10 {
        margin-right: 13px!important;
    }
    .pl-10 {
        padding-left: 13px!important;
    }
    .pr-10 {
        padding-right: 13px!important;
    }
    .ml-20 {
        margin-left: 26px!important;
    }
    .mr-20 {
        margin-right: 26px!important;
    }
    .pl-20 {
        padding-left: 26px!important;
    }
    .pr-20 {
        padding-right: 26px!important;
    }
    .ml-30 {
        margin-left: 39px!important;
    }
    .mr-30 {
        margin-right: 39px!important;
    }
    .pl-30 {
        padding-left: 39px!important;
    }
    .pr-30 {
        padding-right: 39px!important;
    }
    .ml-40 {
        margin-left: 52px!important;
    }
    .mr-40 {
        margin-right: 52px!important;
    }
    .pl-40 {
        padding-left: 52px!important;
    }
    .pr-40 {
        padding-right: 52px!important;
    }
    .ml-50 {
        margin-left: 65px!important;
    }
    .mr-50 {
        margin-right: 65px!important;
    }
    .pl-50 {
        padding-left: 65px!important;
    }
    .pr-50 {
        padding-right: 65px!important;
    }
    .ml-60 {
        margin-left: 78px!important;
    }
    .mr-60 {
        margin-right: 78px!important;
    }
    .pl-60 {
        padding-left: 78px!important;
    }
    .pr-60 {
        padding-right: 78px!important;
    }
    .ml-70 {
        margin-left: 91px!important;
    }
    .mr-70 {
        margin-right: 91px!important;
    }
    .pl-70 {
        padding-left: 91px!important;
    }
    .pr-70 {
        padding-right: 91px!important;
    }
    .ml-80 {
        margin-left: 104px!important;
    }
    .mr-80 {
        margin-right: 104px!important;
    }
    .pl-80 {
        padding-left: 104px!important;
    }
    .pr-80 {
        padding-right: 104px!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-5 {
        margin-left: 3.5px!important;
    }
    .mr-5 {
        margin-right: 3.5px!important;
    }
    .ml-10 {
        margin-left: 7px!important;
    }
    .mr-10 {
        margin-right: 7px!important;
    }
    .pl-10 {
        padding-left: 7px!important;
    }
    .pr-10 {
        padding-right: 7px!important;
    }
    .ml-20 {
        margin-left: 14px!important;
    }
    .mr-20 {
        margin-right: 14px!important;
    }
    .pl-20 {
        padding-left: 14px!important;
    }
    .pr-20 {
        padding-right: 14px!important;
    }
    .ml-30 {
        margin-left: 21px!important;
    }
    .mr-30 {
        margin-right: 21px!important;
    }
    .pl-30 {
        padding-left: 21px!important;
    }
    .pr-30 {
        padding-right: 21px!important;
    }
    .ml-40 {
        margin-left: 28px!important;
    }
    .mr-40 {
        margin-right: 28px!important;
    }
    .pl-40 {
        padding-left: 28px!important;
    }
    .pr-40 {
        padding-right: 28px!important;
    }
    .ml-50 {
        margin-left: 35px!important;
    }
    .mr-50 {
        margin-right: 35px!important;
    }
    .pl-50 {
        padding-left: 35px!important;
    }
    .pr-50 {
        padding-right: 35px!important;
    }
    .ml-60 {
        margin-left: 42px!important;
    }
    .mr-60 {
        margin-right: 42px!important;
    }
    .pl-60 {
        padding-left: 42px!important;
    }
    .pr-60 {
        padding-right: 42px!important;
    }
    .ml-70 {
        margin-left: 49px!important;
    }
    .mr-70 {
        margin-right: 49px!important;
    }
    .pl-70 {
        padding-left: 49px!important;
    }
    .pr-70 {
        padding-right: 49px!important;
    }
    .ml-80 {
        margin-left: 56px!important;
    }
    .mr-80 {
        margin-right: 56px!important;
    }
    .pl-80 {
        padding-left: 56px!important;
    }
    .pr-80 {
        padding-right: 56px!important;
    }
}

@media only screen and (max-width: 767px) {
    .ml-5 {
        margin-left: 2.5px!important;
    }
    .mr-5 {
        margin-right: 2.5px!important;
    }
    .ml-10 {
        margin-left: 5px!important;
    }
    .mr-10 {
        margin-right: 5px!important;
    }
    .pl-10 {
        padding-left: 5px!important;
    }
    .pr-10 {
        padding-right: 5px!important;
    }
    .ml-20 {
        margin-left: 10px!important;
    }
    .mr-20 {
        margin-right: 10px!important;
    }
    .pl-20 {
        padding-left: 10px!important;
    }
    .pr-20 {
        padding-right: 10px!important;
    }
    .ml-30 {
        margin-left: 15px!important;
    }
    .mr-30 {
        margin-right: 15px!important;
    }
    .pl-30 {
        padding-left: 15px!important;
    }
    .pr-30 {
        padding-right: 15px!important;
    }
    .ml-40 {
        margin-left: 20px!important;
    }
    .mr-40 {
        margin-right: 20px!important;
    }
    .pl-40 {
        padding-left: 20px!important;
    }
    .pr-40 {
        padding-right: 20px!important;
    }
    .ml-50 {
        margin-left: 25px!important;
    }
    .mr-50 {
        margin-right: 25px!important;
    }
    .pl-50 {
        padding-left: 25px!important;
    }
    .pr-50 {
        padding-right: 25px!important;
    }
    .ml-60 {
        margin-left: 30px!important;
    }
    .mr-60 {
        margin-right: 30px!important;
    }
    .pl-60 {
        padding-left: 30px!important;
    }
    .pr-60 {
        padding-right: 30px!important;
    }
    .ml-70 {
        margin-left: 35px!important;
    }
    .mr-70 {
        margin-right: 35px!important;
    }
    .pl-70 {
        padding-left: 35px!important;
    }
    .pr-70 {
        padding-right: 35px!important;
    }
    .ml-80 {
        margin-left: 40px!important;
    }
    .mr-80 {
        margin-right: 40px!important;
    }
    .pl-80 {
        padding-left: 40px!important;
    }
    .pr-80 {
        padding-right: 40px!important;
    }
}


/*Content Layout*/

#wrapper,
.banner-pane {
    position: relative;
}

.container {
    width: 970px;
}

@media only screen and (min-width: 1600px) {
    .container {
        width: 1470px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .container {
        width: 1170px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: auto;
    }
}


/*Boxed Layout*/

.theme-main.boxed {
    padding: 25px 0px;
}

.theme-main.boxed #wrapper {
    width: 970px;
    margin: auto;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 1600px) {
    .theme-main.boxed #wrapper {
        width: 1470px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .theme-main.boxed #wrapper {
        width: 1170px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .theme-main.boxed #wrapper {
        width: 750px;
    }
    .theme-main.boxed .theme-main {
        padding: 10px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .theme-main.boxed #wrapper {
        width: auto;
    }
    .theme-main.boxed .theme-main {
        padding: 0px;
    }
}

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

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

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

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

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

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

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

.fixed_footer_clone {
    background-color: #121212;
}


/*map*/

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

/*btn*/
a.btn,
a.btn:link,
a.btn:active,
a.btn:visited{
  color:#FFF;
}

/**/

.col-xs-5column,
.col-sm-5column,
.col-md-5column,
.col-lg-5column {
    float: left;
}

@media ( min-width: 768px) {
    .col-sm-5column {
        width: 20%;
        float: left;
    }
}

@media ( min-width: 992px) {
    .col-md-5column {
        width: 20%;
        float: left;
    }
}

@media ( min-width: 1200px) {
    .col-lg-5column {
        width: 20%;
        float: left;
    }
}







/*color*/
.color-turquoise{
	color:#08dcf5!important;
}
.color-borland{
	color:#20a3f0!important;
}
.color-denim{
	color:#127dcf!important;
}
.color-gray{
	color:#333333!important;
}
.color-black{
	color:#191919!important;
}
.color-night{
	color:#323232!important;
}
.color-emerald{
	color:#40d075!important;
}
.color-orange{
	color:#f39705!important;
}
.color-chambray{
	color:#505f79!important;
}
.color-bittersweet{
	color:#ff6061!important;
}
.color-pelorous{
	color:#237da6!important;
}
.color-citrus{
	color:#a9d300!important;
}
.color-blackberry{
	color:#461135!important;
}
.color-melon{
	color:#febbb4!important;
}
.color-lipstick{
	color:#9a2c4a!important;
}
.color-darkcyan{
	color:#007c8e!important;
}
.color-toryblue{
	color:#40548e!important;
}
.color-crimson{
	color:#ef1d38!important;
}
.color-celery{
	color:#bbb83f!important;
}
.color-pink{
	color:#dc717c!important;
}
.color-citrus2{
	color:#97c200!important;
}
.color-comet{
	color:#626073!important;
}
.color-atomic{
	color:#3d4c53!important;
}
.color-seagreen{
	color:#1cc0be!important;
}
.color-shadowgreen{
	color:#94c1ab!important;
}
.color-silver{
	color:#b8b8b8!important;
}
.color-mercury{
	color:#cccccc!important;
}
.color-acapulco{
	color:#62a783!important;
}
.color-rock{
	color:#2e313d!important;
}
.color-midnightblue{
	color:#122b58!important;
}
.color-darkturquoise{
	color:#00d7e9!important;
}
.color-radicalred{
	color:#f82f54!important;
}
.color-cadetblue{
	color:#5d9ca8!important;
}
.color-sunshade{
	color:#fa973c!important;
}
.color-blackberry{
	color:#361630!important;
}
.color-mantis{
	color:#8fc567!important;
}
.color-saffron{
	color:#f0ca3d!important;
}
.color-shamrock{
	color:#24d78a!important;
}
.color-orange2{
	color:#f4633c!important;
}
.color-primary{
	color:#337ab7!important;
}
.color-success{
	color:#5cb85c!important;
}
.color-info{
	color:#5bc0de!important;
}
.color-warning{
	color:#f0ad4e!important;
}
.color-danger{
	color:#d9534f!important;
}
.color-white{
	color:#ffffff!important;
}

/*border color*/
.border-turquoise{
	border-color:#08dcf5!important;
}
.border-borland{
	border-color:#20a3f0!important;
}
.border-denim{
	border-color:#127dcf!important;
}
.border-gray{
	border-color:#333333!important;
}
.border-black{
	border-color:#191919!important;
}
.border-night{
	border-color:#323232!important;
}
.border-emerald{
	border-color:#40d075!important;
}
.border-orange{
	border-color:#f39705!important;
}
.border-chambray{
	border-color:#505f79!important;
}
.border-bittersweet{
	border-color:#ff6061!important;
}
.border-pelorous{
	border-color:#237da6!important;
}
.border-citrus{
	border-color:#a9d300!important;
}
.border-blackberry{
	border-color:#461135!important;
}
.border-melon{
	border-color:#febbb4!important;
}
.border-lipstick{
	border-color:#9a2c4a!important;
}
.border-darkcyan{
	border-color:#007c8e!important;
}
.border-toryblue{
	border-color:#40548e!important;
}
.border-crimson{
	border-color:#ef1d38!important;
}
.border-celery{
	border-color:#bbb83f!important;
}
.border-pink{
	border-color:#dc717c!important;
}
.border-citrus2{
	border-color:#97c200!important;
}
.border-comet{
	border-color:#626073!important;
}
.border-atomic{
	border-color:#3d4c53!important;
}
.border-seagreen{
	border-color:#1cc0be!important;
}
.border-shadowgreen{
	border-color:#94c1ab!important;
}
.border-silver{
	border-color:#b8b8b8!important;
}
.border-mercury{
	border-color:#cccccc!important;
}
.border-acapulco{
	border-color:#62a783!important;
}
.border-rock{
	border-color:#2e313d!important;
}
.border-midnightblue{
	border-color:#122b58!important;
}
.border-darkturquoise{
	border-color:#00d7e9!important;
}
.border-radicalred{
	border-color:#f82f54!important;
}
.border-cadetblue{
	border-color:#5d9ca8!important;
}
.border-sunshade{
	border-color:#fa973c!important;
}
.border-blackberry{
	border-color:#361630!important;
}
.border-mantis{
	border-color:#8fc567!important;
}
.border-saffron{
	border-color:#f0ca3d!important;
}
.border-shamrock{
	border-color:#24d78a!important;
}
.border-orange2{
	border-color:#f4633c!important;
}
.border-primary{
	border-color:#337ab7!important;
}
.border-success{
	border-color:#5cb85c!important;
}
.border-info{
	border-color:#5bc0de!important;
}
.border-warning{
	border-color:#f0ad4e!important;
}
.border-danger{
	border-color:#d9534f!important;
}
.border-white{
	border-color:#ffffff!important;
}


/*bg color*/
.bg-accent{
	background-color:#20a3f0!important;
    color: #fff;
}
.bg-turquoise{
	background-color:#08dcf5!important;
    color: #fff;
}
.bg-borland{
	background-color:#20a3f0!important;
    color: #fff;
}
.bg-denim{
	background-color:#127dcf!important;
    color: #fff;
}
.bg-gray{
	background-color:#333333!important;
    color: #fff;
}
.bg-black{
	background-color:#191919!important;
    color: #fff;
}
.bg-night{
	background-color:#323232!important;
    color: #fff;
}
.bg-emerald{
	background-color:#40d075!important;
    color: #fff;
}
.bg-orange{
	background-color:#f39705!important;
    color: #fff;
}
.bg-chambray{
	background-color:#505f79!important;
    color: #fff;
}
.bg-bittersweet{
	background-color:#ff6061!important;
    color: #fff;
}
.bg-pelorous{
	background-color:#237da6!important;
    color: #fff;
}
.bg-citrus{
	background-color:#a9d300!important;
    color: #fff;
}
.bg-blackberry{
	background-color:#461135!important;
    color: #fff;
}
.bg-melon{
	background-color:#febbb4!important;
    color: #fff;
}
.bg-lipstick{
	background-color:#9a2c4a!important;
    color: #fff;
}
.bg-darkcyan{
	background-color:#007c8e!important;
    color: #fff;
}
.bg-toryblue{
	background-color:#40548e!important;
    color: #fff;
}
.bg-crimson{
	background-color:#ef1d38!important;
    color: #fff;
}
.bg-celery{
	background-color:#bbb83f!important;
    color: #fff;
}
.bg-pink{
	background-color:#dc717c!important;
    color: #fff;
}
.bg-citrus2{
	background-color:#97c200!important;
    color: #fff;
}
.bg-comet{
	background-color:#626073!important;
    color: #fff;
}
.bg-atomic{
	background-color:#3d4c53!important;
    color: #fff;
}
.bg-seagreen{
	background-color:#1cc0be!important;
    color: #fff;
}
.bg-shadowgreen{
	background-color:#94c1ab!important;
    color: #fff;
}
.bg-silver{
	background-color:#b8b8b8!important;
    color: #fff;
}
.bg-mercury{
	background-color:#cccccc!important;
    color: #333;
}
.bg-acapulco{
	background-color:#62a783!important;
    color: #fff;
}
.bg-rock{
	background-color:#2e313d!important;
    color: #fff;
}
.bg-midnightblue{
	background-color:#122b58!important;
    color: #fff;
}
.bg-darkturquoise{
	background-color:#00d7e9!important;
    color: #fff;
}
.bg-radicalred{
	background-color:#f82f54!important;
    color: #fff;
}
.bg-cadetblue{
	background-color:#5d9ca8!important;
    color: #fff;
}
.bg-sunshade{
	background-color:#fa973c!important;
    color: #fff;
}
.bg-blackberry{
	background-color:#361630!important;
    color: #fff;
}
.bg-mantis{
	background-color:#8fc567!important;
    color: #fff;
}
.bg-saffron{
	background-color:#f0ca3d!important;
    color: #fff;
}
.bg-shamrock{
	background-color:#24d78a!important;
    color: #fff;
}
.bg-orange2{
	background-color:#f4633c!important;
    color: #fff;
}
.bg-primary{
	background-color:#337ab7!important;
    color: #fff;
}
.bg-success{
	background-color:#5cb85c!important;
    color: #fff;
}
.bg-info{
	background-color:#5bc0de!important;
    color: #fff;
}
.bg-warning{
	background-color:#f0ad4e!important;
    color: #fff;
}
.bg-danger{
	background-color:#d9534f!important;
    color: #fff;
}
.bg-grayish{
	background-color:#f5f5f5!important;
	color:#666666;
}
.bg-white{
	background-color:#fff!important;
	color:#666666;
}


h1[class*="dg-title"],
h2[class*="dg-title"],
h3[class*="dg-title"],
h4[class*="dg-title"],
h5[class*="dg-title"],
h6[class*="dg-title"],
div[class*="dg-title"] .title{
	font-size:28px;
}
h1[class*="dg-title"].size-sm,
h2[class*="dg-title"].size-sm,
h3[class*="dg-title"].size-sm,
h4[class*="dg-title"].size-sm,
h5[class*="dg-title"].size-sm,
h6[class*="dg-title"].size-sm,
div[class*="dg-title"].size-sm .title{
	font-size:24px;
}
h1[class*="dg-title"].size-lg,
h2[class*="dg-title"].size-lg,
h3[class*="dg-title"].size-lg,
h4[class*="dg-title"].size-lg,
h5[class*="dg-title"].size-lg,
h6[class*="dg-title"].size-lg,
div[class*="dg-title"].size-lg .title{
	font-size:32px;
}
h1[class*="dg-title"].size-xl,
h2[class*="dg-title"].size-xl,
h3[class*="dg-title"].size-xl,
h4[class*="dg-title"].size-xl,
h5[class*="dg-title"].size-xl,
h6[class*="dg-title"].size-xl,
div[class*="dg-title"].size-xl .title{
	font-size:36px;
}



/*back top*/

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

.backtop01 {
    border: 1px solid #333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
}

.backtop01 span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.backtop01 span:before {
    content: "";
    width: 17px;
    height: 17px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    position: absolute;
    top: -13px;
    left: -8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0.8;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.backtop01 span:after {
    content: "";
    width: 0;
    height: 27px;
    border-left: 1px solid #333;
    position: absolute;
    top: -15px;
    left: 0px;
    opacity: 0.8;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.backtop01:hover {
    background-color: #20a3f0;
    border: 2px solid #20a3f0;
}

.backtop01:hover span:before {
    border-color: #FFF;
}

.backtop01:hover span:after {
    border-color: #FFF;
}

.backtop02 {
    background-color: #61b632;
    text-align: center;
}

.backtop02 span {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

.backtop02 span:before {
    content: "\f062";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-family: "dnngo";
    vertical-align: bottom;
    color: #FFF;
    font-size: 24px;
}

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

.backtop03 {
    border: 2px solid #cd3637;
    text-align: center;
}

.backtop03 span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: -12px;
}

.backtop03 span:before {
    content: "\f077";
    display: inline-block;
    position: relative;
    font-family: "dnngo";
    vertical-align: middle;
    font-size: 24px;
}

.backtop03:hover {
    border-color: #20a3f0;
    background-color: #20a3f0;
    color: #FFF
}

.backtop04 {
    background-color: #50bdad;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.backtop04 span {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

.backtop04 span:before {
    content: "\f062";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-family: "dnngo";
    vertical-align: bottom;
    color: #FFF;
    font-size: 24px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #to-top {
        right: 30px!important;
        bottom: 40px!important;
    }
}

@media only screen and (max-width: 767px) {
    #to-top {
        right: 20px!important;
        bottom: 40px!important;
    }
}


/* ********* responsive-video ******** */
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	z-index: 0;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* ********* Boxed layout ******** */

html.boxed body {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    margin: 25px auto;
  }
  
  
  @media (min-width: 1600px) {
      html.boxed body{
          width: 1470px;
      }
      html.boxed .roll-activated{
          width: 1470px;
      }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      html.boxed .theme-main{
          width: 1170px;
      }
      html.boxed .roll-activated{
          width: 1170px;
      }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      html.boxed .theme-main{
          width: 970px;
      }
      html.boxed .roll-activated{
          width: 970px;
      }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      html.boxed .theme-main{
          width: 750px;
      }
      html.boxed .roll-activated{
          width: 750px;
      }
  }
  @media (max-width: 767px) {
      html.boxed .theme-main {
          margin: 0 auto;
      }
      html.boxed .roll-activated{
          width: auto;
      }
  }


/*panel*/
.panel {
    margin-bottom: 35px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow:none;
    box-shadow:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.panel-heading {
    padding: 13px 23px 13px;
    border-bottom: 1px solid #dcdcdc;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	font-size:16px;
	color:#424242;
	font-weight:bold;
	letter-spacing: 1px;
}
/*Loading*/
.page-loaders {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1100;
    background-color: #fff;
    text-align: center;
}

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

.page-loaders:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    overflow: hidden;
}

.loader-inner {
    display: inline-block;
}

.loader-inner,
.loader-inner *,
.page-loaders *:after,
.page-loaders *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.ball-clip-rotate-pulse {
    position: relative;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

.ball-clip-rotate-pulse>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
}

.ball-clip-rotate-pulse>div:first-child {
    background: #bababa;
    height: 16px;
    width: 16px;
    top: 9px;
    left: 9px;
    -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

.ball-clip-rotate-pulse>div:last-child {
    position: absolute;
    border: 2px solid #bababa;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 2px solid;
    border-color: #bababa transparent #bababa transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}
.loader-dark.ball-clip-rotate-pulse>div:first-child{
    background-color: #333;
}
.loader-dark.ball-clip-rotate-pulse>div:last-child{
    border-top-color: #333;
    border-bottom-color: #333;
}
.loader-light.ball-clip-rotate-pulse>div:first-child {
    background-color: #fff;
}
.loader-light.ball-clip-rotate-pulse>div:last-child {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.loader-accent.ball-clip-rotate-pulse>div:first-child {
    background-color: #20a3f0;
}
.loader-accent.ball-clip-rotate-pulse>div:last-child {
    border-top-color: #20a3f0;
    border-bottom-color: #20a3f0;
}
.loader-primary.ball-clip-rotate-pulse>div:first-child {
    background-color: #337ab7;
}
.loader-primary.ball-clip-rotate-pulse>div:last-child {
    border-top-color: #337ab7;
    border-bottom-color: #337ab7;
}
.loader-success.ball-clip-rotate-pulse>div:first-child {
    background-color: #5cb85c;
}
.loader-success.ball-clip-rotate-pulse>div:last-child{
    border-top-color: #5cb85c;
    border-bottom-color: #5cb85c;
}
.loader-info.ball-clip-rotate-pulse>div:first-child {
    background-color: #5bc0de;
}
.loader-info.ball-clip-rotate-pulse>div:last-child{
    border-top-color: #5bc0de;
    border-bottom-color: #5bc0de;
}
.loader-warning.ball-clip-rotate-pulse>div:first-child{
    background-color: #f0ad4e;
}
.loader-warning.ball-clip-rotate-pulse>div:last-child {
    border-top-color: #f0ad4e;
    border-bottom-color: #f0ad4e;
}
.loader-danger.ball-clip-rotate-pulse>div:first-child{
    background-color: #d9534f;
}
.loader-danger.ball-clip-rotate-pulse>div:last-child {
    border-top-color: #d9534f;
    border-bottom-color: #d9534f;
}
/*buttons*/

[class*="dg-btn-"] {
    color: #555;
    border-color: #555;
    background-color: #555;
    margin: 3px;
    white-space: nowrap;
    border: none;
    background-image: none;
    letter-spacing: 0.04em;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

[class*="dg-btn-"]:before {
    background-color: #555;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

[class*="dg-btn-"],
[class*="dg-btn-"]:link,
[class*="dg-btn-"]:before,
[class*="dg-btn-"]:link:before {
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.theme-main [class*="dg-btn-"]:hover {
    color: #222533;
    border-color: #222533;
    background: #222533;
}

.theme-main [class*="dg-btn-"]:hover:before {
    background: #222533;
}


/*btn color*/

[class*="dg-btn-"].btn-turquoise {
    color: #08dcf5;
    border-color: #08dcf5;
    background-color: #08dcf5;
}

[class*="dg-btn-"].btn-turquoise:before {
    background-color: #08dcf5;
}

[class*="dg-btn-"].btn-borland {
    color: #20a3f0;
    border-color: #20a3f0;
    background-color: #20a3f0;
}

[class*="dg-btn-"].btn-borland:before {
    background-color: #20a3f0;
}

[class*="dg-btn-"].btn-denim {
    color: #127dcf;
    border-color: #127dcf;
    background-color: #127dcf;
}

[class*="dg-btn-"].btn-denim:before {
    background-color: #127dcf;
}

[class*="dg-btn-"].btn-turquoise-g {
    color: #1de0c1;
    border-color: #1de0c1;
    background: -webkit-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -o-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -moz-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: linear-gradient(135deg, #1de0c1, #44d2fb);
    background-color: #1de0c1;
}

[class*="dg-btn-"].btn-turquoise-g:before {
    background: -webkit-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -o-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -moz-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: linear-gradient(135deg, #1de0c1, #44d2fb);
    background-color: #1de0c1;
}

[class*="dg-btn-"].btn-navyblue-g {
    color: #0547f1;
    border-color: #0547f1;
    background: -webkit-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -o-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -moz-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background-color: #0547f1;
}

[class*="dg-btn-"].btn-navyblue-g:before {
    background: -webkit-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -o-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -moz-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background-color: #0547f1;
}

[class*="dg-btn-"].btn-blue-g {
    color: #0850f7;
    border-color: #0850f7;
    background: -webkit-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -o-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -moz-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background-color: #0850f7;
}

[class*="dg-btn-"].btn-blue-g:before {
    background: -webkit-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -o-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -moz-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background-color: #0850f7;
}

[class*="dg-btn-"].btn-jewel-g {
    color: #0f7936;
    border-color: #0f7936;
    background: -webkit-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -o-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -moz-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background-color: #0f7936;
}

[class*="dg-btn-"].btn-jewel-g:before {
    background: -webkit-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -o-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -moz-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background-color: #0f7936;
}

[class*="dg-btn-"].btn-borland-g {
    color: #1e7ad8;
    border-color: #1e7ad8;
    background: -webkit-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -o-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -moz-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background-color: #1e7ad8;
}

[class*="dg-btn-"].btn-borland-g:before {
    background: -webkit-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -o-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -moz-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background-color: #1e7ad8;
}

[class*="dg-btn-"].btn-primary-g {
    color: #0676f4;
    border-color: #0676f4;
    background: -webkit-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -o-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -moz-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background-color: #0676f4;
}

[class*="dg-btn-"].btn-primary-g:before {
    background: -webkit-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -o-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -moz-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background-color: #0676f4;
}

[class*="dg-btn-"].btn-success-g {
    color: #1e7ad7;
    border-color: #1e7ad7;
    background: -webkit-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -o-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -moz-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background-color: #1e7ad7;
}

[class*="dg-btn-"].btn-success-g:before {
    background: -webkit-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -o-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -moz-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background-color: #1e7ad7;
}

[class*="dg-btn-"].btn-info-g {
    color: #00ccff;
    border-color: #00ccff;
    background: -webkit-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -o-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -moz-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background-color: #00ccff;
}

[class*="dg-btn-"].btn-info-g:before {
    background: -webkit-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -o-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -moz-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background-color: #00ccff;
}

[class*="dg-btn-"].btn-warning-g {
    color: #ff6c66;
    border-color: #ff6c66;
    background: -webkit-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -o-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -moz-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background-color: #ff6c66;
}

[class*="dg-btn-"].btn-warning-g:before {
    background: -webkit-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -o-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -moz-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background-color: #ff6c66;
}

[class*="dg-btn-"].btn-danger-g {
    color: #48a9e1;
    border-color: #48a9e1;
    background: -webkit-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -o-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -moz-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background-color: #48a9e1;
}

[class*="dg-btn-"].btn-danger-g:before {
    background: -webkit-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -o-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -moz-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background-color: #48a9e1;
}

[class*="dg-btn-"].btn-gray {
    color: #333333;
    border-color: #333333;
    background-color: #333333;
}

[class*="dg-btn-"].btn-gray:before {
    background-color: #333333;
}

[class*="dg-btn-"].btn-white {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #ffffff;
}

.dg-btn-1.btn-white,
.dg-btn-1.btn-white:link,
.dg-btn-1.btn-white:active,
.dg-btn-1.btn-white:visited,
.dg-btn-1.btn-white[type="button"],
.dg-btn-3.btn-white,
.dg-btn-3.btn-white:link,
.dg-btn-3.btn-white:active,
.dg-btn-3.btn-white:visited,
.dg-btn-4.btn-white,
.dg-btn-4.btn-white:link,
.dg-btn-4.btn-white:active,
.dg-btn-4.btn-white:visited,
.dg-btn-2.btn-silver,
.dg-btn-2.btn-silver:link,
.dg-btn-2.btn-silver:active,
.dg-btn-2.btn-silver:visited,
.dg-btn-2.btn-silver[type="button"] {
    color: #333333;
}

.dg-btn-2.btn-silver,
.dg-btn-2.btn-silver:link,
.dg-btn-2.btn-silver:active,
.dg-btn-2.btn-silver:visited,
.dg-btn-2.btn-silver[type="button"] {
    border: 1px solid silver;
}

.dg-btn-2.btn-white,
.dg-btn-2.btn-white:link,
.dg-btn-2.btn-white:active,
.dg-btn-2.btn-white:visited {
    background-color: transparent;
}

[class*="dg-btn-"].btn-white:before {
    background-color: #ffffff;
}

[class*="dg-btn-"].btn-black {
    color: #191919;
    border-color: #191919;
    background-color: #191919;
}

[class*="dg-btn-"].btn-black:before {
    background-color: #191919;
}

[class*="dg-btn-"].btn-night {
    color: #323232;
    border-color: #323232;
    background-color: #323232;
}

[class*="dg-btn-"].btn-night:before {
    background-color: #323232;
}

[class*="dg-btn-"].btn-emerald {
    color: #40d075;
    border-color: #40d075;
    background-color: #40d075;
}

[class*="dg-btn-"].btn-emerald:before {
    background-color: #40d075;
}

[class*="dg-btn-"].btn-orange {
    color: #f39705;
    border-color: #f39705;
    background-color: #f39705;
}

[class*="dg-btn-"].btn-orange:before {
    background-color: #f39705;
}

[class*="dg-btn-"].btn-chambray {
    color: #505f79;
    border-color: #505f79;
    background-color: #505f79;
}

[class*="dg-btn-"].btn-chambray:before {
    background-color: #505f79;
}

[class*="dg-btn-"].btn-bittersweet {
    color: #ff6061;
    border-color: #ff6061;
    background-color: #ff6061;
}

[class*="dg-btn-"].btn-bittersweet:before {
    background-color: #ff6061;
}

[class*="dg-btn-"].btn-pelorous {
    color: #237da6;
    border-color: #237da6;
    background-color: #237da6;
}

[class*="dg-btn-"].btn-pelorous:before {
    background-color: #237da6;
}

[class*="dg-btn-"].btn-citrus {
    color: #a9d300;
    border-color: #a9d300;
    background-color: #a9d300;
}

[class*="dg-btn-"].btn-citrus:before {
    background-color: #a9d300;
}

[class*="dg-btn-"].btn-blackberry {
    color: #461135;
    border-color: #461135;
    background-color: #461135;
}

[class*="dg-btn-"].btn-blackberry:before {
    background-color: #461135;
}

[class*="dg-btn-"].btn-melon {
    color: #febbb4;
    border-color: #febbb4;
    background-color: #febbb4;
}

[class*="dg-btn-"].btn-melon:before {
    background-color: #febbb4;
}

[class*="dg-btn-"].btn-lipstick {
    color: #9a2c4a;
    border-color: #9a2c4a;
    background-color: #9a2c4a;
}

[class*="dg-btn-"].btn-lipstick:before {
    background-color: #9a2c4a;
}

[class*="dg-btn-"].btn-darkcyan {
    color: #007c8e;
    border-color: #007c8e;
    background-color: #007c8e;
}

[class*="dg-btn-"].btn-darkcyan:before {
    background-color: #007c8e;
}

[class*="dg-btn-"].btn-toryblue {
    color: #40548e;
    border-color: #40548e;
    background-color: #40548e;
}

[class*="dg-btn-"].btn-toryblue:before {
    background-color: #40548e;
}

[class*="dg-btn-"].btn-crimson {
    color: #ef1d38;
    border-color: #ef1d38;
    background-color: #ef1d38;
}

[class*="dg-btn-"].btn-crimson:before {
    background-color: #ef1d38;
}

[class*="dg-btn-"].btn-celery {
    color: #bbb83f;
    border-color: #bbb83f;
    background-color: #bbb83f;
}

[class*="dg-btn-"].btn-celery:before {
    background-color: #bbb83f;
}

[class*="dg-btn-"].btn-pink {
    color: #dc717c;
    border-color: #dc717c;
    background-color: #dc717c;
}

[class*="dg-btn-"].btn-pink:before {
    background-color: #dc717c;
}

[class*="dg-btn-"].btn-citrus2 {
    color: #97c200;
    border-color: #97c200;
    background-color: #97c200;
}

[class*="dg-btn-"].btn-citrus2:before {
    background-color: #97c200;
}

[class*="dg-btn-"].btn-comet {
    color: #626073;
    border-color: #626073;
    background-color: #626073;
}

[class*="dg-btn-"].btn-comet:before {
    background-color: #626073;
}

[class*="dg-btn-"].btn-atomic {
    color: #3d4c53;
    border-color: #3d4c53;
    background-color: #3d4c53;
}

[class*="dg-btn-"].btn-atomic:before {
    background-color: #3d4c53;
}

[class*="dg-btn-"].btn-seagreen {
    color: #1cc0be;
    border-color: #1cc0be;
    background-color: #1cc0be;
}

[class*="dg-btn-"].btn-seagreen:before {
    background-color: #1cc0be;
}

[class*="dg-btn-"].btn-shadowgreen {
    color: #94c1ab;
    border-color: #94c1ab;
    background-color: #94c1ab;
}

[class*="dg-btn-"].btn-shadowgreen:before {
    background-color: #94c1ab;
}

[class*="dg-btn-"].btn-silver {
    color: #b8b8b8;
    border-color: #b8b8b8;
    background-color: #b8b8b8;
}

[class*="dg-btn-"].btn-silver:before {
    background-color: #b8b8b8;
}

[class*="dg-btn-"].btn-mercury {
    color: #cccccc;
    border-color: #cccccc;
    background-color: #cccccc;
}

[class*="dg-btn-"].btn-mercury:before {
    background-color: #cccccc;
}

[class*="dg-btn-"].btn-acapulco {
    color: #62a783;
    border-color: #62a783;
    background-color: #62a783;
}

[class*="dg-btn-"].btn-acapulco:before {
    background-color: #62a783;
}

[class*="dg-btn-"].btn-rock {
    color: #2e313d;
    border-color: #2e313d;
    background-color: #2e313d;
}

[class*="dg-btn-"].btn-rock:before {
    background-color: #2e313d;
}

[class*="dg-btn-"].btn-midnightblue {
    color: #122b58;
    border-color: #122b58;
    background-color: #122b58;
}

[class*="dg-btn-"].btn-midnightblue:before {
    background-color: #122b58;
}

[class*="dg-btn-"].btn-darkturquoise {
    color: #00d7e9;
    border-color: #00d7e9;
    background-color: #00d7e9;
}

[class*="dg-btn-"].btn-darkturquoise:before {
    background-color: #00d7e9;
}

[class*="dg-btn-"].btn-radicalred {
    color: #f82f54;
    border-color: #f82f54;
    background-color: #f82f54;
}

[class*="dg-btn-"].btn-radicalred:before {
    background-color: #f82f54;
}

[class*="dg-btn-"].btn-cadetblue {
    color: #5d9ca8;
    border-color: #5d9ca8;
    background-color: #5d9ca8;
}

[class*="dg-btn-"].btn-cadetblue:before {
    background-color: #5d9ca8;
}

[class*="dg-btn-"].btn-sunshade {
    color: #fa973c;
    border-color: #fa973c;
    background-color: #fa973c;
}

[class*="dg-btn-"].btn-sunshade:before {
    background-color: #fa973c;
}

[class*="dg-btn-"].btn-blackberry {
    color: #361630;
    border-color: #361630;
    background-color: #361630;
}

[class*="dg-btn-"].btn-blackberry:before {
    background-color: #361630;
}

[class*="dg-btn-"].btn-mantis {
    color: #8fc567;
    border-color: #8fc567;
    background-color: #8fc567;
}

[class*="dg-btn-"].btn-mantis:before {
    background-color: #8fc567;
}

[class*="dg-btn-"].btn-saffron {
    color: #f0ca3d;
    border-color: #f0ca3d;
    background-color: #f0ca3d;
}

[class*="dg-btn-"].btn-saffron:before {
    background-color: #f0ca3d;
}

[class*="dg-btn-"].btn-shamrock {
    color: #24d78a;
    border-color: #24d78a;
    background-color: #24d78a;
}

[class*="dg-btn-"].btn-shamrock:before {
    background-color: #24d78a;
}

[class*="dg-btn-"].btn-orange2 {
    color: #f4633c;
    border-color: #f4633c;
    background-color: #f4633c;
}

[class*="dg-btn-"].btn-orange2:before {
    background-color: #f4633c;
}

[class*="dg-btn-"].btn-primary {
    color: #337ab7;
    border-color: #337ab7;
    background-color: #337ab7;
}

[class*="dg-btn-"].btn-primary:before {
    background-color: #337ab7;
}

[class*="dg-btn-"].btn-success {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #5cb85c;
}

[class*="dg-btn-"].btn-success:before {
    background-color: #5cb85c;
}

[class*="dg-btn-"].btn-info {
    color: #5bc0de;
    border-color: #5bc0de;
    background-color: #5bc0de;
}

[class*="dg-btn-"].btn-info:before {
    background-color: #5bc0de;
}

[class*="dg-btn-"].btn-warning {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #f0ad4e;
}

[class*="dg-btn-"].btn-warning:before {
    background-color: #f0ad4e;
}

[class*="dg-btn-"].btn-danger {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #d9534f;
}

[class*="dg-btn-"].btn-danger:before {
    background-color: #d9534f;
}


/*btn color*/


/*btn Hover color*/

[class*="dg-btn-"].hover-turquoise:hover {
    color: #08dcf5;
    border-color: #08dcf5;
    background-color: #08dcf5;
}

[class*="dg-btn-"].hover-turquoise:hover:before {
    background-color: #08dcf5;
}

[class*="dg-btn-"].hover-borland:hover {
    color: #20a3f0;
    border-color: #20a3f0;
    background-color: #20a3f0;
}

[class*="dg-btn-"].hover-borland:hover:before {
    background-color: #20a3f0;
}

[class*="dg-btn-"].hover-denim:hover {
    color: #127dcf;
    border-color: #127dcf;
    background-color: #127dcf;
}

[class*="dg-btn-"].hover-denim:hover:before {
    background-color: #127dcf;
}

[class*="dg-btn-"].hover-denim:hover {
    color: #127dcf;
    border-color: #127dcf;
    background-color: #127dcf;
}

[class*="dg-btn-"].hover-denim:hover:before {
    background-color: #127dcf;
}

[class*="dg-btn-"].hover-turquoise-g:hover {
    color: #1de0c1;
    border-color: #1de0c1;
    background: -webkit-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -o-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -moz-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: linear-gradient(135deg, #1de0c1, #44d2fb);
    background-color: #1de0c1;
}

[class*="dg-btn-"].hover-turquoise-g:hover:before {
    background: -webkit-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -o-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: -moz-linear-gradient(135deg, #1de0c1, #44d2fb);
    background: linear-gradient(135deg, #1de0c1, #44d2fb);
    background-color: #1de0c1;
}

[class*="dg-btn-"].hover-navyblue-g:hover {
    color: #0547f1;
    border-color: #0547f1;
    background: -webkit-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -o-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -moz-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background-color: #0547f1;
}

[class*="dg-btn-"].hover-navyblue-g:hover:before {
    background: -webkit-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -o-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: -moz-linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background: linear-gradient(135deg, #0547f1, #02b4d0, #02b6d0);
    background-color: #0547f1;
}

[class*="dg-btn-"].hover-blue-g:hover {
    color: #0850f7;
    border-color: #0850f7;
    background: -webkit-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -o-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -moz-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background-color: #0850f7;
}

[class*="dg-btn-"].hover-blue-g:hover:before {
    background: -webkit-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -o-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: -moz-linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background: linear-gradient(135deg, #0850f7 20%, #1758fe 40%, #0899f5 90%);
    background-color: #0850f7;
}

[class*="dg-btn-"].hover-jewel-g:hover {
    color: #0f7936;
    border-color: #0f7936;
    background: -webkit-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -o-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -moz-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background-color: #0f7936;
}

[class*="dg-btn-"].hover-jewel-g:hover:before {
    background: -webkit-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -o-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: -moz-linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background: linear-gradient(135deg, #0f7936 30%, #179a47, #38965b);
    background-color: #0f7936;
}

[class*="dg-btn-"].hover-borland-g:hover {
    color: #1e7ad8;
    border-color: #1e7ad8;
    background: -webkit-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -o-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -moz-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background-color: #1e7ad8;
}

[class*="dg-btn-"].hover-borland-g:hover:before {
    background: -webkit-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -o-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: -moz-linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background: linear-gradient(45deg, #1e7ad8 20%, #1ed6d8 80%);
    background-color: #1e7ad8;
}

[class*="dg-btn-"].hover-primary-g:hover {
    color: #0676f4;
    border-color: #0676f4;
    background: -webkit-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -o-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -moz-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background-color: #0676f4;
}

[class*="dg-btn-"].hover-primary-g:hover:before {
    background: -webkit-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -o-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: -moz-linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background: linear-gradient(45deg, #0676f4 20%, #00e9fe 80%);
    background-color: #0676f4;
}

[class*="dg-btn-"].hover-success-g:hover {
    color: #1e7ad7;
    border-color: #1e7ad7;
    background: -webkit-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -o-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -moz-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background-color: #1e7ad7;
}

[class*="dg-btn-"].hover-success-g:hover:before {
    background: -webkit-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -o-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: -moz-linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background: linear-gradient(90deg, #1e7ad7 20%, #16a168 90%);
    background-color: #1e7ad7;
}

[class*="dg-btn-"].hover-info-g:hover {
    color: #00ccff;
    border-color: #00ccff;
    background: -webkit-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -o-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -moz-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background-color: #00ccff;
}

[class*="dg-btn-"].hover-info-g:hover:before {
    background: -webkit-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -o-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: -moz-linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background: linear-gradient(-45deg, #00ccff 20%, #35d3d4 90%);
    background-color: #00ccff;
}

[class*="dg-btn-"].hover-warning-g:hover {
    color: #ff6c66;
    border-color: #ff6c66;
    background: -webkit-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -o-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -moz-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background-color: #ff6c66;
}

[class*="dg-btn-"].hover-warning-g:hover:before {
    background: -webkit-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -o-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: -moz-linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background: linear-gradient(90deg, #ff6c66 20%, #f1c442 90%);
    background-color: #ff6c66;
}

[class*="dg-btn-"].hover-danger-g:hover {
    color: #48a9e1;
    border-color: #48a9e1;
    background: -webkit-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -o-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -moz-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background-color: #48a9e1;
}

[class*="dg-btn-"].hover-danger-g:hover:before {
    background: -webkit-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -o-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: -moz-linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background: linear-gradient(135deg, #48a9e1 20%, #c361dc 90%);
    background-color: #48a9e1;
}

[class*="dg-btn-"].hover-gray:hover {
    color: #333333;
    border-color: #333333;
    background-color: #333333;
}

[class*="dg-btn-"].hover-gray:hover:before {
    background-color: #333333;
}

[class*="dg-btn-"].hover-white:hover {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #ffffff;
}

[class*="dg-btn-"].hover-white:hover:before {
    background-color: #ffffff;
}

.theme-main .dg-btn-1.hover-white:hover,
.theme-main .dg-btn-2.hover-white:hover,
.theme-main .dg-btn-3.hover-white:hover,
.theme-main .dg-btn-4.hover-white:hover,
.theme-main .dg-btn-5.hover-white:hover {
    color: #333333!important;
}

[class*="dg-btn-"].hover-black:hover {
    color: #191919;
    border-color: #191919;
    background-color: #191919;
}

[class*="dg-btn-"].hover-black:hover:before {
    background-color: #191919;
}

[class*="dg-btn-"].hover-night:hover {
    color: #323232;
    border-color: #323232;
    background-color: #323232;
}

[class*="dg-btn-"].hover-night:hover:before {
    background-color: #323232;
}

[class*="dg-btn-"].hover-emerald:hover {
    color: #40d075;
    border-color: #40d075;
    background-color: #40d075;
}

[class*="dg-btn-"].hover-emerald:hover:before {
    background-color: #40d075;
}

[class*="dg-btn-"].hover-orange:hover {
    color: #f39705;
    border-color: #f39705;
    background-color: #f39705;
}

[class*="dg-btn-"].hover-orange:hover:before {
    background-color: #f39705;
}

[class*="dg-btn-"].hover-chambray:hover {
    color: #505f79;
    border-color: #505f79;
    background-color: #505f79;
}

[class*="dg-btn-"].hover-chambray:hover:before {
    background-color: #505f79;
}

[class*="dg-btn-"].hover-bittersweet:hover {
    color: #ff6061;
    border-color: #ff6061;
    background-color: #ff6061;
}

[class*="dg-btn-"].hover-bittersweet:hover:before {
    background-color: #ff6061;
}

[class*="dg-btn-"].hover-pelorous:hover {
    color: #237da6;
    border-color: #237da6;
    background-color: #237da6;
}

[class*="dg-btn-"].hover-pelorous:hover:before {
    background-color: #237da6;
}

[class*="dg-btn-"].hover-citrus:hover {
    color: #a9d300;
    border-color: #a9d300;
    background-color: #a9d300;
}

[class*="dg-btn-"].hover-citrus:hover:before {
    background-color: #a9d300;
}

[class*="dg-btn-"].hover-blackberry:hover {
    color: #461135;
    border-color: #461135;
    background-color: #461135;
}

[class*="dg-btn-"].hover-blackberry:hover:before {
    background-color: #461135;
}

[class*="dg-btn-"].hover-melon:hover {
    color: #febbb4;
    border-color: #febbb4;
    background-color: #febbb4;
}

[class*="dg-btn-"].hover-melon:hover:before {
    background-color: #febbb4;
}

[class*="dg-btn-"].hover-lipstick:hover {
    color: #9a2c4a;
    border-color: #9a2c4a;
    background-color: #9a2c4a;
}

[class*="dg-btn-"].hover-lipstick:hover:before {
    background-color: #9a2c4a;
}

[class*="dg-btn-"].hover-darkcyan:hover {
    color: #007c8e;
    border-color: #007c8e;
    background-color: #007c8e;
}

[class*="dg-btn-"].hover-darkcyan:hover:before {
    background-color: #007c8e;
}

[class*="dg-btn-"].hover-toryblue:hover {
    color: #40548e;
    border-color: #40548e;
    background-color: #40548e;
}

[class*="dg-btn-"].hover-toryblue:hover:before {
    background-color: #40548e;
}

[class*="dg-btn-"].hover-crimson:hover {
    color: #ef1d38;
    border-color: #ef1d38;
    background-color: #ef1d38;
}

[class*="dg-btn-"].hover-crimson:hover:before {
    background-color: #ef1d38;
}

[class*="dg-btn-"].hover-celery:hover {
    color: #bbb83f;
    border-color: #bbb83f;
    background-color: #bbb83f;
}

[class*="dg-btn-"].hover-celery:hover:before {
    background-color: #bbb83f;
}

[class*="dg-btn-"].hover-pink:hover {
    color: #dc717c;
    border-color: #dc717c;
    background-color: #dc717c;
}

[class*="dg-btn-"].hover-pink:hover:before {
    background-color: #dc717c;
}

[class*="dg-btn-"].hover-citrus2:hover {
    color: #97c200;
    border-color: #97c200;
    background-color: #97c200;
}

[class*="dg-btn-"].hover-citrus2:hover:before {
    background-color: #97c200;
}

[class*="dg-btn-"].hover-comet:hover {
    color: #626073;
    border-color: #626073;
    background-color: #626073;
}

[class*="dg-btn-"].hover-comet:hover:before {
    background-color: #626073;
}

[class*="dg-btn-"].hover-atomic:hover {
    color: #3d4c53;
    border-color: #3d4c53;
    background-color: #3d4c53;
}

[class*="dg-btn-"].hover-atomic:hover:before {
    background-color: #3d4c53;
}

[class*="dg-btn-"].hover-seagreen:hover {
    color: #1cc0be;
    border-color: #1cc0be;
    background-color: #1cc0be;
}

[class*="dg-btn-"].hover-seagreen:hover:before {
    background-color: #1cc0be;
}

[class*="dg-btn-"].hover-shadowgreen:hover {
    color: #94c1ab;
    border-color: #94c1ab;
    background-color: #94c1ab;
}

[class*="dg-btn-"].hover-shadowgreen:hover:before {
    background-color: #94c1ab;
}

[class*="dg-btn-"].hover-silver:hover {
    color: #b8b8b8;
    border-color: #b8b8b8;
    background-color: #b8b8b8;
}

[class*="dg-btn-"].hover-silver:hover:before {
    background-color: #b8b8b8;
}

[class*="dg-btn-"].hover-mercury:hover {
    color: #cccccc;
    border-color: #cccccc;
    background-color: #cccccc;
}

[class*="dg-btn-"].hover-mercury:hover:before {
    background-color: #cccccc;
}

[class*="dg-btn-"].hover-acapulco:hover {
    color: #62a783;
    border-color: #62a783;
    background-color: #62a783;
}

[class*="dg-btn-"].hover-acapulco:hover:before {
    background-color: #62a783;
}

[class*="dg-btn-"].hover-rock:hover {
    color: #2e313d;
    border-color: #2e313d;
    background-color: #2e313d;
}

[class*="dg-btn-"].hover-rock:hover:before {
    background-color: #2e313d;
}

[class*="dg-btn-"].hover-midnightblue:hover {
    color: #122b58;
    border-color: #122b58;
    background-color: #122b58;
}

[class*="dg-btn-"].hover-midnightblue:hover:before {
    background-color: #122b58;
}

[class*="dg-btn-"].hover-darkturquoise:hover {
    color: #00d7e9;
    border-color: #00d7e9;
    background-color: #00d7e9;
}

[class*="dg-btn-"].hover-darkturquoise:hover:before {
    background-color: #00d7e9;
}

[class*="dg-btn-"].hover-radicalred:hover {
    color: #f82f54;
    border-color: #f82f54;
    background-color: #f82f54;
}

[class*="dg-btn-"].hover-radicalred:hover:before {
    background-color: #f82f54;
}

[class*="dg-btn-"].hover-cadetblue:hover {
    color: #5d9ca8;
    border-color: #5d9ca8;
    background-color: #5d9ca8;
}

[class*="dg-btn-"].hover-cadetblue:hover:before {
    background-color: #5d9ca8;
}

[class*="dg-btn-"].hover-sunshade:hover {
    color: #fa973c;
    border-color: #fa973c;
    background-color: #fa973c;
}

[class*="dg-btn-"].hover-sunshade:hover:before {
    background-color: #fa973c;
}

[class*="dg-btn-"].hover-blackberry:hover {
    color: #361630;
    border-color: #361630;
    background-color: #361630;
}

[class*="dg-btn-"].hover-blackberry:hover:before {
    background-color: #361630;
}

[class*="dg-btn-"].hover-mantis:hover {
    color: #8fc567;
    border-color: #8fc567;
    background-color: #8fc567;
}

[class*="dg-btn-"].hover-mantis:hover:before {
    background-color: #8fc567;
}

[class*="dg-btn-"].hover-saffron:hover {
    color: #f0ca3d;
    border-color: #f0ca3d;
    background-color: #f0ca3d;
}

[class*="dg-btn-"].hover-saffron:hover:before {
    background-color: #f0ca3d;
}

[class*="dg-btn-"].hover-shamrock:hover {
    color: #24d78a;
    border-color: #24d78a;
    background-color: #24d78a;
}

[class*="dg-btn-"].hover-shamrock:hover:before {
    background-color: #24d78a;
}

[class*="dg-btn-"].hover-orange2:hover {
    color: #f4633c;
    border-color: #f4633c;
    background-color: #f4633c;
}

[class*="dg-btn-"].hover-orange2:hover:before {
    background-color: #f4633c;
}

[class*="dg-btn-"].hover-primary:hover {
    color: #337ab7;
    border-color: #337ab7;
    background-color: #337ab7;
}

[class*="dg-btn-"].hover-primary:hover:before {
    background-color: #337ab7;
}

[class*="dg-btn-"].hover-success:hover {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #5cb85c;
}

[class*="dg-btn-"].hover-success:hover:before {
    background-color: #5cb85c;
}

[class*="dg-btn-"].hover-info:hover {
    color: #5bc0de;
    border-color: #5bc0de;
    background-color: #5bc0de;
}

[class*="dg-btn-"].hover-info:hover:before {
    background-color: #5bc0de;
}

[class*="dg-btn-"].hover-warning:hover {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #f0ad4e;
}

[class*="dg-btn-"].hover-warning:hover:before {
    background-color: #f0ad4e;
}

[class*="dg-btn-"].hover-danger:hover {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #d9534f;
}

[class*="dg-btn-"].hover-danger:hover:before {
    background-color: #d9534f;
}


/*btn hover color end*/

.dg-btn-1,
.dg-btn-1:link,
.dg-btn-1:active,
.dg-btn-1:visited,
.dg-btn-1[type="button"] {
    color: #FFF;
    display: inline-block;
    border: 1px solid transparent;
    background-size: 105%!important;
    background-position: center!important;
}

.theme-main .dg-btn-1:hover {
    color: #FFF;
    text-decoration: none;
    background-position: right bottom;
}

.dg-btn-2,
.dg-btn-2:link,
.dg-btn-2:active,
.dg-btn-2:visited,
.dg-btn-2[type="button"],
.dg-btn-2[type="submit"] {
    border: 1px solid;
    background: transparent;
    display: inline-block;
}

.theme-main .dg-btn-2:hover {
    color: #FFFFFF!important;
    text-decoration: none;
}

.dg-btn-3,
.dg-btn-3:link,
.dg-btn-3:active,
.dg-btn-3:visited,
.dg-btn-3[type="button"],
.dg-btn-3[type="submit"] {
    color: #FFF;
    border: 1px solid transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2)!important;
    display: inline-block;
    padding-bottom: 9px!important;
    background-size: 105%!important;
    background-position: center!important;
}

.dg-btn-3.size-xs {
    padding-bottom: 3px!important;
    border-bottom-width: 2px!important;
}

.dg-btn-3.size-sm {
    padding-bottom: 6px!important;
    border-bottom-width: 2px!important;
}

.dg-btn-3.size-lg {
    padding-bottom: 11px!important;
    border-bottom-width: 3px!important;
}

.dg-btn-3.size-xl {
    padding-bottom: 11px!important;
    border-bottom-width: 4px!important;
}

.theme-main .dg-btn-3:hover {
    color: #FFF;
    text-decoration: none;
}

.dg-btn-4 {
    border-color: #222533;
}

.dg-btn-4,
.dg-btn-4:link,
.dg-btn-4:active,
.dg-btn-4:visited,
.dg-btn-4[type="button"],
.dg-btn-4[type="submit"] {
    border-width: 1px;
    border-style: solid;
    position: relative;
    background: transparent;
    z-index: 1;
    color: #FFF;
    display: inline-block;
}

.dg-btn-4:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #222533;
    border-radius: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
}

.theme-main .dg-btn-4:hover {
    color: #FFF;
    background: none!important;
    text-decoration: none;
}

.theme-main .dg-btn-4:hover:before {}

.dg-btn-5,
.dg-btn-5:link,
.dg-btn-5:active,
.dg-btn-5:visited,
.dg-btn-5[type="button"],
.dg-btn-5[type="submit"] {
    border-width: 1px;
    border-style: solid;
    border-bottom-width: 2px!important;
    background: transparent;
    display: inline-block;
    padding-bottom: 9px!important;
}

.theme-main .dg-btn-5:hover {
    color: #FFFFFF!important;
    text-decoration: none;
    border-bottom-color: rgba(0, 0, 0, 0.2)!important;
}

.dg-btn-5.size-xs {
    padding-bottom: 3px!important;
    border-bottom-width: 2px!important;
}

.dg-btn-5.size-sm {
    padding-bottom: 6px!important;
    border-bottom-width: 2px!important;
}

.dg-btn-5.size-lg {
    padding-bottom: 11px!important;
    border-bottom-width: 3px!important;
}

.dg-btn-5.size-xl {
    padding-bottom: 11px!important;
    border-bottom-width: 4px!important;
}

.dg-btn-default {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    color: #666666;
}

.dg-btn-default:hover {
    color: #FFFFFF!important;
}

[class*="dg-btn-"].size-xs {
    padding: 6px 10px 4px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0;
}

[class*="dg-btn-"].size-sm {
    padding: 7px 16px;
    font-size: 13px;
    line-height: 1.5;
}

[class*="dg-btn-"] {
    padding: 11px 20px 10px;
    font-size: 13px;
    line-height: 1.42857143;
}

[class*="dg-btn-"].size-lg {
    padding: 13px 26px;
    font-size: 14px;
    line-height: 1.3333333;
}

[class*="dg-btn-"].size-xl {
    padding: 15px 30px 14px;
    font-size: 15px;
    line-height: 1.3;
}

.mr {
    margin-right: 5px;
}

.ml {
    margin-left: 5px;
}

[class*="dg-btn-"].size-xs .mr {
    margin-right: 2px;
}

[class*="dg-btn-"].size-sm .mr {
    margin-right: 3px;
}

[class*="dg-btn-"] .mr {
    margin-right: 5px;
}

[class*="dg-btn-"].size-lg .mr {
    margin-right: 6px;
}

[class*="dg-btn-"].size-xl .mr {
    margin-right: 7px;
}

[class*="dg-btn-"].size-xs .ml {
    margin-left: 2px;
}

[class*="dg-btn-"].size-sm .ml {
    margin-left: 3px;
}

[class*="dg-btn-"] .ml {
    margin-left: 5px;
}

[class*="dg-btn-"].size-lg .ml {
    margin-left: 6px;
}

[class*="dg-btn-"].size-xl .ml {
    margin-left: 7px;
}

[class*="dg-btn-"].ico-line {
    position: relative;
}

[class*="dg-btn-"].ico-line .fa {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px 16px;
    font-size: inherit;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    height: 100%;
}

[class*="dg-btn-"].ico-line .fa:after {
    content: "";
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

[class*="dg-btn-"].ico-line .fa:before {
    display: inline-block;
    vertical-align: middle;
}

[class*="dg-btn-"].size-xs.ico-line {
    padding-left: 27px;
    padding-right: 5px;
}

[class*="dg-btn-"].size-xs.ico-line .fa {
    padding: 0px 5px;
    line-height: 20px;
}

[class*="dg-btn-"].size-sm.ico-line {
    padding-left: 43px;
    padding-right: 10px;
}

[class*="dg-btn-"].size-sm.ico-line .fa {
    padding: 0px 10px;
    line-height: 28px;
}

[class*="dg-btn-"].ico-line {
    padding-left: 47px;
    padding-right: 12px;
}

[class*="dg-btn-"].ico-line .fa {
    padding: 0px 12px;
    line-height: 36px;
}

[class*="dg-btn-"].size-lg.ico-line {
    padding-left: 68px;
    padding-right: 16px;
}

[class*="dg-btn-"].size-lg.ico-line .fa {
    padding: 0px 16px;
    line-height: 44px;
}

[class*="dg-btn-"].size-xl.ico-line {
    padding-left: 88px;
    padding-right: 22px;
}

[class*="dg-btn-"].size-xl.ico-line .fa {
    padding: 0px 22px;
    line-height: 52px;
}

[class*="dg-btn-"].ico-box {
    position: relative;
    overflow: hidden;
}

[class*="dg-btn-"].ico-box .fa {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px 16px;
    font-size: inherit;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2)
}

[class*="dg-btn-"].ico-box .fa:before {
    display: inline-block;
    vertical-align: middle;
}

[class*="dg-btn-"].size-xs.ico-box {
    padding-left: 27px;
    padding-right: 5px;
}

[class*="dg-btn-"].size-xs.ico-box .fa {
    padding: 0px 5px;
    line-height: 20px;
}

[class*="dg-btn-"].size-sm.ico-box {
    padding-left: 43px;
    padding-right: 10px;
}

[class*="dg-btn-"].size-sm.ico-box .fa {
    padding: 0px 10px;
    line-height: 28px;
}

[class*="dg-btn-"].ico-box {
    padding-left: 47px;
    padding-right: 12px;
}

[class*="dg-btn-"].ico-box .fa {
    padding: 0px 12px;
    line-height: 36px;
}

[class*="dg-btn-"].size-lg.ico-box {
    padding-left: 68px;
    padding-right: 16px;
}

[class*="dg-btn-"].size-lg.ico-box .fa {
    padding: 0px 16px;
    line-height: 44px;
}

[class*="dg-btn-"].size-xl.ico-box {
    padding-left: 88px;
    padding-right: 22px;
}

[class*="dg-btn-"].size-xl.ico-box .fa {
    padding: 0px 22px;
    line-height: 52px;
}

[class*="dg-btn-"].border-1px {
    border-width: 1px;
}

[class*="dg-btn-"].border-2px {
    border-width: 2px;
}

[class*="dg-btn-"].border-3px {
    border-width: 3px;
}

[class*="dg-btn-"].border-3px:before,
[class*="dg-btn-"].border-4px:before {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
}

[class*="dg-btn-"].border-4px {
    border-width: 4px;
}

[class*="dg-btn-"].border-5px {
    border-width: 5px;
}

[class*="dg-btn-"].border-5px:before,
[class*="dg-btn-"].border-6px:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
}

[class*="dg-btn-"].border-6px {
    border-width: 6px;
}

[class*="dg-btn-"].radius-1px {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

[class*="dg-btn-"].radius-2px {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

[class*="dg-btn-"].radius-3px {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

[class*="dg-btn-"].radius-4px {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

[class*="dg-btn-"].radius-5px {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

[class*="dg-btn-"].radius-6px {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

[class*="dg-btn-"].radius-7px {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

[class*="dg-btn-"].radius-8px {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

[class*="dg-btn-"].radius-9px {
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

[class*="dg-btn-"].radius-10px {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

[class*="dg-btn-"].radius-15px {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

[class*="dg-btn-"].radius-semi-circle {
    border-radius: 1000px;
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
}

[class*="dg-btn-"].radius-100 {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}


/* */

.button-list {
    margin: 0 4%;
    padding: 0;
    list-style: none;
}

.button-list li {
    width: 128px;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.button-list li span {
    display: block;
}


/*Icon Animation*/

.icon-right .fa,
.icon-right .lnr,
.icon-right .glyphicon {
    width: 1.1em;
    font-size: 1.1em;
    margin-left: 0.7em;
    text-align: center;
}

.icon-left .fa,
.icon-left .lnr,
.icon-left .glyphicon {
    width: 1.1em;
    font-size: 1.1em;
    margin-right: 0.6em;
    text-align: center;
}

.icon-out .fa,
.icon-out .lnr,
.icon-out .glyphicon,
.icon-out>span,
.icon-in .fa,
.icon-in .lnr,
.icon-in .glyphicon,
.icon-in>span {
    transition: transform ease-in 200ms, opacity ease-in 200ms, visibility ease-in 200ms;
    -moz-transition: -moz-transform ease-in 200ms, opacity ease-in 200ms, visibility ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: -webkit-transform ease-in 200ms, opacity ease-in 200ms, visibility ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: -o-transform ease-in 200ms, opacity ease-in 200ms, visibility ease-in 200ms;
    /* Opera */
    -ms-transition: -ms-transform ease-in 200ms, opacity ease-in 200m, visibility ease-in 200mss;
    /* IE9? */
    display: inline-block;
}

.icon-out.icon-right:hover .fa,
.icon-out.icon-right:hover .lnr,
.icon-out.icon-right:hover .glyphicon,
.icon-in.icon-right .fa,
.icon-in.icon-right .lnr,
.icon-in.icon-right .glyphicon {
    transform: translateX(0.9em);
    -webkit-transform: translateX(0.9em);
    opacity: 0;
    visibility: hidden;
}

.icon-out.icon-right:hover>span,
.icon-in.icon-right>span {
    transform: translateX(0.9em);
    -webkit-transform: translateX(0.9em);
}

.icon-out.icon-left:hover .fa,
.icon-out.icon-left:hover .lnr,
.icon-out.icon-left:hover .glyphicon,
.icon-in.icon-left .fa,
.icon-in.icon-left .lnr,
.icon-in.icon-left .glyphicon {
    transform: translateX(-0.9em);
    -webkit-transform: translateX(-0.9em);
    opacity: 0;
    visibility: hidden;
}

.icon-out.icon-left:hover>span,
.icon-in.icon-left>span {
    transform: translateX(-0.9em);
    -webkit-transform: translateX(-0.9em);
}

.icon-in.icon-right:hover .fa,
.icon-in.icon-right:hover .lnr,
.icon-in.icon-right:hover .glyphicon,
.icon-in.icon-left:hover .fa,
.icon-in.icon-left:hover .lnr,
.icon-in.icon-left:hover .glyphicon {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.icon-in.icon-right:hover>span,
.icon-in.icon-left:hover>span {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

@-webkit-keyframes icon-bounce {
    0,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}

@keyframes icon-bounce {
    0,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}

@-webkit-keyframes icon-bounce-left {
    0,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

@keyframes icon-bounce-left {
    0,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

.icon-bounce .fa:before,
.icon-bounce .lnr:before,
.icon-bounce .glyphicon:before {
    position: relative;
    display: inline-block;
    -webkit-animation: icon-bounce .85s linear infinite;
    animation: icon-bounce .85s linear infinite;
}

.icon-bounce.icon-left .fa:before,
.icon-bounce.icon-left .lnr:before,
.icon-bounce.icon-left .glyphicon:before {
    -webkit-animation: icon-bounce-left .85s linear infinite;
    animation: icon-bounce-left .85s linear infinite;
}


/*table*/

.option-table>thead>tr>th {
    vertical-align: top;
}

.option-table {
    vertical-align: top;
}

.option-table td,
.option-table th {
    vertical-align: top;
}

.option-table td {
    text-align: center;
    vertical-align: middle!important;
}

.option-table tr td:first-child {
    text-align: left;
}

.option-table .fa-check {
    color: #090
}

.option-table .fa-close {
    color: #C00
}

.option-table table td {
    text-align: left;
    padding: 0 10px 3px 0;
}

.dg-btn-1.hover-accent:hover,
.dg-btn-4.hover-accent:hover,
.dg-btn-3.hover-accent:hover {
    color: #FFF!important;
}

.dg-btn-2.hover-accent:hover,
.dg-btn-4.hover-accent:hover,
.dg-btn-5.hover-accent:hover {}

.dg-btn-1.btn-accent,
.dg-btn-4.btn-accent,
.dg-btn-3.btn-accent {
    color: #FFF;
}

.dg-btn-2.btn-accent,
.dg-btn-4.btn-accent,
.dg-btn-5.btn-accent {
    background-color: transparent;
}

/*contact01*/

.dg-form-content13 .form-row {
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
}

.dg-form-content13 textarea,
.dg-form-content13 .form-row input {
    border: 0;
    width: 100%;
    vertical-align: middle;
    color: #666666;
    padding: 12px 14px;
    background: #f5f5f5;
}

.dg-form-content13 textarea:focus,
.dg-form-content13 input:focus {
    outline: none;
}

.dg-form-content13 .btn {
    font-size: 15px;
    color: #FFF;
    padding: 13px 30px;
    background: #20a3f0;
    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;
    outline: none;
    display: inline-block;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.dg-form-content13 .btn:hover {
    background-color: #000;
}

.contact01-pagetitle-images {

}
.contact04-info .info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact04-info .info-list li {
    padding: 8px 0;
}

.contact04-info .info-list li i {
    margin-right: 10px;
    font-size: 1.3em;
    width: 1.3em;
    text-align: center;
    display: inline-block;
}


.dg-title14{
	margin-bottom:40px;
}
.dg-title14 .title{
	margin:0 0 10px;
}
.dg-title14 small{
	position:relative;
	display:inline-block;
	margin-bottom:6px;
	font-size:14px;
	font-style:italic;
	color:#666;
}
.dg-title14 .title:after{
	content:"";
	width:110px;
	border-bottom:1px solid #a8a8a8;
	display:block;
	margin-top:20px;
}
.dg-title14.color-white small{
	color:#FFF;
}
.dg-title14.text-center .title:after{
	margin-left: auto;
	margin-right: auto;
}
/* Footer */

.footer-info {
    display: table;
    padding-bottom: 40px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-info>div {
    display: table-cell;
    vertical-align: middle;
}

.footer-info .logo {
    padding: 16px 48px 16px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-info .info {
    padding-left: 48px;
    font-size: 15px;
    color: #ddd;
}

@media only screen and (max-width: 767px) {
    .footer-info {
        display: block;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .footer-info>div {
        display: block;
    }
    .footer-info .logo {
        padding: 20px 0px;
        border: none;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .footer-info .info {
        padding-left: 0;
    }
}

.footer-Contact {
    background-size: cover;
}

.footer-Contact p {
    margin-bottom: 29px;
}

.footer-tag a {
    display: inline-block;
    padding: 5px 16px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    margin: 0 6px 12px 0;
    font-size: 13px;
    color: inherit;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

div.footer-tag a:hover {
    text-decoration: none;
    border-color: #20a3f0;
    color: #20a3f0;
}

@media only screen and (max-width: 767px) {
    .footer-tag {
        margin-bottom: 30px;
    }
}

.footer-news {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-news li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.footer-news li:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}

.footer-news li .pic {
    float: left;
    margin-right: 26px;
}

.footer-news li .pic-right {
    overflow: hidden;
}

.footer-news li .title {
    color: #dddddd;
    font-size: 15px;
    font-weight: bold;
    margin: -3px 0 0;
}

.footer-news li .title a {
    color: #dddddd;
}

.footer-news li .title a:hover {
    color: #20a3f0;
}

.footer-news li p {
    margin: 0;
    font-size: 13px;
}

.footer-news li .date {
    color: #999999;
    font-size: 13px;
}

.footer-news li .pic img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.footer-news li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.footer-info02 {
    padding: 50px 50px 50px 35px;
    color: #FFF;
}

.footer-info02 .logo {
    border-bottom: 1px solid #999999;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.footer-info02 .info {
    margin-bottom: 35px;
}

.footer-info02 .info .fa {
    width: 17px;
    height: 17px;
    line-height: 17px;
    vertical-align: middle;
    margin: 0 8px 2px 0;
    background-color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #FFF;
    font-size: 13px;
}

.footer-social {
    margin: 0px -23px 0 0;
    padding: 0;
    list-style: none;
}

.footer-social:after {
    content: "";
    clear: both;
    display: block;
}

.footer-social li {
    width: 50%;
    padding: 0px 23px 15px 0px;
    float: left;
}

.footer-social li a {
    background-color: #444444;
    display: block;
    text-align: center;
    height: 43px;
    line-height: 43px;
    position: relative;
    margin: 0;
    padding: 0 0 0 45px;
    text-align: center;
    color: #FFF!important;
    font-size: 13px;
}

.footer-social .fa {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 43px;
    line-height: 43px;
    text-align: center;
}

.footer-social li a:hover {
    text-decoration: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-social li {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .footer-social {
        margin-bottom: 20px;
    }
}

.footer-news02 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-news02 li {
    margin-bottom: 20px;
}

.footer-news02 li:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}

.footer-news02 li .pic {
    float: left;
    margin-right: 12px;
}

.footer-news02 li .pic-right {
    overflow: hidden;
}

.footer-news02 li .title {
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    margin: -3px 0 0;
}

.footer-news02 li .title a,
.footer-news02 li .title a:link,
.footer-news02 li .title a:active,
.footer-news02 li .title a:visited {
    color: #555555;
}

.footer-news02 li .title a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.footer-news02 li p {
    margin: 0;
    font-size: 13px;
}

.footer-news02 li .date {
    color: #888888;
    font-size: 13px;
}

.footer-news02 li:last-child {
    margin-bottom: 0px;
}

@media only screen and (max-width: 991px) {
    .footer-news02 {
        margin-bottom: 30px;
    }
}

.footer-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-list li:before {
    content: "\f101";
    font-family: 'dnngo' !important;
    margin-right: 12px;
}

.footer-list li {
    padding-bottom: 5px;
}

@media only screen and (max-width: 991px) {
    .footer-list {
        margin-bottom: 20px;
    }
}

.footer-map {
    height: 502px;
    margin-top: -82px;
    background-color: #D7D7D7;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    /* For Latest Opera */
}

.footer-news03 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-news03 li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}

.footer-news03 li:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}

.footer-news03 li .pic {
    float: left;
    margin-right: 26px;
}

.footer-news03 li .pic-right {
    overflow: hidden;
}

.footer-news03 li .title {
    color: #cccccc;
    font-size: 15px;
    margin: -3px 0 6px;
    font-weight: bold;
}

.footer-news03 li .title a,
.footer-news03 li .title a:link,
.footer-news03 li .title a:active,
.footer-news03 li .title a:visited {
    color: #cccccc;
}

.footer-news03 li .title a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.footer-news03 li p {
    margin: 0;
}

.footer-news03 li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.footer-menu {
    margin: 54px 0 0;
    padding: 0;
    list-style: none;
}

.footer-menu li {
    display: inline-block;
    padding: 0px 40px 17px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .footer-menu {
        margin: 20px 0 0;
    }
    .footer-menu li {
        padding: 0px 10px 10px;
    }
}

.footer-social02 {
    margin-top: 10px;
    font-size: 16px;
}

.footer-social02 a {
    margin: 0px 8px 4px;
    display: inline-block;
}

.footer-socialinfo {
    background-color: #20a3f0;
    margin-top: -49px;
    position: relative;
    padding: 30px 100px 30px 246px;
}

.footer-socialinfo .social-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 135px;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 28px;
}

.footer-socialinfo .social-icon:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    border: 10px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.1);
    margin-top: -10px;
}

.footer-socialinfo .social-icon .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    margin: -12px 0 0 -12px;
}

.footer-socialinfo .info-list {
    text-align: left;
    color: #FFF;
}

.footer-socialinfo .owl-nav .owl-prev {
    background-color: transparent;
    left: -50px!important;
}

.footer-socialinfo .owl-nav .owl-next {
    background-color: transparent;
    right: -50px!important;
}

.footer-socialinfo .owl-nav .owl-prev:hover,
.footer-socialinfo .owl-nav .owl-next:hover {
    background-color: transparent;
}

.footer-socialinfo .owl-nav .owl-prev:before,
.footer-socialinfo .owl-nav .owl-next:before {
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
}

.footer-socialinfo p {
    margin: 0;
}

.footer-socialinfo .date {
    opacity: 0.8;
}

@media only screen and (max-width: 767px) {
    .footer-socialinfo {
        padding: 30px 10px 30px 60px;
        margin-bottom: 30px;
    }
    .footer-socialinfo .social-icon {
        width: 45px;
    }
    .footer-socialinfo .owl-nav .owl-prev {
        left: auto!important;
        right: 30px;
        top: auto;
        bottom: 0;
        width: 30px;
        height: 40px;
    }
    .footer-socialinfo .owl-nav .owl-next {
        right: 5px!important;
        top: auto;
        bottom: 0;
        width: 30px;
        height: 40px;
    }
}

.footer-social03 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-social03 li a {
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 12px;
    margin-bottom: 12px;
    position: relative;
}

.footer-social03 li a .fa {
    font-size: 26px;
    margin-right: 15px;
    vertical-align: middle;
}

.footer-social03 li a:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    border-top: 2px solid #aaaaaa;
    border-right: 2px solid #aaaaaa;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px;
}

@media only screen and (max-width: 767px) {
    .footer-social03 {
        margin-bottom: 20px;
    }
}

.footer-map02 {
    height: 219px;
}

.footer-linebox {
    border-top: 1px solid #2c2c2c;
    border-bottom: 1px solid #2c2c2c;
    text-align: center;
    max-width: 100%;
}

.footer-linebox>[class*="col-sm-"] {
    border-right: 1px dashed #2c2c2c;
    vertical-align: middle;
}

.footer-linebox>[class*="col-sm-"]:last-child {
    border: none;
}

@media only screen and (max-width: 767px) {
    .footer-linebox {
        padding-bottom: 20px;
        display: block;
    }
    .footer-linebox>[class*="col-sm-"] {
        border: none;
    }
}

.footer-number {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.footer-number li {
    display: inline-block;
    padding: 20px 25px;
}

.footer-number li:first-child {
    padding-left: 0;
}

.footer-number li:last-child {
    padding-right: 0;
}

.footer-number li .number {
    display: block;
    font-size: 20px;
    color: #20a3f0;
    font-weight: bold;
}

@media only screen and (max-width: 1199px) {
    .footer-number li {
        display: inline-block;
        padding: 10px 5px;
    }
}

.footer-form {
    font-size: 0;
    white-space: nowrap;
}

.footer-form .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    background-color: #444444;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
}

.footer-form .email {
    background-color: #333333;
    height: 35px;
    border: none;
    padding: 0px 10px;
    vertical-align: middle;
    font-size: 14px;
    width: 250px;
    max-width: 75%;
}

.footer-form .btn {
    height: 35px;
    line-height: 35px;
    background-color: #20a3f0;
    color: #FFF;
    padding: 0 15px;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    font-size: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-form .email {
        max-width: 55%;
    }
}

@media only screen and (max-width: 991px) {
    .footer-form .email {
        width: inherit;
    }
}

.footer-social04 {
    margin: 20px 0;
}

.footer-social04 a {
    display: inline-block;
    width: 47px;
    height: 47px;
    line-height: 51px;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #666666!important;
    margin: 0px 5px 8px 0;
    font-size: 16px;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.footer-social04 a:hover {
    text-decoration: none;
    background-color: #20a3f0;
    color: #FFF!important;
}

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

.footer-menu02 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu02 li {
    display: inline-block;
    padding: 0px 20px 10px;
}

.footer-form02 {
    border: 1px solid #2f2f2f;
    height: 34px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    padding-right: 32px;
    margin: 20px auto;
    max-width: 400px;
}

.footer-form02 .email {
    background-color: transparent;
    border: none;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    outline: none;
    vertical-align: middle;
    width: 100%;
}

.footer-form02 .icon {
    background-color: #2f2f2f;
    height: 32px;
    line-height: 30px;
    width: 32px;
    color: #FFF;
    border: none;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}

.footer-map03 {
    height: 447px;
}

.footer-menu03 {
    margin: 20px 0;
    padding: 20px 0 0;
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
}

.footer-menu03 li {
    list-style: none;
    display: inline-block;
}

.footer-menu03 li:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    width: 1px;
    height: 1px;
    background-color: #c3c3c3;
}

.footer-menu03 li a,
.footer-menu03 li a:link,
.footer-menu03 li a:active,
.footer-menu03 li a:visited {
    color: #666666;
}

.footer-menu03 li a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.footer-menu03 li:last-child:after {
    content: normal;
}

.footer-social05 a {
    display: inline-block;
    margin: 0 10px;
    font-size: 16px;
}

.footer-social05 a:hover {
    color: #FFF!important;
}

.footer-info03 {
    padding-right: 30px;
}

.footer-info03 .logo {
    padding-bottom: 30px;
}

.footer-info03 .more {
    height: 35px;
    line-height: 35px;
    background-color: #282828;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    padding: 0px 18px;
    font-size: 13px;
    color: #dddddd;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.footer-info03 .more:hover {
    text-decoration: none;
    background-color: #20a3f0;
    color: #FFF;
}

.footer-news04 {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #999999;
}

.footer-news04 li {
    float: left;
    width: 50%;
    display: table;
    padding-bottom: 30px;
}

.footer-news04 li:nth-child(2n-1) {
    clear: both;
}

.footer-news04 li .pic,
.footer-news04 li .pic-right {
    display: table-cell;
    vertical-align: middle;
}

.footer-news04 li .pic {
    width: 1%;
    padding-right: 16px;
}

.footer-news04 li .pic img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.footer-news04 .title {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #dddddd;
    font-weight: bold;
}

.footer-news04 .title a,
.footer-news04 .title a:link,
.footer-news04 .title a:active,
.footer-news04 .title a:visited {
    color: #dddddd;
}

.footer-news04 .title a:hover {
    color: #20a3f0;
}

.footer-news04 li .date {
    color: #888888;
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .footer-news04 li {
        float: none;
        width: 100%;
        display: table;
        padding-bottom: 30px;
    }
}

.footer-list02 {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-list02 li {
    margin-bottom: 10px;
}

.footer-social06 {
    margin-bottom: 22px;
}

.footer-social06 a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    margin: 0 4px 4px 0;
    background-color: #222222;
    font-size: 15px;
}

.footer-twitter {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-twitter .twitter-icon {
    float: left;
    font-size: 24px;
    margin-right: 25px;
}

.footer-twitter .twitter-info {
    overflow: hidden;
    margin-bottom: 15px;
}

.footer-twitter p {
    margin: 0;
    padding: 0;
}

.footer-twitter li a,
.footer-twitter li a:link,
.footer-twitter li a:active,
.footer-twitter li a:visited {
    color: #20a3f0!important;
}

.footer-twitter li a:hover {
    color: #20a3f0!important;
    text-decoration: underline!important;
}

@media only screen and (max-width: 991px) {
    .footer-twitter {
        margin-bottom: 30px;
    }
}

.footer-list03 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-list03 li:before {
    content: "\f101";
    font-family: 'dnngo' !important;
    margin-right: 12px;
}

.footer-list03 li {
    padding-bottom: 14px;
}

@media only screen and (max-width: 991px) {
    .footer-list03 {
        margin-bottom: 30px;
    }
}

.footer-info04 {
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-info04 .logo {
    margin-bottom: 30px;
}

.footer-blogs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-blogs li {
    display: table;
    margin-bottom: 32px;
    color: #999999;
}

.footer-blogs .date {
    display: table-cell;
    vertical-align: middle;
    width: 52px;
    text-align: center;
}

.footer-blogs .day {
    display: block;
    background-color: #eeeeee;
    line-height: 38px;
    font-size: 20px;
    color: #333333;
}

.footer-blogs .month {
    display: block;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    font-size: 14px;
    background-color: #20a3f0;
}

.footer-blogs .date-right {
    display: table-cell;
    vertical-align: middle;
    padding-left: 19px;
}

.footer-blogs .title {
    margin: 0 0 3px;
    font-weight: bold;
}

.footer-blogs .title a,
.footer-blogs .title a:link,
.footer-blogs .title a:active,
.footer-blogs .title a:visited {
    color: #cccccc;
    font-size: 15px;
}

.footer-blogs .title a:hover {
    color: #20a3f0;
    font-size: 15px;
}

.footer-blogs li p {
    margin: 0;
    font-size: 13px;
}

.footer-photos {
    margin: 0 0 0 -9px;
    padding: 0;
    list-style: none;
}

.footer-photos li {
    float: left;
    margin: 0 0 9px 9px;
}

.footer-phobox {
    margin: 0 -4% 0 0;
    padding: 0;
    list-style: none;
}

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

.footer-phobox li {
    float: left;
    position: relative;
    width: 31%;
    margin: 0 2% 2% 0;
}

.footer-phobox li .pic img {
    max-width: 100%;
}

.footer-phobox .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.footer-phobox li:before {
    width: 41px;
    height: 0;
    border-bottom: 1px solid;
    margin-left: -20px;
}

.footer-phobox li:after {
    width: 0px;
    height: 41px;
    border-left: 1px solid;
    margin-top: -20px;
}

.footer-phobox li:before,
.footer-phobox li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-color: #FFF;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.footer-phobox li:hover .bg {
    opacity: 0.7;
    visibility: visible;
    margin: 0;
}

.footer-phobox li:hover:before,
.footer-phobox li:hover:after {
    opacity: 1;
    visibility: visible;
}

.footer-phobox li img {
    width: 100%;
}

.footer-social07 {
    margin-bottom: 7px;
}

.footer-social07 a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #666666!important;
    margin: 0px 3px 10px;
    font-size: 16px;
    border: 1px solid #666666;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.footer-social07 a:hover {
    text-decoration: none;
    background-color: #20a3f0;
    border-color: #20a3f0;
    color: #FFF!important;
}

.footer-title {
    color: #dddddd;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 30px;
}

.footer-title02 {
    font-size: 18px;
    font-weight: bold;
    color: #dddddd;
    border-bottom: 1px solid #444444;
    padding-bottom: 26px;
    position: relative;
    margin-bottom: 40px;
}

.footer-title02:after {
    content: "";
    border-bottom: 2px solid #dddddd;
    width: 30px;
    position: absolute;
    left: 0;
    bottom: -1px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-photos li {
        margin: 0 0 5px 5px;
    }
}

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

.footer-01 .footer-top {
    color: #cccccc;
    background-color: #1e1e1e;
}

.footer-01 .footer-bottom {
    color: #aaaaaa;
    padding: 30px 0;
    background-color: #121212;
    font-size: 13px;
}

.footer-01 .footer-title {
    color: #dddddd
}

@media only screen and (max-width: 767px) {
    .footer-01 .footer-bottom {
        text-align: center;
    }
    .footer-01 .footer-bottom .left,
    .footer-01 .footer-bottom .right {
        float: none;
    }
}

.footer-02 .footer-top {
    color: #555555;
    background-color: #eeeeee;
}

.footer-02 .footer-bottom {
    color: #aaaaaa;
    padding: 28px 0;
    font-size: 13px;
    background-color: #121212;
    text-align: center;
}

.footer02-left {
    position: relative;
    z-index: 1;
}

.footer02-left:after {
    content: "";
    top: 0;
    left: 0;
    right: 15px;
    bottom: 0px;
    position: absolute;
    background-size: cover;
    z-index: -1;
}

.footer-02 .footer-title {
    color: #424242
}

@media only screen and (max-width: 768px) {
    .footer02-left:after {
        right: 0px;
    }
}

.footer-03 .footer-top {
    color: #aaaaaa;
    background-color: #121212;
}

.footer-03 .footer-bottom {
    color: #aaaaaa;
    padding: 25px 0;
    background-color: #121212;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
}

.footer-03 .footer-title {
    color: #dddddd
}

.footer-04 .footer-top {
    color: #cccccc;
    background-color: #121212;
}

.footer-04 .footer-bottom {
    background-color: #121212;
    padding: 54px 0 90px;
    color: #aaaaaa;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 767px) {
    .footer-04 .footer-bottom {
        padding: 20px 0 30px;
    }
}

.footer-05 .footer-top {
    color: #aaaaaa;
    background-color: #121212;
}

.footer-05 .footer-bottom {
    background-color: #121212;
    padding: 36px 0;
    color: #aaaaaa;
    text-align: center;
    font-size: 13px;
}

.footer-05 .footer-title {
    font-weight: bold;
    color: #cccccc;
}

.footer-06 {
    color: #aaaaaa;
    background-color: #151515;
}

.footer-06 p {
    font-size: 13px;
}

.footer-07 .footer-top {
    color: #cccccc;
    background-color: #1e1e1e;
}

.footer-07 .footer-bottom {
    background-color: #121212;
    padding: 32px 0;
    color: #aaaaaa;
    font-size: 13px;
}

.footer-07 .footer-title {
    color: #dddddd
}

@media only screen and (max-width: 767px) {
    .footer-07 .footer-bottom {
        text-align: center;
    }
    .footer-07 .footer-bottom .left,
    .footer-07 .footer-bottom .right {
        float: none;
    }
}

.footer-08 .footer-top {
    color: #cccccc;
    background-color: #282828;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-08 .footer-left-bg {
    position: relative;
    z-index: 1;
}

.footer-08 .footer-left-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1000px;
    right: 15px;
    bottom: -1px;
    background-color: #191919;
    z-index: -1;
}

.footer-08 .footer-bottom {
    background-color: #121212;
    color: #aaaaaa;
    padding: 31px 0;
    font-size: 13px;
}

@media only screen and (max-width: 991px) {
    .footer-08 .footer-left-bg:after {
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-08 .footer-left-bg:after {
        top: 0px;
    }
    .footer-08 .footer-bottom {
        text-align: center;
    }
    .footer-08 .footer-bottom .left,
    .footer-08 .footer-bottom .right {
        float: none;
    }
}

.footer-09 .footer-top {
    color: #cccccc;
    background-color: #1e1e1e;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-09 .footer-bottom {
    color: #838383;
    background-color: #121212;
    padding: 29px 0;
    font-size: 13px;
}

.footer-09 .footer-title {
    color: #dddddd
}

@media only screen and (max-width: 767px) {
    .footer-09 .footer-bottom {
        text-align: center;
    }
    .footer-09 .footer-bottom .left,
    .footer-09 .footer-bottom .right {
        float: none;
    }
}

.footer-10 .footer-top {
    color: #aaaaaa;
    background-color: #1e1e1e;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-10 .footer-bottom {
    color: #838383;
    background-color: #121212;
    padding: 31px 0;
    font-size: 13px;
}

.footer-10 .footer-title {
    color: #dddddd
}

.footer-contactus ul {

    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-contactus ul li {
    position: relative;
    padding: 0 0 10px 34px;
}

.footer-contactus ul li+li {
    margin: 10px 0 10px 0;
}

.footer-contactus ul li:last-child {
    margin: 10px 0 0 0;
    padding: 0 0 0 34px;
}

.footer-contactus ul li span {
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 3px;
}

.footer-contactus .title {
    font-size: 15px;
    margin: 0 0 5px;
    font-weight: bold;
    color: #ccc;
}

.footer-contactus.space-sm ul li {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .footer-10 .footer-bottom {
        text-align: center;
    }
    .footer-10 .footer-bottom .left,
    .footer-10 .footer-bottom .right {
        float: none;
    }
}

.footer-11 {
    padding-top: 112px;
}

.footer-11 .footer-top {
    position: relative;
    color: #aaaaaa;
    background-color: #121212;
    z-index: 1;
}

.footer-11 .footer-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #121212;
    z-index: -1;
    transform: skewY(-4deg);
    -webkit-transform: skewY(-4deg);
    transform-origin: left center;
}

.footer-11 .footer-bottom {
    background-color: #121212;
    padding: 52px 0 90px;
    color: #999999;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 767px) {
    .footer-11 .footer-bottom {
        padding: 25px 0 25px;
    }
}

.footer_box a,
.footer-box a:link,
.footer-box a:active,
.footer-box a:visited {
    color: inherit;
}

.footer-box a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.footer-box .sep {
    padding: 0 12px;
}
/* Page Title */
.header-replace {
    height: 100px;
}

.pagetitleBox {
    margin-bottom: 40px;
}

@media only screen and (min-width: 1600px) {
    .pagetitleBox {
        margin-bottom: 52px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pagetitleBox {
        margin-bottom: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .pagetitleBox {
        margin-bottom: 20px;
    }
}

.pagetitleBox .title {
    margin: 0;
    font-weight: bold;
}

.pagetitleBox .title+*,
.pagetitleBox .breadcrumb-box+*,
.pagetitleBox .pagetitle-info+* {
    margin-top: 1em
}

.breadcrumb-box {}

.breadcrumb-box a,
.breadcrumb-box a:link,
.breadcrumb-box a:active,
.breadcrumb-box a:visited {
    color: inherit;
}

.breadcrumb-box a:hover {
    color: #20a3f0;
}

.breadcrumb-box .fa {
    margin-right: 0.4em;
}

.breadcrumb-box .separator {
    padding: 0px 0.25em;
}

.pagetitle-layout-center {
    text-align: center;
    padding: 30px 0;
}

.pagetitle-layout-center .title {}

.pagetitle-layout-center .breadcrumb-box {}

.pagetitle-layout-center .pagetitle-info {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pagetitle-layout-center .pagetitle-info {
        max-width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    .pagetitle-layout-center .pagetitle-info {
        max-width: 95%;
    }
}

.pagetitle-layout-normal {
    position: relative;
    padding: 20px 0;
    background-color: #fcfcfc;
}

.pagetitle-layout-normal .pagetitle-border {
    display: table;
    width: 100%;
}

.pagetitle-layout-normal .pagetitle-border>.pagetitle-left {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.pagetitle-layout-normal .pagetitle-border>.pagetitle-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pagetitle-layout-normal .pagetitle-border>.pagetitle-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.pagetitle-layout-column {
    position: relative;
    padding: 20px 0;
    background-color: #fcfcfc;
}

.pagetitle-layout-column .pagetitle-border {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.pagetitle-layout-column .pagetitle-border>.pagetitle-left {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.pagetitle-layout-column .pagetitle-border>.pagetitle-left>.pagetitle-info {
    margin-right: 30%;
}

.pagetitle-layout-column .pagetitle-border>.pagetitle-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pagetitle-layout-column .pagetitle-border>.pagetitle-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.pagetitle-layout-column .pagetitle-border>.pagetitle-right>.pagetitle-info {
    margin-left: 30%;
}

@media only screen and (max-width: 767px) {
    .pagetitle-mobile-reverse {
        transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
    }
    .pagetitle-mobile-reverse .pagetitle-right {
        transform: rotateX(-180deg);
        -webkit-transform: rotateX(180deg);
    }
    .pagetitle-mobile-reverse .pagetitle-center {
        transform: rotateX(-180deg);
        -webkit-transform: rotateX(180deg);
    }
    .pagetitle-mobile-reverse .pagetitle-left {
        transform: rotateX(-180deg);
        -webkit-transform: rotateX(180deg);
    }
}

.pagetitle-xs {}

.pagetitle-sm {}

.pagetitle-lg {}

.pagetitle-xl {}

.pagetitle-xs {
    padding: 20px 0;
}

.pagetitle-sm {
    padding: 30px 0;
}

.pagetitle-md {
    padding: 60px 0;
}

.pagetitle-lg {
    padding: 100px 0;
}

.pagetitle-xl {
    padding: 160px 0;
}

.pagetitle-xs .title {
    font-size: 16px;
}

.pagetitle-sm .title {
    font-size: 21px;
}

.pagetitle-md .title {
    font-size: 26px;
}

.pagetitle-lg .title {
    font-size: 31px;
}

.pagetitle-xl .title {
    font-size: 46px;
}

.pagetitle-xs .title+*,
.pagetitle-xs .breadcrumb-box+*,
.pagetitle-xs .pagetitle-info+* {
    margin-top: 8px
}

.pagetitle-sm .title+*,
.pagetitle-sm .breadcrumb-box+*,
.pagetitle-sm .pagetitle-info+* {
    margin-top: 10px
}

.pagetitle-md .title+*,
.pagetitle-md .breadcrumb-box+*,
.pagetitle-md .pagetitle-info+* {
    margin-top: 14px
}

.pagetitle-lg .title+*,
.pagetitle-lg .breadcrumb-box+*,
.pagetitle-lg .pagetitle-info+* {
    margin-top: 18px
}

.pagetitle-xl .title+div,
.pagetitle-xl .breadcrumb-box+*,
.pagetitle-xl .pagetitle-info+* {
    margin-top: 22px
}

.pagetitle-full {
    display: table;
    width: 100%;
    position: relative;
}

.pagetitle-full>.pagetitle-center {
    display: table-cell;
    vertical-align: middle;
}

.pagetitle-full {
    padding: 0px;
}

.pagetitle-dark {
    background-color: #000
}

.pagetitle-dark,
.pagetitle-dark a,
.pagetitle-dark a:link,
.pagetitle-dark a:active,
.pagetitle-dark a:visited,
.pagetitle-dark .title {
    color: #FFF;
}

.pagetitle-dark a:hover {
    color: #20a3f0;
}

.pagetitle-light {
    background-color: #fff;
}

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

.pagetitle-images,
.pagetitle-images a,
.pagetitle-images a:link,
.pagetitle-images a:active,
.pagetitle-images a:visited,
.pagetitle-images .title {
    color: #FFF;
}

.pagetitle-images a:hover {
    color: #20a3f0;
}

.pagetitle-grey {
    background-color: #fcfcfc;
}

.pagetitle-video {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #f5f5f5;
}

.pagetitle-video .videobox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.pagetitle-video .videobox .video {
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
}

.pagetitle-video .videobox iframe,
.pagetitle-video .videobox object,
.pagetitle-video .videobox embed,
.pagetitle-video .videobox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.pagetitle-video .player_line {
    width: 126px;
    margin: 25px auto;
    border-top-width: 2px;
}

.pagetitle-video .play {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}

.pagetitle-video,
.pagetitle-video a,
.pagetitle-video a:link,
.pagetitle-video a:active,
.pagetitle-video a:visited,
.pagetitle-video .title {
    color: #FFF;
}

.pagetitle-video a:hover {
    color: #20a3f0;
}

.pagetitle-video .pagetitle-border {
    position: relative;
    z-index: 2;
}

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

@media only screen and (max-width: 767px) {
    .pagetitle-border .pagetitle-left,
    .pagetitle-border .pagetitle-center,
    .pagetitle-border .pagetitle-right {
        display: block!important;
        text-align: center!important;
    }
    .pagetitle-border .pagetitle-info {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .pagetitle-left,
    .pagetitle-center {
        margin-bottom: 20px;
    }
    .pagetitle-xs {
        padding: 20px 0;
    }
    .pagetitle-sm {
        padding: 30px 0;
    }
    .pagetitle-md {
        padding: 40px 0;
    }
    .pagetitle-lg {
        padding: 50px 0;
    }
    .pagetitle-xl {
        padding: 60px 0;
    }
    .pagetitle-xs .title {
        font-size: 16px;
    }
    .pagetitle-sm .title {
        font-size: 18px;
    }
    .pagetitle-md .title {
        font-size: 20px;
    }
    .pagetitle-lg .title {
        font-size: 22px;
    }
    .pagetitle-xl .title {
        font-size: 24px;
    }
}


/*arrow*/

.page-title-arrow {
    position: absolute;
    left: 50%;
    bottom: 10%;
    font-size: 30px;
    cursor: pointer;
    text-align: center;
}

.page-title-arrow.pagetitle_arrow01 {
    color: #cccccc;
    font-size: 38px;
    -webkit-animation: arrow-margin-bottom 0.7s infinite;
    -moz-animation: arrow-margin-bottom 0.7s infinite;
    animation: arrow-margin-bottom 0.7s infinite;
    margin-left: -20px;
}

.page-title-arrow.pagetitle_arrow02:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 30px;
    width: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 20px 0 0 0;
    -moz-border-radius: 20px 0 0 0;
    -webkit-border-radius: 20px 0 0 0;
    visibility: hidden;
    opacity: 0;
}

.page-title-arrow.pagetitle_arrow02 .mouse,
.page-title-arrow.pagetitle_arrow02:before {
    -webkit-animation: mouse-click 1s infinite;
    -moz-animation: mouse-click 1s infinite;
    animation: mouse-click 1s infinite;
}

.page-title-arrow.pagetitle_arrow02 .mouse:after,
.page-title-arrow.pagetitle_arrow02 .mouse:before {
    content: "";
    width: 9px;
    position: absolute;
    -webkit-transform-origin: right center;
    transform-origin: 18px center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #aaaaaa;
    margin-left: -3px;
}

.page-title-arrow.pagetitle_arrow02 .mouse:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-title-arrow.pagetitle_arrow02 .mouse {
    border-bottom: 1px solid #aaaaaa;
    width: 10px;
    position: absolute;
    left: -10px;
    top: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -10px;
    top: -5px;
    opacity: 0;
    visibility: hidden;
}

.page-title-arrow.pagetitle_arrow02 {
    height: 60px;
    width: 40px;
    border: 1px solid #cccccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin-left: -20px;
}

.page-title-arrow.pagetitle_arrow02:after {
    content: "";
    height: 15px;
    border-right: 1px solid #aaaaaa;
    position: absolute;
    top: 12px;
    left: 18px;
}

.page-title-arrow.pagetitle_arrow03 {
    font-size: 16px;
    color: #cccccc;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-animation: arrow-margin-bottom 0.7s infinite;
    -moz-animation: arrow-margin-bottom 0.7s infinite;
    animation: arrow-margin-bottom 0.7s infinite;
    margin-left: -25px;
}

.page-title-arrow.pagetitle_arrow04 {
    color: #666666;
    font-size: 30px;
    -webkit-animation: arrow-margin-bottom 0.7s infinite;
    -moz-animation: arrow-margin-bottom 0.7s infinite;
    animation: arrow-margin-bottom 0.7s infinite;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin-left: -25px;
}

.page-title-arrow.arrow-light.pagetitle_arrow01,
.page-title-arrow.arrow-light.pagetitle_arrow03,
.page-title-arrow.arrow-light.pagetitle_arrow04 {
    color: #FFF;
}

.page-title-arrow.arrow-light.pagetitle_arrow03,
.page-title-arrow.arrow-light.pagetitle_arrow02,
.page-title-arrow.arrow-light.pagetitle_arrow02:after,
.page-title-arrow.arrow-light.pagetitle_arrow02 .mouse,
.page-title-arrow.arrow-light.pagetitle_arrow02 .mouse:after,
.page-title-arrow.arrow-light.pagetitle_arrow02 .mouse:before {
    border-color: #fff;
}


/*arrow end*/

.breadcrumb-box {
    font-size: 13px;
}

.breadcrumb-dark {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    background-color: rgba(0, 0, 0, 0.2);
}

.breadcrumb-light {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    background-color: rgba(255, 255, 255, 0.2);
}

.breadcrumb-grey {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    background-color: #ededed;
}

.breadcrumb-split {
    background-color: transparent;
    margin-left: -5px;
}

.breadcrumb-split .pagetitle,
.breadcrumb-split .fa {
    display: inline-block;
    padding: 0px 20px;
    margin: 0 5px 5px 0;
    line-height: 30px;
    position: relative;
    z-index: 1;
    font-size: 13px;
    vertical-align: middle;
}

.breadcrumb-split .pagetitle:after,
.breadcrumb-split .fa:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    z-index: -1;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
}

.breadcrumb-split.breadcrumb-dark .pagetitle:after,
.breadcrumb-split.breadcrumb-dark .fa:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.breadcrumb-split.breadcrumb-light .pagetitle:after,
.breadcrumb-split.breadcrumb-light .fa:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.breadcrumb-split.breadcrumb-grey .pagetitle:after,
.breadcrumb-split.breadcrumb-grey .fa:after {
    background-color: #ededed;
}

.breadcrumb-split a,
.breadcrumb-dark a,
.breadcrumb-light a,
.breadcrumb-grey a {
    text-decoration: none!important;
}

.breadcrumb-split.breadcrumb-dark .pagetitle:hover:after,
.breadcrumb-split.breadcrumb-dark .fa:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
}

.breadcrumb-split.breadcrumb-light .pagetitle:hover:after,
.breadcrumb-split.breadcrumb-light .fa:hover:after {
    background-color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-split.breadcrumb-dark .pagetitle:hover,
.breadcrumb-split.breadcrumb-dark .fa:hover,
.breadcrumb-split.breadcrumb-light .pagetitle:hover,
.breadcrumb-split.breadcrumb-light .fa:hover {
    color: #FFF;
}

.breadcrumb-split.breadcrumb-grey .pagetitle:hover:after,
.breadcrumb-split.breadcrumb-grey .fa:hover:after {
    background-color: #dcdcdc;
}

.breadcrumb-split.breadcrumb-grey .pagetitle:hover,
.breadcrumb-split.breadcrumb-grey .fa:hover {
    color: #666666;
}
/* ********** HEADER ************** */

.logo-main {
    padding: 0;
}

.logo-main img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.header-top,
.header-bottom {
    display: table;
    width: 100%;
}

.header-top>.container,
.header-bottom>.container {
    display: table;
}

.header-left,
.header-center,
.header-right {
    display: table-cell;
    vertical-align: middle;
}

.header-bg {
    width: 100%;
    z-index: 100;
    position: absolute;
    color: #FFF;
}

.justify-fix {
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.headerBox {
    position: relative;
}

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

.header-not-float {
    position: relative;
}

.roll-activated {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.nav-box {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.headerBox .menuRightBox {
    white-space: nowrap;
}

.headerBox .menuRightBox>* {
    white-space: normal;
}

.menuRightBox .left-line {
    display: inline-block;
    border-left: 1px solid;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.header-transparent {
    background-color: transparent;
}

.header-light-transparent {
    background-color: rgba(255, 255, 255, 0.2);
}

.header-dark-transparent {
    background-color: rgba(0, 0, 0, 0.7);
}

.header-light {
    color: #1e1e1e;
    background-color: #FFF;
}

.header-dark {
    background-color: #252525;
}

.topbar-light .header-top {
    background-color: #FFF;
}

.topbar-accent .header-top {
    background-color: #20a3f0;
    color: #FFF;
}

.topbar-dark .header-top {
    background-color: #0e0e12;
}

.topbar-dark .header-top {
    background-color: #0e0e12;
}

.topbar-dark-transparent .header-top {
    background-color: rgba(0, 0, 0, 0.2);
}

.topbar-light-transparent .header-top {
    background-color: rgba(255, 255, 255, 0.2);
}

.header-center-logo.header-light.topbar-light .header-top {
    background-color: #fafafa;
}

.topbar-border .header-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-light #dng-megamenu>ul>li>a>span {
    color: #1e1e1e;
}

.header-full .container {
    width: 100%!important;
    padding-left: 30px;
    padding-right: 30px;
}

.topbar-grey .header-top {
    background-color: #fafafa;
}

.header-font-dark {
    color: #1e1e1e;
}

.header-font-dark #dng-megamenu>ul>li>a>span {
    color: #1e1e1e;
}


/*main menu*/

.menu-main {
    position: relative;
    margin: 0px;
}

#dng-megamenu ul {
    font-family: "Raleway";
}


/*dng-megamenu */

#dng-megamenu {
    margin: 0px;
    padding: 0px;
    clear: both;
}

#dng-megamenu .primary-structure {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

#dng-megamenu .primary-structure>li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 33px 0 33px;
}

#dng-megamenu .primary-structure>li>a {
    display: inline-block;
    padding: 0px 18px;
    word-spacing: normal;
    line-height: 33px;
    transition: all ease-in 200ms, line-height 0ms;
    -webkit-transition: all ease-in 200ms, line-height 0ms;
    /* Safari and Chrome */
}

*+html #dng-megamenu .primary-structure>li>a {
    display: inline;
}

#dng-megamenu>ul>li>a>span {
    display: inline-block;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: normal;
    color: inherit;
}

#dng-megamenu .primary-structure>li>a:hover,
#dng-megamenu .primary-structure>li.menu-hover>a,
#dng-megamenu .primary-structure>li.current>a {
    text-decoration: none;
}

#dng-megamenu .primary-structure span img,
#dng-megamenu .primary-structure span i {
    margin-right: 8px;
    width: 1.1em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#dng-megamenu .primary-structure>li>a,
#dng-megamenu .primary-structure>li>a:link,
#dng-megamenu .primary-structure>li>a:active,
#dng-megamenu .primary-structure>li>a:visited {
    color: inherit;
}

#dng-megamenu .primary-structure>li.dir>a>span:after {
    content: "";
    height: 5px;
    width: 5px;
    overflow: hidden;
    margin: 0 0px 3px 6px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

#dng-megamenu .primary-structure>li>a>span>i {
    color: inherit;
    font-size: 1.2em;
}

#dng-megamenu .primary-structure>li:hover>a,
#dng-megamenu .primary-structure>li.current>a,
#dng-megamenu .primary-structure>li.menu-hover>a {
    color: #20a3f0;
}

#dng-megamenu .label,
#dng-megamenu .badge{
    padding: .19em .4em .2em;
    font-size: 70%;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 3px 2px;
}

@media only screen and (min-width: 1200px) {
    #dng-megamenu .primary-structure>li>a {
        padding: 0px 18px;
    }
}

@media only screen and (min-width: 1600px) {
    #dng-megamenu .primary-structure>li>a {
        padding: 0px 21px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dng-megamenu .primary-structure>li>a {
        padding: 0px 13px;
    }
}


/*sub*/

#dng-megamenu .menuslide {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 907;
    margin: 0;
    padding: 0;
}

#dng-megamenu .rtl .menuslide.slide {
    left: auto!important;
    right: 0;
}

#dng-megamenu .menuslide>.boxslide {
    padding: 18px 40px 18px 0px;
}

#dng-megamenu .slide-menu,
#dng-megamenu .boxslide {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

#dng-megamenu .slide-menu .sub-menu {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#dng-megamenu .dnngo-masonrymenu {
    width: 100%;
}

#dng-megamenu .dnngo-masonrymenu>ul {
    float: left;
}

#dng-megamenu .dnngo-masonrymenu>ul>li {
    margin: 0px 38px;
}

#dng-megamenu .slide-menu,
#dng-megamenu .slide-menu .sub-menu,
#dng-megamenu .boxslide {
    background-color: #ffffff;
}

#dng-megamenu .menuslide {
    transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms, top ease-out 200ms;
    -moz-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms, top ease-out 200ms;
    -webkit-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms, top ease-out 200ms;
    -o-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms, top ease-out 200ms;
    -ms-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms, top ease-out 200ms;
}

.menu-sub-dark #dng-megamenu .slide-menu,
.menu-sub-dark #dng-megamenu .slide-menu .sub-menu,
.menu-sub-dark #dng-megamenu .boxslide,
.menu-sub-dark #dng-megamenu .custommenu>.menupane {
    background-color: #252525;
    color: #bcbcbc;
}

.menu-sub-dark #dng-megamenu .custommenu>.menupane {
    background-color: #252525;
    color: #bcbcbc;
}

.menu-sub-dark #dng-megamenu .slide-menu li:hover>a,
.menu-sub-dark #dng-megamenu .slide-menu li.subcurrent>a {
    background-color: transparent;
    color: #20a3f0;
}


/*slide-menu*/

#dng-megamenu .slide-menu {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    color: #666666;
}

#dng-megamenu .slide-menu ul,
#dng-megamenu .slide-menu ul li {
    margin: 0;
    padding: 0;
}

#dng-megamenu .slide-menu .sub-menu {
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    z-index: 904;
}

#dng-megamenu .slide-menu li {
    position: relative;
    list-style: none;
}

#dng-megamenu .slide-menu li a {
    text-decoration: none;
    text-align: left;
    padding: 8px 60px 8px 20px;
    font-size: 13px;
    display: block;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    font-size: 13px;
    color: inherit;
    transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms;
    -moz-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms;
    -webkit-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms;
    -o-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms;
    -ms-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms;
}

#dng-megamenu .rtl .slide-menu li a {
    padding: 8px 20px 8px 60px;
    text-align: right;
}

#dng-megamenu .slide-menu li.dir:before {
    content: "";
    right: 15px;
    top: 50%;
    position: absolute;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    opacity: 0.9;
}

#dng-megamenu .rtl .slide-menu li.dir:before {
    left: 15px;
    right: auto;
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -moz-transform: rotate(135deg);
    /* Firefox */
    -webkit-transform: rotate(135deg);
    /* Safari and Chrome */
    -o-transform: rotate(135deg);
    /* Opera */
}

#dng-megamenu .rtl .boxslide,
#dng-megamenu .rtl .boxslide .menu-centerbox ul {
    text-align: right;
}

#dng-megamenu .sub-menu {
    transition: top ease-out 200ms;
    -moz-transition: top ease-out 200ms;
    -webkit-transition: top ease-out 200ms;
    -o-transition: top ease-out 200ms;
    -ms-transition: top ease-out 200ms;
}

#dng-megamenu .slide-menu li:hover>a,
#dng-megamenu .slide-menu li.subcurrent>a {
    color: #FFF;
    background-color: #20a3f0;
}

#dng-megamenu .slide-menu li.dir:before {
    border-right: 1px solid;
    border-bottom: 1px solid;
    transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
}

#dng-megamenu .slide-menu li.dir:hover:before,
#dng-megamenu .slide-menu li.dir.subcurrent:before {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#dng-megamenu .slide-menu li a>span>i {
    color: inherit;
    font-size: 13px;
}

#dng-megamenu .slide-menu li a:hover>span>i,
#dng-megamenu .slide-menu li.menu-hover>a>span>i,
#dng-megamenu .slide-menu li.current>a>span>i,
#dng-megamenu .slide-menu li.subcurrent>a>span>i {
    color: #FFF;
}

#dng-megamenu .slide-menu li>a>span {
    display: inline-block;
    transition: transform ease-in 200ms;
    -moz-transition: transform ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: transform ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: transform ease-in 200ms;
    /* Opera */
    -ms-transition: transform ease-in 200ms;
    /* IE9? */
}

#dng-megamenu .slide-menu li a:hover>span,
#dng-megamenu .slide-menu li.menu-hover>a>span {
    transform: translate(4px, 0);
    -webkit-transform: translate(4px, 0);
}

#dng-megamenu .rtl .slide-menu li a:hover>span,
#dng-megamenu .rtl .slide-menu li.menu-hover>a>span {
    transform: translate(-4px, 0);
    -webkit-transform: translate(-4px, 0);
}

#dng-megamenu .slide-menu li a {
    padding-left: 14px;
}

#dng-megamenu .rtl .slide-menu li a {
    padding-right: 14px;
}

@media only screen and (min-width: 1200px) {
    #dng-megamenu .slide-menu li a {
        padding-left: 18px;
    }
    #dng-megamenu .rtl .slide-menu li a {
        padding-right: 18px;
    }
}

@media only screen and (min-width: 1600px) {
    #dng-megamenu .slide-menu li a {
        padding-left: 21px;
    }
    #dng-megamenu .rtl .slide-menu li a {
        padding-right: 21px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dng-megamenu .slide-menu li a {
        padding-left: 13px;
    }
    #dng-megamenu .rtl .slide-menu li a {
        padding-right: 13px;
    }
}


/*boxslide custommenu*/

#dng-megamenu .boxslide {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#dng-megamenu .custommenu>.menupane .menu-pane-space {
    padding: 20px;
}

#dng-megamenu .menuslide>.boxslide {
    padding: 0;
}

#dng-megamenu .custommenu>.menupane {
    float: left;
    background-color: #FFF;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    position: relative;
}

#dng-megamenu .custommenu>.menupane.topline .menu-pane-space {
    border-top: 1px solid #dcdcdc;
}

#dng-megamenu .custommenu>.menupane.bottomline .menu-pane-space {
    border-bottom: 1px solid #dcdcdc;
}

#dng-megamenu .custommenu>.menupane.leftline {
    border-left: 1px solid #dcdcdc;
}

#dng-megamenu .custommenu>.menupane.rightline {
    border-right: 1px solid #dcdcdc;
}

#dng-megamenu .custommenu .menu-pane-space {}

#dng-megamenu .custommenu .submenu {
    margin: 0;
    padding: 0;
}

#dng-megamenu .custommenu .submenu-title {
    color: #424242;
    line-height: 1.4;
    font-weight: bold;
    margin: 0 0 7px;
}

#dng-megamenu .custommenu {
    color: #666;
}


/* roller*/

.roller-up {
    position: fixed;
    top: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
    height: 18px;
    cursor: pointer;
    z-index: 950;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.roller-down {
    position: fixed;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
    height: 18px;
    cursor: pointer;
    z-index: 950;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.roller-up:before,
.roller-down:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    display: inline-block;
}

.roller-up:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: -3px 0 0px -3px;
}

.roller-down:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin: 0px 0 3px -3px;
}

.roller-up:hover,
.roller-down:hover {
    background-color: rgba(0, 0, 0, 0.3);
}


/*custommenu*/


/*menu hover*/

.menu-hover-line #dng-megamenu .primary-structure>li>a {
    margin: 0px 14px;
    padding: 0;
}

.menu-hover-line #dng-megamenu .primary-structure>li>a>span {
    position: relative;
    vertical-align: middle;
}

.menu-hover-line #dng-megamenu .primary-structure>li>a>span:before {
    content: "";
    border-bottom: 2px solid #20a3f0;
    position: absolute;
    bottom: 0;
    left: 2px;
    right: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.menu-hover-line #dng-megamenu .primary-structure>li:hover>a>span:before,
.menu-hover-line #dng-megamenu .primary-structure>li.current>a>span:before,
.menu-hover-line #dng-megamenu .primary-structure>li.menu-hover>a>span:before {
    right: 2px;
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 1200px) {
    .menu-hover-line #dng-megamenu .primary-structure>li>a {
        margin: 0px 18px;
    }
}

@media only screen and (min-width: 1600px) {
    .menu-hover-line #dng-megamenu .primary-structure>li>a {
        margin: 0px 21px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-hover-line #dng-megamenu .primary-structure>li>a {
        margin: 0px 13px;
    }
}

.menu-hover-line.menu-not-accent #dng-megamenu .primary-structure>li>a,
.menu-hover-line.menu-not-accent #dng-megamenu .primary-structure>li.current>a,
.menu-hover-line.menu-not-accent #dng-megamenu .primary-structure>li>a:hover {
    color: inherit;
}

.menu-hover-line.menu-not-accent #dng-megamenu .primary-structure>li>a>span:before {
    border-bottom-color: inherit;
}


/*Fixed Menu Style Start*/

.roll-activated {
    color: #666;
    background-color: #ffffff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.roll-activated #dng-megamenu>ul>li:hover>a>span,
.roll-activated #dng-megamenu>ul>li.current>a>span,
.roll-activated #dng-megamenu>ul>li.menu-hover>a>span {
    color: #20a3f0;
}

.roll-activated #dng-megamenu>ul>li {
    padding: 0;
}

.roll-activated #dng-megamenu>ul>li>a {
    line-height: 40px;
}

.FixedLogoPane {
    display: none;
}

.roll-activated .logo-main .Logobox {
    display: none;
}

.roll-activated .logo-main {
    height: 40px;
    line-height: 40px;
}

.roll-activated .logo-main .FixedLogoPane,
.roll-activated .FixedLogoPane .logo-main {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 2px 2px 2px 2px;
}

.roll-activated .logo-main .FixedLogoPane a,
.roll-activated .FixedLogoPane .logo-main a {
    display: block;
    white-space: nowrap;
    line-height: 1;
    height: 100%;
}

.roll-activated .logo-main .FixedLogoPane a:after,
.roll-activated .FixedLogoPane .logo-main a:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle;
    overflow: hidden;
}

.roll-activated .menuRightBox {
    display: none;
}

.roll-activated .LogoPane,
.roll-activated .mobileLogoPane,
.roll-activated .logo-main .Logobox {
    vertical-align: top;
}

.roll-activated .headerBox .headertopBox {
    display: none;
}

.roll-activated.roll-menu-dark {
    color: #fff;
    background-color: #252525;
}

.roll-activated.roll-menu-light {
    color: #666;
    background-color: #ffffff;
}


/*header-default*/

.header-default.roll-activated .header-center.text-center+.header-right .menuRightBox {
    display: inline-block;
}


/*header-border*/

.header-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-border .header-left,
.header-border .header-center {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-border .header-left {
    width: 12%;
    text-align: center;
    padding-right: 30px;
}

.header-border .header-center {
    text-align: right;
}

.header-border .header-right {
    text-align: center;
}

.header-border .nav-box {
    margin-right: 30px;
}

.header-border.header-light-transparent,
.header-border.header-light-transparent .header-left,
.header-border.header-light-transparent .header-center {
    border-color: rgba(255, 255, 255, 0.4);
}

.header-border.header-light,
.header-border.header-light .header-left,
.header-border.header-light .header-center {
    border-color: #dddddd;
}


/*header-center-logo */

.header-center-logo .header-top {
    padding: 0px 30px;
    color: #FFF;
}

.header-center-logo .container .header-top {
    padding: 0px;
}

.header-center-logo .header-bottom {
    text-align: center;
    padding-top: 22px;
}

.header-center-logo.roll-activated .header-top {
    display: none;
}

.header-center-logo.roll-activated .header-bottom {
    padding: 0;
}

.header-center-logo.roll-activated .logo-main {
    float: left!important;
}

.header-center-logo.roll-activated .nav-box {
    float: right;
}


/*header-flat*/

.header-flat .header-bottom .header-right nav {
    padding: 18px 0 0;
}

.header-flat #dng-megamenu>ul>li {
    padding-top: 0;
    padding-bottom: 18px;
}

.header-flat .menuRightBox {
    padding-bottom: 18px;
}
.header-flat .headar-search{
    border-color:inherit;
}

.header-flat.roll-activated .header-control2 {
    display: none;
}

.header-flat.roll-activated .header-bottom .header-right {
    padding: 0px;
}

.header-flat.roll-activated #dng-megamenu>ul>li {
    padding-top: 0;
    padding-bottom: 0px;
}


/*header-navbar*/

.header-navbar {
    color: #373737;
    background-color: #ffffff;
}

.header-navbar .header-top {
    padding-top: 18px;
    padding-bottom: 18px;
    color: #373737;
}

.header-navbar .header-top.container-fluid,
.header-navbar .header-bottom.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.header-navbar .header-bottom {
    background-color: #f5f5f5;
    color: #1e1e1e;
}

.header-navbar #dng-megamenu>ul>li {
    padding: 11px 0;
}

.header-navbar #dng-megamenu>ul>li>a>span {
    color: #1e1e1e;
}

.header-navbar.header-dark {
    color: #fff;
    background-color: #0f0f0f;
}

.header-navbar.header-dark .header-top {
    color: #ffffff;
}

.header-navbar.header-dark .header-bottom {
    background-color: #000000;
    color: #fff;
}

.header-navbar.header-dark #dng-megamenu>ul>li>a>span {
    color: #ffffff;
}

.header-navbar.header-dark #dng-megamenu>ul>li.current>a>span,
.header-navbar.header-dark #dng-megamenu>ul>li:hover>a>span {
    color: #20a3f0;
}

.header-navbar .header-control2 .text,
.header-navbar .headar-search .search {
    color: inherit;
}

.header-navbar.roll-activated .header-top {
    display: none;
}

.header-navbar.roll-activated .menuRightBox {
    display: inline-block;
}

.header-navbar.roll-activated #dng-megamenu>ul>li {
    padding: 0;
}

.header-navbar.header-dark.roll-activated .header-bottom {}

.header-navbar.roll-activated.roll-menu-dark .header-bottom {
    color: #fff;
    background-color: #252525;
}

.header-navbar.roll-activated.roll-menu-light .header-bottom {
    color: #666;
    background-color: #ffffff;
}

.header-navbar.roll-activated.roll-menu-dark #dng-megamenu>ul>li>a>span {
    color: #fff;
}

.header-navbar.roll-activated.roll-menu-light #dng-megamenu>ul>li>a>span {
    color: #666;
}

.header-navbar.roll-activated .menu-main #dng-megamenu>ul>li.current>a>span,
.header-navbar.roll-activated .menu-main #dng-megamenu>ul>li:hover>a>span {
    color: #20a3f0;
}


/*header-topbar*/

.header-topbar.header-light .header-control,
.header-topbar.header-light .header-top,
.header-topbar.header-light .header-social,
.header-topbar.header-light .header-social a,
.header-topbar.header-light .header-control>li {
    border-color: #e0e0e0;
}

.header-topbar.topbar-accent .header-control,
.header-topbar.topbar-accent .header-top,
.header-topbar.topbar-accent .header-social,
.header-topbar.topbar-accent .header-social a,
.header-topbar.topbar-accent .header-control>li {
    border-color: rgba(255, 255, 255, 0.4);
}

.header-topbar.roll-activated .header-top {
    display: none;
}


/*header-topmenu*/

.header-topmenu #dng-megamenu>ul>li {
    padding: 0;
}

.header-topmenu #dng-megamenu>ul>li>a {
    padding: 0!important;
    line-height: 41px!important;
}

.header-topmenu .logo-main {
    text-align: center;
    padding: 22px 0;
}

.header-topmenu.topbar-light .header-top #dng-megamenu>ul>li>a>span {
    color: #1e1e1e;
}

.header-topmenu.topbar-light .header-top #dng-megamenu>ul>li.current>a>span,
.header-topmenu.topbar-light .header-top #dng-megamenu>ul>li:hover>a>span {
    color: #20a3f0;
}

.header-topmenu.roll-activated .header-bottom {
    display: none;
}

.header-topmenu.roll-activated .header-top {
    color: #171717;
}

.header-topmenu.roll-activated.roll-menu-dark .header-top {
    color: inherit;
}

.header-topmenu.roll-activated #dng-megamenu>ul>li>a {
    padding: 0px;
}

.header-topmenu.roll-activated .menuRightBox {
    display: block;
}


/*header-split*/

.header-split #dng-megamenu .primary-structure {
    display: block;
    margin: auto;
    width: auto;
    white-space: nowrap;
    /*
	left: 50%;
	position: relative;
	transform: translateX(-50%) translateZ(0);
	-webkit-transform: translateX(-50%) translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	*/
}

.header-split #dng-megamenu .menu-logo {
    padding: 0px 22px;
}

.header-split .primary-structure .menulogo:before,
.header-split .primary-structure .menulogo:after {
    display: none;
}

.header-split #dng-megamenu .primary-structure>li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    opacity: 0;
    visibility: hidden;
}

.header-split #dng-megamenu .primary-structure>li.logo-at.menu-logo {}

.header-split #dng-megamenu .primary-structure>li.logo-at.menu-logo {
    opacity: 1;
    visibility: visible;
    transition: opacity ease-in 400ms;
    -moz-transition: opacity ease-in 400ms;
    -webkit-transition: opacity ease-in 400ms;
    -o-transition: opacity ease-in 400ms;
    -ms-transition: opacity ease-in 400ms;
}

.header-split #dng-megamenu>ul>li.left-item {
    transform: rotateY(-60deg);
}

.header-split #dng-megamenu>ul>li.right-item {
    transform: rotateY(60deg);
}

.header-split #dng-megamenu>ul>li.left-at,
.header-split #dng-megamenu>ul>li.right-at {
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
    transition: opacity ease-in 400ms, transform ease-in 400ms;
    -moz-transition: opacity ease-in 400ms, transform ease-in 400ms;
    -webkit-transition: opacity ease-in 400ms, transform ease-in 400ms;
    -o-transition: opacity ease-in 400ms, transform ease-in 400ms;
    -ms-transition: opacity ease-in 400ms, transform ease-in 400ms;
}

.header-split .header-top .header-control,
.header-split .header-top .header-control>li {
    border: none;
    position: relative;
}

.header-split .header-top .header-control>li:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0;
    height: 22px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.header-split.header-light .header-top .header-control>li:after {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.header-split .header-top .header-control>li:last-child:after {
    content: normal;
}

.header-split.roll-activated .header-top {
    display: none;
}

.header-split.roll-activated #dng-megamenu .Logobox {
    display: none;
}

.header-split.roll-activated #dng-megamenu .FixedLogoPane {
    display: block;
    height: 40px;
}

.header-split #dng-megamenu .FixedLogoPane img {
    max-height: 100%;
}


/*headar-left-menu*/

.headar-left-menu .header-bottom {
    table-layout: fixed;
}

.headar-left-menu .logo-main {
    padding: 10px;
}

.headar-left-menu .nav-box {
    position: fixed;
    top: 0;
    left: -280px;
    height: 100%;
    width: 280px;
    background-color: #ffffff;
    z-index: 1000;
    color: #1e1e1e;
    padding: 15px 0;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Latest Opera */
}

.headar-left-menu.menu-active .nav-box {
    left: 0px;
}

.headar-left-menu #dng-megamenu .primary-structure {
    display: block;
}

.headar-left-menu #dng-megamenu .primary-structure>li {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

.headar-left-menu #dng-megamenu .primary-structure>li {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
}

.headar-left-menu #dng-megamenu .primary-structure>li>a {
    padding: 6px 40px 6px 30px;
    margin: 0!important;
    display: block;
    overflow: hidden;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal;
    color: inherit;
    width: 100%;
    position: relative;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.headar-left-menu #dng-megamenu .primary-structure>li>a:hover,
.headar-left-menu #dng-megamenu .primary-structure>li.menu-hover>a,
.headar-left-menu #dng-megamenu .primary-structure>li.current>a {
    color: #20a3f0;
}

.headar-left-menu #dng-megamenu .primary-structure>li>a>span {
    color: inherit;
}

.headar-left-menu #dng-megamenu .primary-structure>li>a>span>img,
.headar-left-menu #dng-megamenu .primary-structure>li>a>span>i {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    font-style: normal;
    font-size: 23px;
    color: inherit;
    font-weight: bold;
    width: 20px;
    height: 17px;
    line-height: 17px;
    text-align: center;
}

.headar-left-menu #dng-megamenu>ul>li:hover>a>span,
.headar-left-menu #dng-megamenu>ul>li.current>a>span,
.headar-left-menu #dng-megamenu>ul>li.menu-hover>a>span,
.headar-left-menu #dng-megamenu>ul>li>a:hover>span>i,
.headar-left-menu #dng-megamenu>ul>li.menu-hover>a>span>i,
.headar-left-menu #dng-megamenu>ul>li.current>a>span>i {
    color: #20a3f0;
}

.headar-left-menu #dng-megamenu .primary-structure>li.dir>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 6px;
    height: 6px;
    margin: -3px 0px 0 0;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    transition: border-color ease-in 200ms;
    -moz-transition: border-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: border-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: border-color ease-in 200ms;
    /* Opera */
    -ms-transition: border-color ease-in 200ms;
    /* IE9? */
}

.headar-left-menu #dng-megamenu .primary-structure>li.dir.menu-hover>a:after,
.headar-left-menu #dng-megamenu .primary-structure>li.dir.current>a:after,
.headar-left-menu #dng-megamenu .primary-structure>li.dir:hover>a:after {
    border-color: #20a3f0;
}

.headar-left-menu #dng-megamenu>ul>li.dir>a>span:after {
    content: normal;
}

.headar-left-menu .menu-close {
    width: 32px;
    height: 32px;
    background-color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    right: -42px;
    top: 20px;
    cursor: pointer;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Latest Opera */
}

.headar-left-menu .menu-close span {
    text-indent: -999px;
    font-size: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}

.headar-left-menu .menu-close span:after,
.headar-left-menu .menu-close span:before,
.headar-left-menu .menu-close:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 0;
    border-bottom: 1px solid #555555;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.headar-left-menu .menu-close span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.headar-left-menu .menu-close span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.headar-left-menu .menu-close:before {
    opacity: 0;
}

.headar-left-menu .menu-close:hover {
    background-color: #20a3f0;
}

.headar-left-menu .menu-close:hover span:after,
.headar-left-menu .menu-close:hover span:before,
.headar-left-menu .menu-close:hover:before {
    border-color: #FFF;
}

.headar-left-menu .menu-close.active span:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    top: 10px;
}

.headar-left-menu .menu-close.active span:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    top: 22px;
}

.headar-left-menu .menu-close.active:before {
    opacity: 1;
}

.headar-left-menu.menu-dark .nav-box {
    background-color: #1e1e1e;
    color: #FFF;
}

.headar-left-menu.menu-dark .header-social3 {
    border-color: #2f2f2f;
}


/*headar-overlay-menu*/

.headar-overlay-menu .header-bottom {
    table-layout: fixed;
}

.headar-overlay-menu .logo-main {
    padding: 10px;
}

.headar-overlay-menu .nav-box {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.96);
    color: #1e1e1e;
    padding: 15px 0;
    opacity: 0;
    visibility: hidden;
    z-index: -11;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Latest Opera */
}

.headar-overlay-menu.menu-active .nav-box {
    opacity: 1;
    visibility: visible;
    z-index: 1004;
}

.headar-overlay-menu .nav-box {
    white-space: nowrap;
}

.headar-overlay-menu .nav-box:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.headar-overlay-menu .menu-main {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    white-space: normal;
}

.headar-overlay-menu .menu-main {
    text-align: center;
}

.headar-overlay-menu #dng-megamenu .primary-structure {
    display: inline-block;
    text-align: center;
}

.headar-overlay-menu #dng-megamenu .primary-structure>li {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

.headar-overlay-menu #dng-megamenu .primary-structure>li {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
}

.headar-overlay-menu #dng-megamenu .primary-structure>li>a {
    padding: 6px 40px 6px 30px;
    margin: 0!important;
    display: block;
    overflow: hidden;
    text-transform: capitalize;
    font-weight: normal;
    color: inherit;
    width: 100%;
    position: relative;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.headar-overlay-menu #dng-megamenu .primary-structure>li>a:hover,
.headar-overlay-menu #dng-megamenu .primary-structure>li.menu-hover>a,
.headar-overlay-menu #dng-megamenu .primary-structure>li.current>a {
    color: #20a3f0;
}

.headar-overlay-menu #dng-megamenu .primary-structure>li>a>span {
    color: inherit;
    font-size: 32px;
    line-height: 1.2;
    padding: 5px 0;
}

.headar-overlay-menu #dng-megamenu .primary-structure>li>a>span>img,
.headar-overlay-menu #dng-megamenu .primary-structure>li>a>span>i {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    font-style: normal;
    font-size: 23px;
    color: inherit;
    font-weight: bold;
    width: 20px;
    height: 17px;
    line-height: 17px;
    text-align: center;
}

.headar-overlay-menu #dng-megamenu>ul>li:hover>a>span,
.headar-overlay-menu #dng-megamenu>ul>li.current>a>span,
.headar-overlay-menu #dng-megamenu>ul>li.menu-hover>a>span,
.headar-overlay-menu #dng-megamenu>ul>li>a:hover>span>i,
.headar-overlay-menu #dng-megamenu>ul>li.menu-hover>a>span>i,
.headar-overlay-menu #dng-megamenu>ul>li.current>a>span>i {
    color: #20a3f0;
}

.headar-overlay-menu #dng-megamenu .primary-structure>li.dir>a>span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    width: 9px;
    height: 9px;
    margin: -5px 0px 0 0;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    transition: border-color ease-in 200ms;
    -moz-transition: border-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: border-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: border-color ease-in 200ms;
    /* Opera */
    -ms-transition: border-color ease-in 200ms;
    /* IE9? */
}

.headar-overlay-menu #dng-megamenu .primary-structure>li.dir.menu-hover>a>span:after,
.headar-overlay-menu #dng-megamenu .primary-structure>li.dir.current>a>span:after,
.headar-overlay-menu #dng-megamenu .primary-structure>li.dir:hover>a>span:after {
    border-color: #20a3f0;
}

.headar-overlay-menu #dng-megamenu>ul>li.dir>a>span:after {
    content: normal;
}

.headar-overlay-menu #dng-megamenu .menuslide {
    left: 50%!important;
    transform: translateX(-50%)!important;
    -webkit-transform: translateX(-50%)!important;
}

.headar-overlay-menu .menu-close {
    position: absolute;
    cursor: pointer;
    right: 28px;
    top: 22px;
    font-size: 20px;
    z-index: 2;
}

.headar-overlay-menu .menu-open {
    font-size: 20px;
    cursor: pointer;
}

.headar-overlay-menu.menu-dark .nav-box {
    background-color: rgba(0, 0, 0, 0.96);
    color: #FFF;
}


/*headar-side-header*/

.headar-side-header .nav-box {
    position: fixed;
    top: 0;
    left: -280px;
    height: 100%;
    width: 280px;
    background-color: #ffffff;
    z-index: 1000;
    color: #1e1e1e;
    white-space: nowrap;
    text-align: center;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Latest Opera */
}

.headar-side-header.menu-active .nav-box {
    left: 0px;
}

.headar-side-header .nav-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.headar-side-header .nav-top {
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px dashed #d6d6d6;
    white-space: normal;
    padding: 45px 0px;
}

.headar-side-header .nav-center {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    white-space: normal;
}

.headar-side-header .nav-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px dashed #d6d6d6;
    white-space: normal;
    padding: 45px 0px;
}

.headar-side-header .nav-top .logo-main {}

.headar-side-header #dng-megamenu .primary-structure {
    display: block;
}

.headar-side-header #dng-megamenu .primary-structure>li {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

.headar-side-header #dng-megamenu .primary-structure>li {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
}

.headar-side-header #dng-megamenu .primary-structure>li>a {
    padding: 6px 40px 6px 30px;
    margin: 0!important;
    display: block;
    overflow: hidden;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal;
    color: inherit;
    width: 100%;
    position: relative;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.headar-side-header #dng-megamenu .primary-structure>li>a:hover,
.headar-side-header #dng-megamenu .primary-structure>li.menu-hover>a,
.headar-side-header #dng-megamenu .primary-structure>li.current>a {
    color: #20a3f0;
}

.headar-side-header #dng-megamenu .primary-structure>li>a>span {
    color: inherit;
}

.headar-side-header #dng-megamenu .primary-structure>li>a>span>img,
.headar-side-header #dng-megamenu .primary-structure>li>a>span>i {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    font-style: normal;
    font-size: 23px;
    color: inherit;
    font-weight: bold;
    width: 20px;
    height: 17px;
    line-height: 17px;
    text-align: center;
}

.headar-side-header #dng-megamenu>ul>li:hover>a>span,
.headar-side-header #dng-megamenu>ul>li.current>a>span,
.headar-side-header #dng-megamenu>ul>li.menu-hover>a>span,
.headar-side-header #dng-megamenu>ul>li>a:hover>span>i,
.headar-side-header #dng-megamenu>ul>li.menu-hover>a>span>i,
.headar-side-header #dng-megamenu>ul>li.current>a>span>i {
    color: #20a3f0;
}

.headar-side-header #dng-megamenu .primary-structure>li.dir>a>span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    width: 6px;
    height: 6px;
    margin: -3px 0px 0 0;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    transition: border-color ease-in 200ms;
    -moz-transition: border-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: border-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: border-color ease-in 200ms;
    /* Opera */
    -ms-transition: border-color ease-in 200ms;
    /* IE9? */
}

.headar-side-header #dng-megamenu .primary-structure>li.dir.menu-hover>a>span:after,
.headar-side-header #dng-megamenu .primary-structure>li.dir.current>a>span:after,
.headar-side-header #dng-megamenu .primary-structure>li.dir:hover>a>span:after {
    border-color: #20a3f0;
}

.headar-side-header #dng-megamenu>ul>li.dir>a>span:after {
    content: normal;
}

.headar-side-header .menu-close {
    width: 32px;
    height: 32px;
    background-color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    right: -42px;
    top: 20px;
    cursor: pointer;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* For Latest Opera */
}

.headar-side-header .menu-close span {
    text-indent: -999px;
    font-size: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}

.headar-side-header .menu-close span:after,
.headar-side-header .menu-close span:before,
.headar-side-header .menu-close:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 0;
    border-bottom: 1px solid #555555;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.headar-side-header .menu-close span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.headar-side-header .menu-close span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.headar-side-header .menu-close:before {
    opacity: 0;
}

.headar-side-header .menu-close:hover {
    background-color: #20a3f0;
}

.headar-side-header .menu-close:hover span:after,
.headar-side-header .menu-close:hover span:before,
.headar-side-header .menu-close:hover:before {
    border-color: #FFF;
}

.headar-side-header .menu-close.active span:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    top: 10px;
}

.headar-side-header .menu-close.active span:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    top: 22px;
}

.headar-side-header .menu-close.active:before {
    opacity: 1;
}

.headar-side-header.menu-dark .nav-box {
    background-color: #1e1e1e;
    color: #FFF;
}

.headar-side-header.menu-dark .nav-top,
.headar-side-header.menu-dark .nav-bottom {
    border-color: #2f2f2f;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .headar-side-header .nav-top {
        padding: 25px 0px;
    }
    .headar-side-header .nav-bottom {
        padding: 25px 0px;
    }
}


/*fixed right*/

.menu-fixed-right .nav-box {
    left: auto;
    right: -280px;
}

.menu-fixed-right.menu-active .nav-box {
    left: auto;
    right: 0px;
}

.menu-fixed-right .menu-close {
    right: auto;
    left: -42px;
}

.menu-fixed-right #dng-megamenu .slide-menu li a {
    padding: 8px 20px 8px 60px;
    text-align: right;
}

.menu-fixed-right #dng-megamenu .slide-menu li.dir:before {
    right: auto;
    left: 20px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.menu-fixed-right #dng-megamenu .slide-menu li a:hover>span,
.menu-fixed-right #dng-megamenu .slide-menu li.menu-hover>a>span {
    transform: translate(-4px, 0);
    -webkit-transform: translate(-4px, 0);
}

.headar-side-header.menu-fixed-right #dng-megamenu .primary-structure>li.dir>a>span:after {
    right: auto;
    left: -20px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


/*html*/


/*header-info*/

.header-info {
    font-size: 13px;
    color: #ffffff;
    line-height: 42px;
}

.header-info .sep {
    height: 22px;
    line-height: 22px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 15px;
}

.header-info .fa {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 1.2em
}

.header-icon-list {
    display: inline-block;
    vertical-align: middle;
}

.header-language {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.header-language .text-current {
    height: 42px;
    line-height: 42px;
    padding: 0px 15px;
    display: inline-block;
    color: inherit;
    font-size: 13px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.header-language:hover .text-current {
    background-color: #fafafa;
    color: #20a3f0;
    border-bottom-color: #20a3f0;
}

.header-language .language-list {
    opacity: 0;
    visibility: hidden;
    z-index: -11;
    min-width: 100%;
    white-space: nowrap;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Latest Opera */
}

.header-language:hover .language-list {
    opacity: 1;
    visibility: visible;
    z-index: 0;
}

.header-language .text-current:after {
    content: "\f107";
    font-family: 'dnngo' !important;
    margin-left: 5px;
}

.header-language .language-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #FFF;
    min-width: 100%;
}

.header-language .language-list li {
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    font-size: 13px;
}

.header-language .language-list li a {
    padding: 5px 15px;
    display: block;
    white-space: nowrap;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
}

.header-language .language-list li a:hover {
    background-color: #F9F9F9;
    text-decoration: none;
}

.header-support {
    height: 42px;
    line-height: 42px;
    padding: 0px 15px;
    display: inline-block;
    background-color: #20a3f0;
    color: #FFF;
    font-size: 13px;
    vertical-align: middle;
}

.header-support,
.header-support:link,
.header-support:active,
.header-support:visited {
    color: #FFF;
}

.topbar-light .header-support,
.topbar-light .header-support:link,
.topbar-light .header-support:active,
.topbar-light .header-support:visited {}

.topbar-light .header-top,
.topbar-light .header-info {
    color: #373737;
}

.topbar-accent .header-top .shopping-cart-box .icon .badge {
    background-color: #FFF;
    color: #20a3f0;
}

.topbar-accent .header-top .search-popup-box .icon.active,
.topbar-accent .header-top .search-popup-box:hover .icon {
    color: #000;
}

.topbar-accent .header-support {
    background-color: #000000;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.topbar-accent .header-support:hover {
    background-color: #ffffff;
    text-decoration: none;
    color: #20a3f0;
}

.header-control {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

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

.header-control>li {
    float: left;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-control li .text {
    display: block;
    height: 42px;
    padding: 0px 15px;
    line-height: 42px;
    color: inherit;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none!important;
}

.header-control .text>.fa {
    display: inline-block;
    margin-right: 5px;
}

.header-control li>.text,
.header-control li>.dir>.text {
    border-bottom: 1px solid transparent;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.header-control li:hover>.dir>.text {
    background-color: #fafafa;
    color: #20a3f0;
    border-bottom-color: #20a3f0;
}

.header-control li:hover>.text {
    background-color: #20a3f0;
    color: #FFF!important;
}

.header-control li>div>.text:after {
    content: "\f107";
    font-family: 'dnngo' !important;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.header-control .dir-list {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    min-width: 100%;
    white-space: nowrap;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    opacity: 0;
    visibility: hidden;
    z-index: -11;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Latest Opera */
}

.header-control .dir:hover .dir-list {
    opacity: 1;
    visibility: visible;
    z-index: 1001;
}

.header-control .dir-list li a {
    padding: 5px 15px;
    display: block;
    font-size: 13px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
}

.header-control .dir-list li a:hover {
    background-color: #F9F9F9;
    text-decoration: none;
}

.header-control .dir-list li a,
.header-control .dir-list li a:link,
.header-control .dir-list li a:active,
.header-control .dir-list li a:visited {
    color: #424242;
}

.header-control2 {
    margin: 0 0 10px;
    padding: 0;

    list-style: none;
}

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

.header-control2>li {
    position: relative;
    display: inline-block;
}

.header-control2 .text>.fa {
    display: inline-block;
    margin-right: 5px;
}

.header-control2 li .text {
    display: block;
    height: 42px;
    padding: 0px 15px;
    line-height: 42px;
    color: #e0e0e0;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none!important;
}

.header-control2 li>.text,
.header-control2 li>.dir>.text {
    border-bottom: 1px solid transparent;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.header-control2 li:hover>.text,
.header-control2 li:hover>.dir>.text {
    background-color: #fafafa;
    color: #20a3f0;
    border-bottom-color: #20a3f0;
}

.header-light .header-control2 li .text {
    color: #373737;
}

.header-font-dark .header-control2 li .text {
    color: #373737;
}

.header-control2 li>div>.text:after {
    content: "\f107";
    font-family: 'dnngo' !important;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.header-control2 .dir-list {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    min-width: 100%;
    white-space: nowrap;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    opacity: 0;
    visibility: hidden;
    z-index: -11;
    text-align: left;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    /* For Latest Opera */
}

.header-control2 .dir:hover .dir-list {
    opacity: 1;
    visibility: visible;
    z-index: 1001;
}

.header-control2 .dir-list li a {
    padding: 5px 15px;
    display: block;
    font-size: 13px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
}

.header-control2 .dir-list li a:hover {
    background-color: #F9F9F9;
    text-decoration: none;
}

.header-control2 .dir-list li a,
.header-control2 .dir-list li a:link,
.header-control2 .dir-list li a:active,
.header-control2 .dir-list li a:visited {
    color: #424242;
}

.headar-search {
    border: 1px solid #474747;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 20px;
}

.headar-search .textbox {
    background: none;
    border: none;
    padding: 5px 5px;
    font-size: 13px;
    width: 180px;
}

.headar-search .search {
    background: none;
    border: none;
    padding: 4px 12px;
    color: #a8a8a8;
}

.header-account {
    position: relative;
}

.account-box {
    top: 100%;
    right: 0;
    position: absolute;
    background-color: #ffffff;
    border-top: 2px solid #20a3f0;
    padding: 30px;
    z-index: 1001;
    text-align: left;
    display: none;
    color: #666;
    -moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.4);
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.4);
    /* For Chrome5+, Safari5+ */
    box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.4);
    /* For Latest Opera */
}

.header-account .text {
    position: relative;
}

.header-account .text:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: 3px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom-color: #20a3f0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.header-account .text.active:before {
    opacity: 1;
    visibility: visible;
}

.login-account .title {
    color: #20a3f0;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 25px;
}

.header-account .login-form {
    background-color: #f8f8f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 10px;
    -moz-box-shadow: 2px 2px 2px #ededed inset;
    /* For Firefox3.6+ */
    -webkit-box-shadow: 2px 2px 2px #ededed inset;
    /* For Chrome5+, Safari5+ */
    box-shadow: 2px 2px 2px #ededed inset;
    /* For Latest Opera */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-account .login-form input {
    background: none;
    border: none;
    width: 258px;
    line-height: 42px;
    font-size: 13px;
    outline: none;
    padding-left: 22px;
    color: #333;
}

.header-account .login-form input::-webkit-input-placeholder {
    color: #4a4a4a;
    opacity: 0.9;
}

.header-account .login-form input:-moz-placeholder {
    color: #4a4a4a;
    opacity: 0.9;
}

.header-account .login-form input::-moz-placeholder {
    color: #4a4a4a;
    opacity: 0.9;
}

.header-account .login-form input:-ms-input-placeholder {
    color: inherit;
    opacity: 0.9;
}

.header-account .login-form input:placeholder {
    color: #4a4a4a;
    opacity: 0.9;
}

.header-account .login-form .item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    position: relative;
}

.header-account .login-form .item:last-child {
    border-bottom: none
}

.header-account .login-form .fa {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 14px;
    margin-top: -8px;
    color: #4a4a4a;
}

.header-account .login-form input:focus+.fa {
    color: #20a3f0;
}

.header-account .primary-action {
    height: 33px;
    line-height: 33px;
    background-color: #20a3f0;
    color: #FFF;
    display: block;
    margin: 15px 0;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 13px;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
}

.header-account .primary-action:hover {
    background-color: #000;
    text-decoration: none;
}

.header-account .login-checkbox {
    font-size: 13px;
}

.header-account .login-checkbox label {
    font-weight: normal;
    font-size: 13px;
    color: #666;
}

.header-account .login-checkbox input {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.header-account .login-checkbox a,
.header-account .login-checkbox a:link,
.header-account .login-checkbox a:active,
.header-account .login-checkbox a:visited {
    color: #909090;
}

.header-account .login-checkbox a:hover {
    color: #20a3f0;
}

.header-account .login-info {
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    margin-top: 40px;
    padding-top: 30px;
    color: #666;
    font-size: 13px;
    text-align: center;
}

.header-account .my-account {
    min-width: 250px;
    padding: 25px 10px;
}

.header-account .account-info .avatar {
    float: left;
    margin-right: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #f5f5f5;
    overflow: hidden;
    width: 64px;
    height: 64px;
}

.header-account .account-info .avatar img {
    max-width: 100%;
}

.header-account .account-info .account-right {
    overflow: hidden;
}

.header-account .account-info .name {
    font-weight: bold;
    font-size: 13px;
    color: #333;
    margin-top: 10px;
}

.header-account .account-info .info {
    font-size: 13px;
    color: #969696;
}

.header-account .account-control {
    clear: both;
    border-left: 1px solid #5a5a5a;
    margin: 0 0 10px 32px;
    padding: 12px 0 0 0;
    list-style: none;
    font-size: 13px;
}

.header-account .account-control {
    clear: both;
    border-left: 1px solid #dfdfdf;
    margin-right: 20px;
}

.header-account .account-control li .fa {
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    border: 1px solid #dfdfdf;
    color: inherit;
    background-color: #fff;
    vertical-align: middle;
    font-size: 12px;
    margin: 0px 8px 0 -11px;
}

.header-account .account-control li {
    border-bottom: 1px dashed #dfdfdf;
    padding: 10px 0;
}

.header-account .account-control li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.header-account .account-control a,
.header-account .account-control a:link,
.header-account .account-control a:active,
.header-account .account-control a:visited {
    color: inherit;
}

.header-account .account-control a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.menuRightBox .header-account {
    display: inline-block;
    vertical-align: middle;
}

.menuRightBox .header-account .text {
    display: block;
    padding: 9px 15px;
    color: inherit;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none!important;
}

.menuRightBox .header-account .text>.fa {
    display: inline-block;
    margin-right: 5px;
}

.menuRightBox .header-account>.text:after {
    content: "\f107";
    font-family: 'dnngo' !important;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.header-account.box-dark .account-box {
    background-color: #313131;
    color: #fff;
}

.header-account.box-dark .account-info .name {
    color: #fff;
}

.header-account.box-dark .account-control li,
.header-account.box-dark .account-control {
    border-color: #5a5a5a;
}

.header-account.box-dark .account-control a,
.header-account.box-dark .account-control a:link,
.header-account.box-dark .account-control a:active,
.header-account.box-dark .account-control a:visited {
    color: #bcbcbc;
}

.header-account.box-dark .account-control li .fa {
    border-color: #bcbcbc;
    color: #bcbcbc;
    background-color: #313131;
}

.header-account.box-dark .account-control a:hover {
    color: #20a3f0;
}

.header-account.box-dark .login-form {
    background-color: #1f1f1f;
    -moz-box-shadow: 3px 3px 3px #1a1a1a inset;
    -webkit-box-shadow: 3px 3px 3px #1a1a1a inset;
    box-shadow: 3px 3px 3px #1a1a1a inset;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.header-account.box-dark .login-form .item {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.header-account.box-dark .login-form input {
    color: #aaaaaa;
}

.header-account.box-dark .login-checkbox label {
    color: #fff;
}

.header-account.box-dark .login-info {
    border-color: #4a4a4a;
    color: #bcc9c6;
}

.header-social {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

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

.header-social a {
    display: inline-block;
    float: right;
    height: 42px;
    line-height: 41px;
    text-align: center;
    font-size: 15px;
    color: inherit;
    padding: 0px 14px;
    white-space: nowrap;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    -ms-transition: none;
    /* IE9? */
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.header-social span {
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
}
.header-light .header-social span{
  color: inherit;
}

.header-social a:hover {
    text-decoration: none;
    background-color: #3f729b;
    color: #FFF;
}
.topbar-accent .header-social a{
	color: #fff;
}
.topbar-accent .header-social a:hover {
    background-color: #FFFFFF;
    color: #20a3f0;
}


/*shopping*/

.shopping-cart-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.shopping-cart-box .shopping-cart-content {
    position: absolute;
    top: 100%;
    right: -15px;
    margin-top: 30px;
    background-color: #FFF;
    border-top: 2px solid #20a3f0;
    min-width: 200px;
    display: none;
}

.shopping-cart-box .shopping-cart-content:before {
    content: "";
    position: absolute;
    top: -12px;
    right: 16px;
    border: 5px solid transparent;
    border-bottom-color: #20a3f0;
}

.shopping-cart-box .icon {
    color: inherit;
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    padding: 5px;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

.shopping-cart-box .icon .badge {
    position: absolute;
    top: 2px;
    left: 100%;
    margin-left: -8px;
    background-color: #20a3f0;
    padding: 2px 6px;
}

.shop-cart-list {
    width: 380px;
    max-width: 100%;
    color: #666;
}

.shop-cart-list .shop-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.shop-cart-list .shop-list>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%;
    padding: 20px 0;
    table-layout: fixed;
}

.shop-cart-list .shop-list>li:last-child {
    border-bottom: none;
}

.shop-cart-list .shop-list>li>* {
    display: table-cell;
    vertical-align: middle;
}

.shop-cart-list .shop-list .remove {
    width: 64px;
    text-align: center;
    font-size: 12px;
    padding-left: 10px;
    cursor: pointer;
}

.shop-cart-list .shop-list .remove:hover {
    color: #F00;
}

.shop-cart-list .shop-list .shop-img {
    width: 65px;
    text-align: center;
}

.shop-cart-list .shop-list .shop-info {
    width: 140px;
    padding: 0px 20px;
}

.shop-cart-list .shop-list .shop-info h4 {
    font-size: 13px;
    font-weight: bold;
    color: inherit;
    margin: 0px 0px 6px;
}

.shop-cart-list .shop-list .shop-info h4 a {
    color: inherit;
}

.shop-cart-list .shop-list .price-info {
    font-size: 12px;
}

.shop-cart-list .shop-list .price-info span {
    font-size: 14px;
    color: #20a3f0;
    font-weight: bold;
}

.shop-cart-list .shop-list .number-box {
    display: inline-block;
    width: 62px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.shop-cart-list .shop-list .number-box .number {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: none;
    background: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: -1px;
    float: left;
    font-size: 13px;
    outline: none;
}

.shop-cart-list .shop-list .number-box .number-up,
.shop-cart-list .shop-list .number-box .number-down {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 8px;
    float: left;
    cursor: pointer;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.shop-cart-list .shop-list .number-box .number-up:hover,
.shop-cart-list .shop-list .number-box .number-down:hover {
    color: #20a3f0;
}

.shop-cart-list .shop-list .shop-number {
    padding: 0px 30px;
}

.shop-cart-list .price-subtotal {
    background-color: rgba(0, 0, 0, 0.01);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 18px 0;
    font-size: 13px;
    line-height: 1;
}

.shop-cart-list .shop-cart-footer {
    height: 60px;
    display: table;
    width: 100%;
}

.shop-cart-list .shop-cart-footer>.footer-btn {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: inherit;
    text-decoration: none;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.shop-cart-list .shop-cart-footer>.footer-btn:first-child {
    border: none;
}

.shop-cart-list .shop-cart-footer>.footer-btn:hover {
    background-color: #20a3f0;
    color: #FFF;
}

.shop-cart-list .footer-btn .fa {
    margin-right: 6px;
    font-size: 1.1em;
}

.shopping-cart-box.box-dark .shop-cart-list {
    color: #FFF;
}

.shopping-cart-box.box-dark .shopping-cart-content {
    background-color: #313131;
}

.shopping-cart-box.box-dark .shop-list>li,
.shopping-cart-box.box-dark .shop-list .number-box,
.shopping-cart-box.box-dark .shop-list .number-box .number,
.shopping-cart-box.box-dark .price-subtotal,
.shopping-cart-box.box-dark .shop-cart-footer>.footer-btn {
    border-color: rgba(255, 255, 255, 0.08);
}

.shopping-cart-box.dark .price-subtotal {
    background-color: rgba(0, 0, 0, 0.1);
}


/*search*/

.search-popup-box {
    position: relative;
    z-index: 1000;
    display: inline-block;
    vertical-align: middle;
}

.search-popup-box .popup-content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.98);
    z-index: 1000;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    color: #666;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.search-popup-box .popup-content.active {
    opacity: 1;
    visibility: visible;
}

.search-popup-box .icon {
    color: inherit;
    font-size: 16px;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    padding: 5px;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

.search-popup-box .icon.active,
.search-popup-box:hover .icon {
    color: #20a3f0;
}

.search-popup-box .popup-center {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.search-popup-box form {
    display: inline-block;
    width: 846px;
    max-width: 80%;
    overflow: hidden;
    position: relative;
}

.search-popup-box .text {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 2px solid #d5d5d5;
    font-size: 20px;
    color: #333;
    padding: 25px 60px;
    outline: none;
    text-align: center;
}

.search-popup-box .text::-webkit-input-placeholder {
    color: #b5b5b5;
    opacity: 0.9;
}

.search-popup-box .text:-moz-placeholder {
    color: #b5b5b5;
    opacity: 0.9;
}

.search-popup-box .text::-moz-placeholder {
    color: #b5b5b5;
    opacity: 0.9;
}

.search-popup-box .text:-ms-input-placeholder {
    color: #b5b5b5;
    opacity: 0.9;
}

.search-popup-box .text:placeholder {
    color: #b5b5b5;
    opacity: 0.9;
}

.search-popup-box .submit {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -13px;
    font-size: 26px;
    color: #666666;
    border: none;
    background: none;
    outline: none;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

.search-popup-box .submit:hover {
    color: #20a3f0;
}

.search-popup-box .popup-close {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    font-size: 20px;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

.search-popup-box .popup-close:hover {
    color: #20a3f0;
}

.search-popup-box .info {
    color: #666666;
    font-size: 15px;
    font-weight: bold;
}

.search-popup-box-active {
    overflow: hidden;
}

.search-popup-box.box-dark .popup-content {
    background-color: rgba(0, 0, 0, 0.7);
}

.search-popup-box.box-dark .popup-content {
    color: #FFF;
}

.search-popup-box.box-dark .text {
    color: #b5b5b5;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-popup-box .submit {
        margin-top: -25px;
    }
}

@media only screen and (max-width: 767px) {
    .search-popup-box .text {
        font-size: 13px;
        padding: 10px 28px 10px 3px;
        line-height: 30px;
    }
    .search-popup-box .submit {
        font-size: 18px;
        margin-top: -25px;
    }
    .search-popup-box form {
        max-width: 85%;
    }
}


/*menu-icon*/

.menu-icon {
    color: inherit;
    font-size: 16px;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

.menu-icon.active,
.menu-icon:hover {
    color: #20a3f0;
}


/*Menu Html*/

.header-social2 .fa {
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 16px;
}

.header-social2 {
    margin-bottom: 20px;
}

.header-social2 a {
    text-decoration: none;
}

.header-social2 a:hover .fa {
    background-color: #000
}

.header-adress {
    margin-bottom: 25px;
}

.header-adress .title {
    font-size: 13px;
}

.header-adress .info {
    font-size: 13px;
}

.header-contact {
    font-size: 13px;
}

.header-contact .sep {
    height: 22px;
    border-left: 1px solid #d7d7d7;
    display: inline-block;
    margin: 0 18px;
    vertical-align: middle;
}

.header-contact .fa {
    margin-right: 5px;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}

.header-dark .header-contact .sep {
    border-color: #3f3f3f;
}

.topbar-border .header-contact .sep {
    height: 42px;
}

.header-social3 {
    border-top: 1px dashed #dedede;
    margin: 20px 30px 0;
    padding: 18px 0;
    font-size: 18px;
    text-align: center;
}

.header-social3 a,
.header-social3 a:link,
.header-social3 a:active,
.header-social3 a:visited {
    color: inherit;
}

.header-social3 a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.header-social3 a {
    display: inline-block;
    margin: 4px 8px;
}


/*header-social4*/

.header-social4 {}

.header-social4 a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 38px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 4px 10px;
    color: #FFF;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
}

.header-social4 a:hover {
    background-color: #333!important;
    text-decoration: none;
}


/*megamenu html*/


/*MegaMenu List 1*/

.MegaMenuList.numbercolumns-1 li {
    width: 100.000%
}

.MegaMenuList.numbercolumns-2 li {
    width: 50.0000%
}

.MegaMenuList.numbercolumns-3 li {
    width: 33.3333%
}

.MegaMenuList.numbercolumns-4 li {
    width: 25.0000%
}

.MegaMenuList.numbercolumns-5 li {
    width: 20.0000%
}

.MegaMenuList.numbercolumns-6 li {
    width: 16.6666%
}

.MegaMenuList.numbercolumns-7 li {
    width: 14.2857%
}

.MegaMenuList.numbercolumns-8 li {
    width: 12.5000%
}

.MegaMenuList.numbercolumns-9 li {
    width: 11.1111%
}

.MegaMenuList.numbercolumns-10 li {
    width: 10.0000%
}

.MegaMenuList.numbercolumns-11 li {
    width: 9.09090%
}

.MegaMenuList.numbercolumns-12 li {
    width: 8.33333%
}

.MegaMenuList.numbercolumns-13 li {
    width: 7.69230%
}

.MegaMenuList.numbercolumns-14 li {
    width: 7.14285%
}

.MegaMenuList.numbercolumns-15 li {
    width: 6.66666%
}

.MegaMenuList.numbercolumns-16 li {
    width: 6.25000%
}

.MegaMenuList.numbercolumns-17 li {
    width: 5.88235%
}

.MegaMenuList.numbercolumns-18 li {
    width: 5.55555%
}

.MegaMenuList.numbercolumns-19 li {
    width: 5.26315%
}

.MegaMenuList.numbercolumns-20 li {
    width: 5.00000%
}

@media only screen and (min-width: 1200px) {
    .MegaMenuList.numberLarge-1 li {
        width: 100.000%
    }
    .MegaMenuList.numberLarge-2 li {
        width: 50.0000%
    }
    .MegaMenuList.numberLarge-3 li {
        width: 33.3333%
    }
    .MegaMenuList.numberLarge-4 li {
        width: 25.0000%
    }
    .MegaMenuList.numberLarge-5 li {
        width: 20.0000%
    }
    .MegaMenuList.numberLarge-6 li {
        width: 16.6666%
    }
    .MegaMenuList.numberLarge-7 li {
        width: 14.2857%
    }
    .MegaMenuList.numberLarge-8 li {
        width: 12.5000%
    }
    .MegaMenuList.numberLarge-9 li {
        width: 11.1111%
    }
    .MegaMenuList.numberLarge-10 li {
        width: 10.0000%
    }
    .MegaMenuList.numberLarge-11 li {
        width: 9.09090%
    }
    .MegaMenuList.numberLarge-12 li {
        width: 8.33333%
    }
    .MegaMenuList.numberLarge-13 li {
        width: 7.69230%
    }
    .MegaMenuList.numberLarge-14 li {
        width: 7.14285%
    }
    .MegaMenuList.numberLarge-15 li {
        width: 6.66666%
    }
    .MegaMenuList.numberLarge-16 li {
        width: 6.25000%
    }
    .MegaMenuList.numberLarge-17 li {
        width: 5.88235%
    }
    .MegaMenuList.numberLarge-18 li {
        width: 5.55555%
    }
    .MegaMenuList.numberLarge-19 li {
        width: 5.26315%
    }
    .MegaMenuList.numberLarge-20 li {
        width: 5.00000%
    }
}

@media only screen and (min-width: 1600px) {
    .MegaMenuList.numberXLarge-1 li {
        width: 100.000%
    }
    .MegaMenuList.numberXLarge-2 li {
        width: 50.0000%
    }
    .MegaMenuList.numberXLarge-3 li {
        width: 33.3333%
    }
    .MegaMenuList.numberXLarge-4 li {
        width: 25.0000%
    }
    .MegaMenuList.numberXLarge-5 li {
        width: 20.0000%
    }
    .MegaMenuList.numberXLarge-6 li {
        width: 16.6666%
    }
    .MegaMenuList.numberXLarge-7 li {
        width: 14.2857%
    }
    .MegaMenuList.numberXLarge-8 li {
        width: 12.5000%
    }
    .MegaMenuList.numberXLarge-9 li {
        width: 11.1111%
    }
    .MegaMenuList.numberXLarge-10 li {
        width: 10.0000%
    }
    .MegaMenuList.numberXLarge-11 li {
        width: 9.09090%
    }
    .MegaMenuList.numberXLarge-12 li {
        width: 8.33333%
    }
    .MegaMenuList.numberXLarge-13 li {
        width: 7.69230%
    }
    .MegaMenuList.numberXLarge-14 li {
        width: 7.14285%
    }
    .MegaMenuList.numberXLarge-15 li {
        width: 6.66666%
    }
    .MegaMenuList.numberXLarge-16 li {
        width: 6.25000%
    }
    .MegaMenuList.numberXLarge-17 li {
        width: 5.88235%
    }
    .MegaMenuList.numberXLarge-18 li {
        width: 5.55555%
    }
    .MegaMenuList.numberXLarge-19 li {
        width: 5.26315%
    }
    .MegaMenuList.numberXLarge-20 li {
        width: 5.00000%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .MegaMenuList.numbertablet-1 li {
        width: 100.000%
    }
    .MegaMenuList.numbertablet-2 li {
        width: 50.0000%
    }
    .MegaMenuList.numbertablet-3 li {
        width: 33.3333%
    }
    .MegaMenuList.numbertablet-4 li {
        width: 25.0000%
    }
    .MegaMenuList.numbertablet-5 li {
        width: 20.0000%
    }
    .MegaMenuList.numbertablet-6 li {
        width: 16.6666%
    }
    .MegaMenuList.numbertablet-7 li {
        width: 14.2857%
    }
    .MegaMenuList.numbertablet-8 li {
        width: 12.5000%
    }
    .MegaMenuList.numbertablet-9 li {
        width: 11.1111%
    }
    .MegaMenuList.numbertablet-10 li {
        width: 10.0000%
    }
    .MegaMenuList.numbertablet-11 li {
        width: 9.09090%
    }
    .MegaMenuList.numbertablet-12 li {
        width: 8.33333%
    }
    .MegaMenuList.numbertablet-13 li {
        width: 7.69230%
    }
    .MegaMenuList.numbertablet-14 li {
        width: 7.14285%
    }
    .MegaMenuList.numbertablet-15 li {
        width: 6.66666%
    }
    .MegaMenuList.numbertablet-16 li {
        width: 6.25000%
    }
    .MegaMenuList.numbertablet-17 li {
        width: 5.88235%
    }
    .MegaMenuList.numbertablet-18 li {
        width: 5.55555%
    }
    .MegaMenuList.numbertablet-19 li {
        width: 5.26315%
    }
    .MegaMenuList.numbertablet-20 li {
        width: 5.00000%
    }
}

@media only screen and (max-width: 767px) {
    .MegaMenuList.numberphone-1 li {
        width: 100.000%
    }
    .MegaMenuList.numberphone-2 li {
        width: 50.0000%
    }
    .MegaMenuList.numberphone-3 li {
        width: 33.3333%
    }
    .MegaMenuList.numberphone-4 li {
        width: 25.0000%
    }
    .MegaMenuList.numberphone-5 li {
        width: 20.0000%
    }
    .MegaMenuList.numberphone-6 li {
        width: 16.6666%
    }
    .MegaMenuList.numberphone-7 li {
        width: 14.2857%
    }
    .MegaMenuList.numberphone-8 li {
        width: 12.5000%
    }
    .MegaMenuList.numberphone-9 li {
        width: 11.1111%
    }
    .MegaMenuList.numberphone-10 li {
        width: 10.0000%
    }
    .MegaMenuList.numberphone-11 li {
        width: 9.09090%
    }
    .MegaMenuList.numberphone-12 li {
        width: 8.33333%
    }
    .MegaMenuList.numberphone-13 li {
        width: 7.69230%
    }
    .MegaMenuList.numberphone-14 li {
        width: 7.14285%
    }
    .MegaMenuList.numberphone-15 li {
        width: 6.66666%
    }
    .MegaMenuList.numberphone-16 li {
        width: 6.25000%
    }
    .MegaMenuList.numberphone-17 li {
        width: 5.88235%
    }
    .MegaMenuList.numberphone-18 li {
        width: 5.55555%
    }
    .MegaMenuList.numberphone-19 li {
        width: 5.26315%
    }
    .MegaMenuList.numberphone-20 li {
        width: 5.00000%
    }
}

.MegaMenuList {
    position: relative;
}

.MegaMenuList:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.MegaMenuList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.MegaMenuList li {
    float: left;
    text-align: left;
    padding: 0px 40px;
    position: static;
}

.MegaMenuList li:after {
    position: absolute;
    width: 0px;
    height: 100%;
    top: 0;
    bottom: 0;
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: -41px;
}

.MegaMenuList li a {
    display: block;
    padding: 6px 4px;
    transition: background ease-in 200ms;
    -moz-transition: background ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background ease-in 200ms;
    /* Opera */
    -ms-transition: background ease-in 200ms;
    /* IE9? */
}

.MegaMenuList li a:hover {
    color: #FFF;
}

.MegaMenuList li a span {
    display: inline-block;
    transition: transform ease-in 200ms, color ease-in 0ms;
    -moz-transition: transform ease-in 200ms, color ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: transform ease-in 200ms, color ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: transform ease-in 200ms, color ease-in 0ms;
    /* Opera */
    -ms-transition: transform ease-in 200ms, color ease-in 0ms;
    /* IE9? */
}

.MegaMenuList li a:hover span {
    transform: translate(4px, 0);
    -webkit-transform: translate(4px, 0);
}

.MegaMenuList ul {
    margin: 0 -40px;
    padding: 0px;
    list-style: none;
}

.MegaMenuList li li a {
    padding-left: 24px;
}

.MegaMenuList li li li a {
    padding-left: 44px;
}

.MegaMenuList li li li li a {
    padding-left: 64px;
}

.MegaMenuList li li li li li a {
    padding-left: 84px;
}

.MegaMenuList li i,
.MegaMenuList li img {
    margin-right: 8px;
}

.MegaMenuList li a,
.MegaMenuList li a:link,
.MegaMenuList li a:active,
.MegaMenuList li a:visited {
    font-size: 13px;
    color: inherit;
}

.MegaMenuList li a:hover {
    color: #fff;
    background-color: #20a3f0;
}

.MegaMenuList li:after {
    border-left-color: #dcdcdc;
}

.MegaMenuList li:nth-child(-n+3):after {
    content: " ";
}

@media only screen and (min-width: 1200px) {
    .MegaMenuList li:after {
        content: normal;
    }
    .MegaMenuList li:nth-child(-n+4):after {
        content: " ";
    }
}

@media only screen and (min-width: 1600px) {
    .MegaMenuList li:after {
        content: normal;
    }
    .MegaMenuList li:nth-child(-n+4):after {
        content: " ";
    }
}

.MegaMenuList li:nth-child(1):after {
    content: normal!important;
}

.MegaMenuList ul {
    margin: 0 -40px;
}

.MegaMenuList li {
    padding: 0px 40px;
}

.MegaMenuList li:after {
    margin-left: -40px;
}

.menu-sub-dark .MegaMenuList li:after {
    opacity: 0.3;
}

.menu-sub-dark .MegaMenuList li a:hover {
    color: #20a3f0;
    background-color: transparent;
}

.carousel-menu {
    margin: auto;
    text-align: center;
}

.carousel-menu {
    display: none!important;
}

.menu-hover .carousel-menu {
    display: block!important;
}

.carousel-menu .owl-dot {
    width: 14px;
    height: 14px;
    border: none;
    background-color: #999999;
}

.carousel-menu .owl-dot.active {
    background-color: #20a3f0;
}

.megamenu-map {
    height: 450px;
}



.megamenu-blog {
    margin: 0;
    padding: 0;
    list-style: none;
}

.megamenu-blog li {
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 20px;
    margin-bottom: 20px;
}

.megamenu-blog li .left {
    margin-right: 20px;
}

.megamenu-blog li:last-child {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
}



.menu-tab04 {
    background-color: #fafafa;
}

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

.menu-tab04 .tab-content {
    background-color: #ffffff;
    border-left: 1px solid #dddddd;
    padding: 15px;
    overflow: hidden;
}

.menu-tab04 ul.nav-tabs {
    text-align: center;
    display: block;
    border: none;
    float: left;
    background-color: transparent;
    margin: 0 -1px 0 0;
    padding: 40px 0;
    border-right: 1px solid #dddddd;
}

.menu-tab04 ul.nav-tabs li {
    float: none;
    padding: 0px 5px;
    background-color: transparent;
}

.menu-tab04 ul.nav-tabs li.active {}

.menu-tab04 ul.nav-tabs li a {
    background-color: transparent;
    border: none;
    display: inline-block;
    line-height: 50px;
    padding: 0 35px;
    margin: 0;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.menu-tab04 ul.nav-tabs li a,
.menu-tab04 ul.nav-tabs li a:link,
.menu-tab04 ul.nav-tabs li a:active,
.menu-tab04 ul.nav-tabs li a:visited {
    color: #666666;
    font-size: 15px;
}

.menu-tab04 ul.nav-tabs li a:hover {
    color: #20a3f0;
}

.menu-tab04 ul.nav-tabs>li.active>a,
.menu-tab04 ul.nav-tabs>li.active>a:focus,
.menu-tab04 ul.nav-tabs>li.active>a:hover {
    background-color: #20a3f0;
    color: #FFF;
    border: none;
}

.menu-tab04 ul.nav-tabs>li.active>a:after {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #FFF;
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -5px;
}

.menu-tab04-img {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 25px 10px;
}

.menu-tab04-img:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.menu-tab04-img img {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    max-width: 100%;
    transition: border-color ease-in 200ms;
    -moz-transition: border-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: border-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: border-color ease-in 200ms;
    /* Opera */
    -ms-transition: border-color ease-in 200ms;
    /* IE9? */
}

.menu-tab04-img a,
.menu-tab04-img a:link,
.menu-tab04-img a:active,
.menu-tab04-img a:visited {
    color: #666666;
}

.menu-tab04-img a:hover {
    color: #20a3f0;
    text-decoration: none;
}

.menu-tab04-img img:hover {
    border-color: #20a3f0
}

@media only screen and (max-width: 1200px) {
    .menu-tab04-img>li {
        width: 33.3333%;
    }
}


/*megamenu-list*/

#dng-megamenu .menuslide>.boxslide.megamenu-list {
    padding-top: 20px;
    padding-bottom: 20px;
}

#dng-megamenu .megamenu-list>.custommenu {
    overflow: hidden;
}

#dng-megamenu .megamenu-list .menupane .menu-pane-space:first-child {
    padding-top: 0!important;
}

#dng-megamenu .megamenu-list .menupane .menu-pane-space:last-child {
    padding-bottom: 0!important;
}

#dng-megamenu .megamenu-list .submenu-title {
    line-height: 1.4;
    font-weight: bold;
    margin: 0 0 7px;
    font-size: 15px;
}

#dng-megamenu .megamenu-list .submenu-title a:hover {
    text-decoration: none;
}

#dng-megamenu .megamenu-list .submenu-title span {
    color: #424242;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

#dng-megamenu .megamenu-list .submenu-title a:hover span {
    color: #20a3f0;
}

#dng-megamenu .megamenu-list li a {
    display: block;
    padding: 6px 4px;
    color: #666666;
    font-size: 13px;
    transition: background ease-in 200ms;
    -moz-transition: background ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background ease-in 200ms;
    /* Opera */
    -ms-transition: background ease-in 200ms;
    /* IE9? */
}

#dng-megamenu .megamenu-list li a:hover {
    color: #FFF;
    background-color: #20a3f0;
}

#dng-megamenu .megamenu-list li a span {
    display: inline-block;
    transition: transform ease-in 200ms, color ease-in 0ms;
    -moz-transition: transform ease-in 200ms, color ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: transform ease-in 200ms, color ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: transform ease-in 200ms, color ease-in 0ms;
    /* Opera */
    -ms-transition: transform ease-in 200ms, color ease-in 0ms;
    /* IE9? */
}

#dng-megamenu .megamenu-list li a:hover span {
    transform: translate(4px, 0);
    -webkit-transform: translate(4px, 0);
}

#dng-megamenu .megamenu-list ul {
    margin: 0 0 15px;
    padding: 0px;
    list-style: none;
}

#dng-megamenu .megamenu-list .menupane .submenu:last-child ul {
    margin: 0;
}

#dng-megamenu .megamenu-list li li a {
    padding-left: 24px;
}

#dng-megamenu .megamenu-list li li li a {
    padding-left: 44px;
}

#dng-megamenu .megamenu-list li li li li a {
    padding-left: 64px;
}

#dng-megamenu .megamenu-list li li li li li a {
    padding-left: 84px;
}

.menu-sub-dark #dng-megamenu .custommenu>.menupane.rightline {
    border-color: #5c5c5c;
}

.menu-sub-dark #dng-megamenu .megamenu-list .submenu-title span {
    color: #fafafa;
}

.menu-sub-dark #dng-megamenu .megamenu-list li a {
    color: inherit;
}

.menu-sub-dark #dng-megamenu .megamenu-list li a:hover {
    color: #FFF;
}

.menu-sub-dark #dng-megamenu .megamenu-list li a {
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: color ease-in 200ms;
    /* Opera */
    -ms-transition: color ease-in 200ms;
    /* IE9? */
}

.menu-sub-dark #dng-megamenu .megamenu-list li a:hover {
    background-color: transparent;
    color: #20a3f0;
}


/***************************************** Mobile Header ***************************************************/


/*
	jQuery.mmenu CSS
*/


/*
	jQuery.mmenu oncanvas CSS
*/

#dng-megamenu-mobile {
    position: fixed;
    top: 46px;
    left: 0;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
    z-index: 941;
    display: none;
}

#dng-megamenu-mobile .primary-structure {
    background-color: #FFF;
    padding: 15px 0;
    -moz-box-shadow: 0 0 5px #999;
    /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px #999;
    /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px #999;
    /* For Latest Opera */
}

#dng-megamenu-mobile ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#dng-megamenu-mobile li.dir {
    position: relative;
}

#dng-megamenu-mobile .primary-structure>li>a,
#dng-megamenu-mobile .menuslide>ul>li>a,
#dng-megamenu-mobile .sub-menu>ul>li>a {
    padding: 8px 40px 8px 15px;
    display: block;
}

#dng-megamenu-mobile .dropdown-submenu {
    position: absolute;
    top: 0;
    right: 0px;
    width: 41px;
    height: 41px;
    cursor: pointer;
}

#dng-megamenu-mobile .dropdown-submenu:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform ease-in 200ms;
}

#dng-megamenu-mobile .dropdown-submenu.active:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border-color: #20a3f0;
}

#dng-megamenu-mobile .dropdown-submenu.active+a {
    color: #20a3f0
}

#dng-megamenu-mobile li.dir>.menuslide,
#dng-megamenu-mobile li.dir>.sub-menu {
    display: none;
}

#dng-megamenu-mobile .primary-structure>li>a {
    font-weight: bold;
}

#dng-megamenu-mobile .primary-structure li li a {
    font-size: 13px;
}

#dng-megamenu-mobile .primary-structure li .menuslide>ul>li>a {
    padding-left: 30px;
}

#dng-megamenu-mobile .primary-structure li li .sub-menu>ul>li>a {
    padding-left: 40px;
}

#dng-megamenu-mobile .primary-structure li li li .sub-menu>ul>li>a {
    padding-left: 50px;
}

#dng-megamenu-mobile .primary-structure li li li li .sub-menu>ul>li>a {
    padding-left: 60px;
}

#dng-megamenu-mobile .primary-structure li li li li li .sub-menu>ul>li>a {
    padding-left: 70px;
}

#dng-megamenu-mobile .submenu-title {
    margin: 0;
    padding: 8px 0px;
    font-size: 14px;
    font-weight: bold;
}

#dng-megamenu-mobile .MegaMenuList li {
    width: 100%!important;
    padding: 0!important;
}

#dng-megamenu-mobile .MegaMenuList li a,
#dng-megamenu-mobile .megamenu-list li a {
    display: block;
    padding: 8px 0;
}

#dng-megamenu-mobile .MegaMenuList li:after {
    content: normal!important;
}

#dng-megamenu-mobile .megamenu-list ul a {
    padding-left: 15px;
}

#dng-megamenu-mobile .menu-pane-space {
    padding: 0px!important;
}

#dng-megamenu-mobile .menupane {
    width: auto!important;
    float: none!important;
    padding: 0 15px 15px;
}

#dng-megamenu-mobile a,
#dng-megamenu-mobile a:link,
#dng-megamenu-mobile a:active,
#dng-megamenu-mobile a:visited {
    color: #333;
}

#dng-megamenu-mobile a:hover {
    color: #20a3f0;
    text-decoration: none;
}

#dng-megamenu-mobile .MegaMenuList li a {
    padding-left: 15px;
    padding-right: 15px;
}

#dng-megamenu-mobile .MegaMenuList li a:hover {
    background-color: transparent;
}

#dng-megamenu-mobile .MegaMenuList li a:hover span {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.overflow-hidden {
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    /*--------- Mobile Menu style ----------*/
    .mobile-header {
        height: 46px;
    }
    .mobile-logo-main {
        position: relative;
        padding: 3px 0px;
        margin: 0;
        text-align: left;
        float: left;
        height: 100%;
        height: 46px;
    }
    .mobile-logo-main img {
        max-width: 100%;
        height: 40px;
    }
    .mobile-right-icon {
        cursor: pointer;
        line-height: 1;
        float: right;
        height: 46px;
        line-height: 48px;
        margin: 0 0 0 5px;
        padding-left: 10px;
        color: #333;
        font-size: 16px;
        text-align: right;
    }
    .mobile-right-icon .search-popup-box .icon {
        padding: 0 5px;
    }
    #ico-menu-mobile {
        width: 18px;
        display: inline-block;
        text-align: center;
    }
    .mobile-right-icon .fa.active:before {
        content: "\f00d";
        color: #20a3f0;
    }
    .mobile-right-icon .search-popup-box {
        vertical-align: top;
    }
    /*mobile menu */
}
.rightmain {
    margin-left: 280px;
}

@media only screen and (max-width: 767px) {
    .rightmain {
        margin-left: 0;
    }
}
/*Titles*/

/* ********* dg-title ******** */


/*title style*/
.dg-title01 {
    margin-bottom: 44px;
    margin-top: 0;
	font-size:24px;
}
.dg-title01:after {
    content: "";
    width: 50px;
    display: block;
    border-bottom: 3px solid #20a3f0;
    margin-top: 21px;
}

.dg-title02 {
    margin:0 0 30px 0;
    text-align: center;
}
.dg-title02 .icon {
    width: 42px;
    height: 42px;
    text-align: center;
    display: block;
    margin: 19px auto 0;
    position: relative;
    color: #949494;
    font-size: 42px;
}
.dg-title02 .icon:before, 
.dg-title02 .icon:after {
    content: "";
    width: 80px;
    position: absolute;
    left: auto;
    right: 100%;
    top: 50%;
    margin-right: 17px;
    border-bottom: 1px solid #a8a8a8;
}
.dg-title02 .icon:after {
    right: auto;
    left: 100%;
    margin-left: 18px;
}
.dg-title02.color-white .icon {
	color:#bfbfbf;
}
.dg-title02.color-white .icon:before, 
.dg-title02.color-white .icon:after {
	border-color:#ffffff;
}
.color-white .dg-title03,
.color-white .dg-title03 p{
	color:#cccccc;
}
.dg-title03 small{
	color:#666666;
	font-size:14px;
	font-style:italic;
	margin-bottom:5px;
	letter-spacing:0.075em;
	display:inline-block;
}
.dg-title03 .line {
	display: inline-block;
	position: relative;
	margin: 0 0 15px 0;
}
.dg-title03 .line:before {
	content: "";
	width: 36px;
	height: 1px;
	border-bottom:1px solid;
	position: absolute;
	top: 50%;
	left: -46px;
	margin-top:-1px;
}
.dg-title03 .line:after {
	content: "";
	width: 36px;
	height: 1px;
	border-bottom:1px solid;
	position: absolute;
	top: 50%;
	right: -46px;
	margin-top:-1px;
}
.dg-title03 .line {
    font-size: 20px;
    color: #20a3f0;
    display: inline-block;
    vertical-align: middle;
}
.dg-title03 .title{
	margin:3px 0 11px;
}
.color-white .dg-title03 .line:before,
.color-white .dg-title03 .line:after {
	background: #ffffff;
}
.color-white .dg-title03 .line i{
    color: #ffffff;
}
.dg-title03.color-white small{
	color:#e2e2e2
}
.dg-title03.color-white .line {
	color:#bfbfbf;
}

.dg-title04{
	font-size:14px;
}
.dg-title04 .title{
	font-size:36px;
	margin-bottom:12px;
}
.dg-title04:after{
	content:"";
	display:inline-block;
	width:50px;
	border-bottom:3px solid #20a3f0;
	margin:20px 0 30px;
}
@media only screen and (max-width: 767px) {
.dg-title04 h3{
	font-size:28px;
	margin-bottom:25px;
}
}

.dg-title07{
	text-align:center;
	margin-bottom:30px;
}
.dg-title07 .title{
	
}
.dg-title07 .title:after{
	content:"";
	width:50px;
	border-bottom:2px solid #20a3f0;
	display:block;
	margin:18px auto 14px;
}
.dg-title07 small{
	font-size:14px;
	font-style:italic;
	letter-spacing:0.075em;
	color:#666;
}
.dg-title07 small + .title:before{
	content:"";
	width:50px;
	border-bottom:2px solid #20a3f0;
	display:block;
	margin:15px auto 18px;
}
.dg-title07 small + .title:after{
	content:normal;
}
.dg-title07.text-left{
	text-align:left;
}
.dg-title07.text-left .title:after,
.dg-title07.text-left p + .title:before{
	margin-left:0;
}
.dg-title07.text-right .title:after,
.dg-title07.text-right p + .title:before{
	margin-right:0;
}
.dg-title07.color-white .title:after,
.dg-title07.color-white .title:before{
	border-color:#FFF;
}
.dg-title07.color-white .title{
	color:#FFF;
}
.dg-title07.color-white,
.dg-title07.color-white p{
	color:#eaeaea
}
.dg-title07.color-white small{
	color:#e2e2e2
}

.dg-title07.line-bottom .title:before{
	content:normal;
}
.dg-title07.line-bottom .title:after{
	content:"";
}
.dg-title07.line-bottom small{
	margin-bottom:13px;
	display:inline-block;
}
.dg-title08 h3{
	font-size:24px;
	color:#333333;
	line-height:1.8;
	margin:0 0 10px;
}

.dg-title09{
	text-align:center;
	margin-bottom:30px;
}
.dg-title09 .title{
}
.dg-title09 .title:after{
	content:"";
	width:100px;
	border-bottom:1px solid #20a3f0;
	display:block;
	margin:18px auto 15px;
}
.dg-title09.text-center .title:after{
	width:50px;
}
.dg-title09.line-lg .title:after{
	width:100px;
}

.dg-title09 small{
	font-size:14px;
	color:#666666;
	font-style:italic;
	margin-bottom:4px;
	display:block;
}

.dg-title09.text-left{
	text-align:left;
}
.dg-title09.text-left .title:after{
	margin-left:0;
	width:110px;
}
.dg-title09.text-right .title:after{
	margin-right:0;
	width:110px;
}
.dg-title09.color-white .title:after,
.dg-title09.color-white .title:before{
	border-color:#FFF;
}
.dg-title09.color-white .title{
	color:#FFF;
}
.dg-title09.color-white small{
	color:#bababa
}
.dg-title09.color-white,
.dg-title09.color-white p{
	color:#eaeaea
}
.dg-title09.size-xl small{
	font-size:16px;
}
.dg-title09.size-xl .title:after{
	margin-top: 25px;
	margin-bottom:22px;
}

@media only screen and (max-width: 767px) {
	.dg-title09 .title{
		font-size:20px;
		letter-spacing:1px;
	}
	.dg-title09 .title:after{
		margin:20px auto 15px;
	}
}

.dg-title10 small{
	font-style:italic;
	margin-bottom:5px;
}
.dg-title10 h3{
	font-size:26px;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:30px;
}

.dg-title11{
	text-align:center;
	overflow:hidden;
	font-size:16px;
	margin-bottom:34px;
}
.dg-title11 .title{
	padding:0 30px;
	margin:0;
	position:relative;
	display:inline-block;
	line-height:1.1;
}
.dg-title11 .title:after,
.dg-title11 .title:before{
	content:"";
	border-bottom:1px solid #20a3f0;
	width:60px;
	position:absolute;
	top:50%;
	left:100%;
}
.dg-title11 .title:before{
	left:auto;
	right:100%;
}
.dg-title11 span{
	color:#20a3f0;
}
.dg-title11 p{
	margin-bottom:36px;
}
.dg-title11.color-white .title:after,
.dg-title11.color-white .title:before{
	border-color:#FFF;
}
.dg-title12{
	text-align:center;
	margin-bottom:30px;
	overflow:hidden;
	padding:0px 15px;
}
.dg-title12 .title{
	margin-bottom:7px;
}
.dg-title12 small{
	position:relative;
	display:inline-block;
	padding:0px 20px;
	margin-bottom:16px;
	font-size:14px;
	font-style:italic;
	color:#666666;
}
.dg-title12 small:after,
.dg-title12 small:before{
	content:"";
	width:80px;
	border-bottom:1px solid #c7c7c7;
	position:absolute;
	left:100%;
	top:50%;
}
.dg-title12 small:before{
	left:auto;
	right:100%;
}
.dg-title12.color-white small{
	color:#e2e2e2;
}
.dg-title12.color-white small:after,
.dg-title12.color-white small:before{
	border-color:#bfbfbf;
}


@-webkit-keyframes blink {
	0% {
		visibility:hidden;
		opacity:0;
	}
	50% {
		visibility:visible;
		opacity:1;
	}
	100% {
		visibility:hidden;
		opacity:0;
	}
}
@-moz-keyframes blink {
	0% {
		visibility:hidden;
		opacity:0;
	}
	50% {
		visibility:visible;
		opacity:1;
	}
	100% {
		visibility:hidden;
		opacity:0;
	}
}
@-o-keyframes blink {
	0% {
		visibility:hidden;
		opacity:0;
	}
	50% {
		visibility:visible;
		opacity:1;
	}
	100% {
		visibility:hidden;
		opacity:0;
	}
}
@keyframes blink {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
.dg-typewriter.active:after{
	content:"|";
	display:inline-block;
	color:#666666;
    -webkit-animation: blink 650ms infinite;
    -moz-animation: blink 650ms infinite;
    animation: blink 650ms infinite;
}
.color-white .dg-typewriter.active:after{
	color:#ffffff;
}
.dg-title12 small:before{
	left:auto;
	right:100%;
}
.dg-title12.color-white{
	color:#FFF;
}
.dg-title12.color-white h3{
	color:#FFF;
}

.dg-title13{
	color:#ffffff;
	margin-bottom:28px;
}
.dg-title13:after{
	content:"";
	margin-top:21px;
	width:80px;
	border-bottom:2px solid #FFF;
	display:block;
}

.dg-title14{
	margin-bottom:40px;
}
.dg-title14 .title{
	margin:0 0 10px;
}
.dg-title14 small{
	position:relative;
	display:inline-block;
	margin-bottom:6px;
	font-size:14px;
	font-style:italic;
	color:#666;
}
.dg-title14 .title:after{
	content:"";
	width:110px;
	border-bottom:1px solid #a8a8a8;
	display:block;
	margin-top:20px;
}
.dg-title14.color-white small{
	color:#FFF;
}
.dg-title14.text-center .title:after{
	margin-left: auto;
	margin-right: auto;
}

.dg-title15{
	margin-bottom:27px;
}
.dg-title15 small{
	position:relative;
	display:inline-block;
	font-size:14px;
	font-style:italic;
	color:inherit;
	padding-top:10px;
}
.dg-title15 .title:after{
	content:"";
	width:80px;
	border-bottom:1px solid #7a7a7a;
	display:block;
	margin:25px 0 0;
}


.dg-title16 {
	text-align:center;
	padding-bottom:15px;
}
.dg-title16 small{
	display:inline-block;
	font-size:14px;
	margin:0 0 9px;
	font-style:italic;
	letter-spacing:0.075em;
	color:#666;
}
.dg-title16 .title{
	margin:0 0 15px;
}
.dg-title16.text-left{
	text-align:left;
}


.dg-title17{
	text-align:center;
	margin-bottom:30px;
}
.dg-title17 .title{
	display:inline-block;
	position:relative;
	color:#20a3f0;
	padding:15px 38px;
	margin:0;
}
.dg-title17 .title:after,
.dg-title17 .title:before,
.dg-title17 .title span:after,
.dg-title17 .title span:before{
	content:"";
	position:absolute;
	border-width:1px;
	border-color:#20a3f0;
	width:15px;
	height:15px;
}
.dg-title17 .title:after{
	left:0;
	top:0;
	border-left-style:solid;
	border-top-style:solid;
}
.dg-title17 .title:before{
	right:0;
	top:0;
	border-right-style:solid;
	border-top-style:solid;
}
.dg-title17 .title span:after{
	left:0;
	bottom:0;
	border-left-style:solid;
	border-bottom-style:solid;
}
.dg-title17 .title span:before{
	right:0;
	bottom:0;
	border-right-style:solid;
	border-bottom-style:solid;
}
@media only screen and (max-width: 767px) {
	.dg-title17 h3{
		font-size:25px;
		padding:10px 25px;
	}
}

.dg-title18{
	margin-bottom:30px;
}
.dg-title18:after{
	content:"";
	display:block;
	width:60px;
	border-bottom:2px solid #20a3f0;
	margin:28px 0 0;
}
.dg-title18.color-white:after{
	border-bottom-color:#FFF;
}
.dg-title19{
	margin-bottom:30px;
	color:#20a3f0;
	text-align:center;
	position:relative;
	margin:0 0 30px;
}
.dg-title19:after{
	content:"";
	display:block;
	margin:auto;
	border-top:1px solid #20a3f0;
	border-bottom:1px solid #20a3f0;
	width:32px;
	height:21px;
	margin-top:24px;
}
.dg-title19:before{
	content:"";
	width:52px;
	position:absolute;
	bottom:11px;
	left:50%;
	margin-left:-26px;
	border-bottom:1px solid #20a3f0;
}
.dg-title19.color-white:after,
.dg-title19.color-white:before{
	border-color:#FFF;
}
.dg-title20{
	font-size:18px;
	margin-bottom:30px;
}
.dg-title20 h3{
	font-size:36px;
	margin-bottom:30px;
	color:#20a3f0;
	margin:0 0 30px;
}
.dg-title20.color-white h3{
	color:#fff;
}
.dg-title21{
	font-size:36px;
}
.dg-title21:after{
	content:"";
	border-bottom:1px solid;
	width:97px;
	display:block;
	margin:24px 0 34px;
}

.dg-title22{
	text-align:center;
	margin:0px 7px 30px;
}
.dg-title22 .title{
	display:inline-block;
	position:relative;
	padding:5px 20px;
	margin:0;
}
.dg-title22 .title span{
	color:#20a3f0;
}
.dg-title22 .title:after,
.dg-title22 .title:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:42px;
	height:22px;
}
.dg-title22 .title:after{
	top:-4px;
	border-left:1px solid #a8a8a8;
}
.dg-title22 .title:before{
	left:-5px;
	border-top:1px solid #a8a8a8;
}
.dg-title22 .title > .line:after,
.dg-title22 .title > .line:before{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:42px;
	height:22px;
}
.dg-title22 .title > .line:after{
	bottom:-4px;
	border-right:1px solid #a8a8a8;
}
.dg-title22 .title > .line:before{
	right:-5px;
	border-bottom:1px solid #a8a8a8;
}
.dg-title22.color-white .title:after,
.dg-title22.color-white .title:before,
.dg-title22.color-white .title > .line:after,
.dg-title22.color-white .title > .line:before{
	border-color:#FFF
}



.dg-title23{
	margin:0px 0px 30px;
}
.dg-title23 .title{
	font-size:28px;
	display:inline-block;
	position:relative;
	padding:40px 0 0px;
	margin:0;
}
.dg-title23 .title span{
	color:#20a3f0;
}
.dg-title23 .title:after,
.dg-title23 .title:before,
.dg-title23 .title > .line:after,
.dg-title23 .title > .line:before{
	content:"";
	position:absolute;
	width:42px;
	height:22px;
}
.dg-title23 .title:after{
	border-left:1px solid #a8a8a8;
	top:0px;
	left:4px;
}
.dg-title23 .title:before{
	border-top:1px solid #a8a8a8;
	top:4px;
	left:0;
}
.dg-title23 .title > .line:after{
	top:0px;
	left:26px;
	border-right:1px solid #a8a8a8;
}
.dg-title23 .title > .line:before{
	top:-4px;
	left:30px;
	border-bottom:1px solid #a8a8a8;
}
.dg-title23.color-white .title:after,
.dg-title23.color-white .title:before,
.dg-title23.color-white .title > .line:after,
.dg-title23.color-white .title > .line:before{
	border-color:#FFF
}

.dg-title23.text-right .title:after{
	left:auto;
	right:26px;
}
.dg-title23.text-right .title:before{
	left:auto;
	right:30px;
}
.dg-title23.text-right .title > .line:after{
	left:auto;
	right:4px
}
.dg-title23.text-right .title > .line:before{
	left:auto;
	right:0;
}
.dg-title24{
	 text-align: center;
}
.dg-title24 .title{
	line-height: 1.2;
	margin: 0 0 30px 0;
	color: #444444;
	font-weight: normal;
	text-align: center;
	position: relative;
	display: inline-block;
}
.dg-title24 .line:before{
	 content: "";
	 position:absolute;
	 right:-23px;
	 border-left:1px solid #a8a8a8;
	 height: 21px;
	 top:50%;
	 margin: -10px 0 0 0;
}
.dg-title24 .line:after{
	 content: "";
	 position:absolute;
	 right:-28px;
	 border-left:1px solid #a8a8a8;
	 height: 15px;
	 top:50%;
	 margin: -8px 0 0 0;
}
.dg-title24 .title:before{
	 content: "";
	 position:absolute;
	 left:-23px;
	 border-left:1px solid #a8a8a8;
	 height: 21px;
	 top:50%;
	 margin: -10px 0 0 0;
}
.dg-title24 .title:after{
	 content: "";
	 position:absolute;
	 left:-28px;
	 border-left:1px solid #a8a8a8;
	 height: 15px;
	 top:50%;
	 margin: -8px 0 0 0;
}
.dg-title24.color-white .title:before,
.dg-title24.color-white .title:after,
.dg-title24.color-white .line:before,
.dg-title24.color-white .line:after{
	 border-color:#FFF;
}
.dg-title24.color-white .title{
	color:#FFF;
}
@media only screen and (max-width: 767px) {
.dg-title24 .title:before,
.dg-title24 .title:after,
.dg-title24 .line:before,
.dg-title24 .line:after{
	display: none;

}
}
.dg-title25 big:before,
.dg-title25 small:before{
	content:"";
	color:#20a3f0;
	margin:0 25px 2px 0;
	font-size:20px;
	width:4px;
	height:19px;
	display:inline-block;
	border-left:1px solid #20a3f0;
	border-top:1px solid #20a3f0;
	border-bottom:1px solid #20a3f0;
	vertical-align:middle;
}
.dg-title25 big:after,
.dg-title25 small:after{
	content:"";
	color:#20a3f0;
	margin:0 0 2px 25px;
	font-size:20px;
	width:4px;
	height:19px;
	display:inline-block;
	border-right:1px solid #20a3f0;
	border-top:1px solid #20a3f0;
	border-bottom:1px solid #20a3f0;
	vertical-align:middle;
}
.dg-title25 big,
.dg-title25 small{
	display:inline-block;
	margin-bottom:14px;
	font-style:italic;
	letter-spacing:0.075em;
	color:#666666;
}
.dg-title25 small{
	font-size:14px;
}
.dg-title25 .title{
	margin:0 0 30px;
}


.dg-title26 .title{
    color: #333333;
    line-height: 1.2;
    Font-weight: normal;
    margin: 0 0 30px 0;
    letter-spacing: 1px;
    position: relative;
    padding: 0 0 30px 0;
}
.dg-title26 .title:after{
	position:absolute;
	content:"";
	bottom:0;
	border-bottom:1px solid #a9a9a9;
	width:46px;
	left:0;
}
.dg-title26 .title:before{
	position:absolute;
	content:"";
	bottom:-6px;
	border-bottom:1px solid #a9a9a9;
	width:37px;
	left:0;
}
.dg-title27{
	margin:0 0 30px;
}
.dg-title27:after{
	content:"";
	width:110px;
	height:2px;
	display:block;
	margin-top:23px;
	margin-bottom:30px;
	font-size:36px;
	background-image: linear-gradient(to right, #4db5fd 0%, #52d4d2 60%);
	background-image: -webkit-linear-gradient(to right, #4db5fd 0%, #52d4d2 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db5fd', endColorstr='#52d4d2', GradientType=1 );
}
.dg-title27.text-center:after{
	margin-left:auto;
	margin-right:auto;
}
.dg-title27.text-right:after{
	margin-left:auto;
	margin-right:0;
}
@media only screen and (max-width: 767px) {
	.dg-title27:after{
		font-size:18px;
	}
}
.dg-title29{
	position:relative;
	margin-bottom:90px;
}
.dg-title29 .diamond{
	display:block;
	margin:25px auto 0 0;
	transform:scale(1.3,0.95);
	-webkit-transform:scale(1.3,0.95);
	width:20px;
}
.dg-title29 .diamond:after,
.dg-title29 .diamond:before{
	content:"";
	position:absolute;
	width:19px;
	height:19px;
	top:100%;
	left:0px;
	border:1px solid #20a3f0;
	transform:rotate(45deg) ;
	-webkit-transform:rotate(45deg);
	margin:0 6px;
}
.dg-title29 .diamond:before{
	margin-top:13px;
}
.dg-title29.text-center{
	text-align:center;
}
.dg-title29.text-center .diamond{
	margin-left:auto;
	margin-right:auto;
}
.dg-title29.text-right .diamond{
	margin-right:0;
	margin-left:auto;
}
.dg-title29 .diamond.color-white:after,
.dg-title29 .diamond.color-white:before{
	border-color:#fff;
}



.dg-title30{
	margin:0 0 30px;
}
.dg-title30:after{
	content:"";
	width:37px;
	border-bottom:1px solid #20a3f0;
	display:block;
	margin-top:17px;
}

.dg-title31{
	font-size:18px!important;
}
.dg-title31:after{
	content:"";
	width:60px;
	border-bottom:2px solid #999999;
	display:block;
	margin:12px 0 22px;
}

.dg-title32{
	margin-bottom:40px;
}
.dg-title32 .title{
	margin:0 0 10px;
}
.dg-title32 small{
	position:relative;
	display:inline-block;
	margin-bottom:9px;
	font-size:14px;
	color:#666;
}
.dg-title32 .title:after{
	content:"";
	width:110px;
	border-bottom:1px solid #a8a8a8;
	display:block;
	margin-top:21px;
}
.dg-title32 .title span{
	color:#20a3f0;
}

.dg-title33:after{
	content:"";
	display:inline-block;
	width:18px;
	border-bottom:1px solid #41b1fc;
	margin:0 0 30px;
}
.dg-title33 small{
	font-size:14px;
	color:#666666;
	font-style:italic;
}
.dg-title33.color-white small{
	color:#bababa;
}
.dg-title33.color-white:after{
}
.dg-title33 .title{
	margin:8px 0 18px;
}
.dg-title33.animation:after{
	transition: 		width ease-in 600ms;
	-moz-transition: 	width ease-in 600ms; /* Firefox 4 */
	-webkit-transition: width ease-in 600ms; /* Safari and Chrome */
	-o-transition: 		width ease-in 600ms; /* Opera */
	-ms-transition: 	width ease-in 600ms; /* IE9? */
}
.dg-title33.animation.animated:after{
	width:50px;
}

.dg-title34{
	line-height:1.45;
}
.dg-title34:after{
	content:"";
	display:block;
	width:73px;
	border-bottom:1px solid #20a3f0;
	margin:22px 0 28px;
}

.dg-title35 {
	font-size:36px;
	padding:0 0 32px;
	position:relative;
	margin:0 0 30px;
}
.dg-title35:after{
	content:"";
	border-bottom:1px solid #a8a8a8;
	width:150px;
	display:block;
	position:absolute;
	bottom:4px;
}
.dg-title35:before{
	content:"";
	width:9px;
	height:9px;
	border:1px solid #a8a8a8;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	position:absolute;
	bottom:0;
	left:150px;
}
.dg-title35.color-white:after,
.dg-title35.color-white:before,
.color-white .dg-title35:after,
.color-white .dg-title35:before{
	border-color:#FFF;
}



@media only screen and (max-width: 767px) {
	.dg-title35{
		font-size:22px;
		padding:0 0 32px;
		margin:0 0 30px;
	}
}

.dg-title36{
	margin-bottom:30px;
	text-align:center;
}
.dg-title36:before{
	content:".\2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002 \2002.";
	display:block;
	margin:auto;
	background-size: 10px 10px;  
	background-repeat:repeat-x;
	margin-bottom:21px;
    text-decoration: line-through;
	text-decoration-style: wavy; 
	-moz-text-decoration-style: wavy;
	font-size:13px;
	line-height:1;
	white-space:nowrap;
	width:80px;
	overflow:hidden;
	color:#2ba8f0;
	text-indent:-3px;
}
.dg-title36.text-left{
	text-align:left;
}
.dg-title36.text-left:before{
	color:#acacac;
}

.dg-title36.text-left:before{
	margin-left:0;
}
.dg-title36.color-white:before{
	color:#FFF;
}
@media only screen and (max-width: 767px) {
	.dg-title36{
		font-size:22px;
	}
}

.dg-title37{
	font-size:36px;
	text-align:center;
	position:relative;
	padding-bottom:33px;
	margin-bottom:36px;
}
.dg-title37>*{
	font-size:inherit;
}
.dg-title37>*:after{
	content:'';
	width:150px;
	border-bottom:1px solid #20a3f0;
	position:absolute;
	bottom:4px;
	left:50%;
	margin-left:-75px;
}
.dg-title37:after,
.dg-title37:before{
	content:"";
	width:9px;
	height:9px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #20a3f0;
	position:absolute;
	bottom:0;
}
.dg-title37:after{
	left:50%;	
	margin-left:-84px;
}
.dg-title37:before{
	left:50%;	
	margin-left:75px;
}

.dg-title37.text-left{
	text-align:left;
	font-size:28px;
}
.dg-title37.text-left>*:after{
	left:0;
	margin-left:0;
}
.dg-title37.text-left:after{
	content:normal;
}
.dg-title37.text-left:before{
	left:150px;	
	margin-left:0;
}
.dg-title38{
	text-align:center;
}
.dg-title38 small{
	font-size:16px;
	color:#424242;
	font-style:italic;
	display:inline-block;
	margin-bottom:6px;
}
.dg-title38:after{
	content:"";
	display:inline-block;
	width:100px;
	display:block;
	margin:28px auto 33px;
	border-top:1px solid #8f8f8f;
	border-bottom:1px solid #d6d6d6;
}
.dg-title39{
	text-align:center;
	margin:5px auto 49px;
}
.dg-title39 span{
	color:#20a3f0;
}
.dg-title39:after{
	content:"";
	display:block;
	width:70px;
	border-bottom:1px solid #cccccc;
	margin:30px auto 0;
}
.dg-title39.color-white:after{
	border-color:rgba(255,255,255,0.6);
}

.dg-title40{
	font-size:28px;
	text-align:center;
	margin:0 0 60px;
}
.dg-title40 span{
	color:#20a3f0;
}
.dg-title40:after{
	content:"";
	width:70px;
	border-bottom:1px solid #cccccc;
	display:block;
	margin:30px auto 0;
}

.dg-title41{
	margin:0 0 30px;
	line-height:1.5;
}
.dg-title41 span{
	color:#20a3f0;
}
.dg-title41:after{
	content:"";
	width:80px;
	border-bottom:1px solid ;
	opacity:0.22;
	display:block;
	margin:18px 0 0;
}

.dg-title42{
	color:#333333;
	font-size:60px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:1.2;
	letter-spacing:0.05em;
}
.dg-title42:after{
	content:"";
	width:100px;
	height:1px;
	display:block;
	margin:35px 0 52px;
	background-image: linear-gradient(to left top, #2c9ffa 0%, #ce68e0 70%);
	background-image: -webkit-linear-gradient(left top, #2c9ffa 0%, #ce68e0 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9ffa', endColorstr='#ce68e0', GradientType=1 );
}
.dg-title42.text-center:after{
	margin-left:auto;
	margin-right:auto;
}
.dg-title42.color-white:after{
	background:#FFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.dg-title42{
		font-size:50px;
	}
	
	
	}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dg-title42{
		font-size:40px;
	}
	.dg-title42:after{
		margin:25px 0 32px;
	}
}
@media only screen and (max-width: 767px) {
	.dg-title42{
		font-size:30px;
	}
	.dg-title42:after{
		margin:15px 0 22px;
	}
}


.animations-title {
	margin-bottom:40px;
}
.animations-title h3{
	font-size:20px;
	color:#424242;
	font-weight:normal;
	margin:0;
}
.tablepage-title {
	margin-bottom:30px;
}
.tablepage-title h3{
	font-size:20px;
	color:#424242;
	font-weight:normal;
	margin:0;
	line-height:1;
}
.tablepage-title .right{
	margin-top:-8px;
}
/* Block Quotes*/
.dg-blockquote{
	border:1px solid #dcdcdc;
	padding:22px 27px;
	font-style:normal;
}
.dg-blockquote p{
	text-indent:0;
	font-style:normal;
	font-size:14px;
	color:#666;
}
.dg-blockquote cite{
	display:inline-block;
	color:#424242;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
}
.dg-blockquote cite:before{
	content:normal;
}
.dg-blockquote footer{
	margin-top:12px;
}
.right-border{
	border:none;
	border-right:5px solid #dcdcdc;
	padding:22px 21px;
}
.left-border{
	border:none;
	border-left:5px solid #dcdcdc;
	padding:22px 21px;
}
.none-border {
	border:none;
}
.dg-blockquote.left-bg,
.dg-blockquote.right-bg{
	position:relative;
	z-index:1;
}
.dg-blockquote.left-bg:before,
.dg-blockquote.right-bg:before{
	content:"";
	background:url(../images/blockquote-quote.png) no-repeat 0 0;
	position:absolute;
	z-index:-1;
	font-size:50px;
	left:0;
	top:0px;
	width:56px;
	height:48px;
}
.dg-blockquote.right-bg:before{
	background-position:-56px 0px;
	left:auto;
	right:0;
}

.dg-blockquote.left-bg p,
.dg-blockquote.right-bg p{
	text-indent:0;
}
/* promobox */
.dg-promo10{
	display:table;
	width:100%;
	padding-top:58px;
	padding-bottom:58px;
}
.dg-promo10 .promo-content{
	display:table-cell;
	font-size:18px;
	vertical-align:middle;
	letter-spacing:0.05em;
	color:#FFF;
}
.dg-promo10 .promo-button{
	display:table-cell;
	vertical-align:middle;
	width:5%;
}
.dg-promo10 .promo-icon{
	display:table-cell;
	vertical-align:middle;
	padding-right:0;
	width:5%;
}
.dg-promo10 .promo-icon + .promo-content{
	padding-left: 34.5px;
}
.dg-promo10 .promo-button{
	padding-left: 34.5px;
}

.dg-promo10 .promo-icon > span{
	width:100px;
	height:100px;
	line-height:100px;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:rgba(255,255,255,0.3);
	font-size:56px;
	color:#FFF;
}

.dg-promo10 .promo-content .title{
	font-size:30px;
	line-height:1.2;
	color:#fff;
	letter-spacing:0.072em;
	margin:0;
}
.dg-promo10 .promo-content .title + p{
	margin-top:9px;
}
.dg-promo10 .promo-content p:last-child{
	margin-bottom:0;
}
@media only screen and (max-width: 991px) {
	.dg-promo10{
		padding-top:29px;
		padding-bottom:29px;
	}
	.dg-promo10 .promo-content{
		font-size:14px;
	}
	.dg-promo10 .promo-content .title{
		font-size:24px;
	}
}
@media only screen and (max-width: 767px) {
	.dg-promo10,
	.dg-promo10 .promo-content,
	.dg-promo10 .promo-button,
	.dg-promo10 .promo-icon{
		display:block;
		padding:0!important;
		width:auto;
		text-align:center;
	}
	.dg-promo10{
		padding:30px 0!important;
	}
	.dg-promo10 .promo-icon{
		margin-bottom:15px;
	}
	.dg-promo10 .promo-content + .promo-button{
		margin-top:15px;
	}
}



.promo-from{
	position:relative;
	white-space:nowrap;
	border:1px solid #ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:inline-block;
}
.promo-from input[type="text"],
.promo-from input[type="email"]{
	background:none;
	border:none;
	width:340px;
	padding:0px 10px;
	outline:none;
	max-width:100%;
	color:#ffffff;
	font-style:italic;
}
.promo-from > *{
	display:inline-block;
	vertical-align:middle;
	margin:0;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.promo-from input[type="text"],
	.promo-from input[type="email"]{
		width:250px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.promo-from input[type="text"],
	.promo-from input[type="email"]{
		width:200px;
	}
}

@media only screen and (max-width: 767px) {
	.promo-from input[type="text"],
	.promo-from input[type="email"]{
		width:150px;
	}
}
/* Lightbox Box */
.lightbox-box .title{
	text-align:center;
	display:block;
	font-size:18px;
	color:#424242;
	background-color:#fbfbfb;
	margin:0;
	padding:25px 10px;
	border:1px solid #e5e5e5;
	border-top:none;
}

.lightbox-box02{
	background-color:#f5f5f5;
	padding:23px 10px 30px;
	margin:0 15px 15px;
	text-align:center;
}
.lightbox-box02 > h4{
	font-size:16px;
	color:#424242;
	margin:0 0 15px;
	font-weight:normal;
}
.lightbox-box02 .modal{
	text-align:left;
}
/* Icon Box */
[class*=dg-ico].left+.box-right,
[class*=dg-ico].right+.box-right,
[class*=dg-ico].left+.box-left,
[class*=dg-ico].right+.box-left {
    overflow: hidden;
}

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

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

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

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

.dg-ico01,
.dg-ico01.fa {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 24px;
    display: inline-block;
    border: 1px solid;
    color: #20a3f0;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

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

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

.dg-ico02,
.dg-ico02.fa {
    width: 64px;
    height: 64px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    display: inline-block;
    border: 2px solid;
    color: #20a3f0;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

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

.dg-ico02 .fa {
    line-height: inherit;
}

.dg-ico03,
.dg-ico03.fa {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    display: inline-block;
    color: #ffffff;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

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

.dg-ico03 .fa {
    line-height: inherit;
}

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

.dg-ico04 .fa {
    line-height: inherit;
}

.dg-ico05,
.dg-ico05.fa {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    display: inline-block;
    color: #666666;
    position: relative;
}

.dg-ico05:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 25px -11px;
    -moz-box-shadow: 0 0 25px -11px;
    -webkit-box-shadow: 0 0 25px -11px;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

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

.dg-ico05 .fa {
    line-height: inherit;
}

.dg-ico06,
.dg-ico06.fa {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.dg-ico06:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.dg-ico06:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    background-color: inherit;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

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

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

.dg-ico06 .fa {
    line-height: inherit;
}

.dg-ico07,
.dg-ico07.fa {
    width: 64px;
    height: 64px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    display: inline-block;
    border: 2px solid;
    color: #20a3f0;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

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

.dg-ico07 .fa {
    line-height: inherit;
}

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

.dg-ico-animation01:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

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

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

.dg-ico-animation02 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 76px;
    border: 2px solid;
    z-index: 1;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
}

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

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

.dg-ico-animation02>.bg {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    z-index: -1;
}

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

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

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

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

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

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

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

.dg-ico-animation03 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 76px;
    border: 2px solid transparent;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
}

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

[class*="dg-iconbox"]:hover .dg-ico-animation03,
.dg-ico-animation03:hover {
    border-color: inherit;
}

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

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

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

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

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

.dg-ico-animation04 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
}

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

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

.dg-ico-animation05 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border: 2px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 76px;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
    z-index: 1;
}

.dg-ico-animation05>.bg {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

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

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

@-webkit-keyframes transform-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    49.9% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes transform-top {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    49.9% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes transform-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    49.9% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes transform-left {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    49.9% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes transform-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    49.9% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes transform-bottom {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    49.9% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes transform-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    49.9% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes transform-right {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    49.9% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: hidden;
    }
    50.1% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.dg-ico-animation06 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 76px;
    overflow: hidden;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
    z-index: 2;
}

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

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

.dg-ico-animation06>.bg {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

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

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

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

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

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

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

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

.dg-ico-animation07 {
    display: inline-block;
    position: relative;
    color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 76px;
    z-index: 1;
    border: 2px solid transparent;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
}

.dg-ico-animation07>.bg {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

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

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

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

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

.dg-ico-animation08 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    z-index: 1;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
}

.dg-ico-animation08:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid;
    z-index: -1;
    opacity: 0;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

.dg-ico-animation08:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid;
    z-index: -1;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

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

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

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

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

.dg-ico-animation09 {
    display: inline-block;
    position: relative;
    color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 76px;
    z-index: 1;
    border: 2px solid transparent;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
}

.dg-ico-animation09>.bg {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: -1;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

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

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

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

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

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

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

.dg-ico-animation10 {
    display: inline-block;
    position: relative;
    color: #20a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    z-index: 1;
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
    text-align: center;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
}

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

.dg-ico-animation10 .front {
    z-index: 0;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

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

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

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

.dg-ico-animation10 [class*="color-"] {
    background-color: #FFF;
}

.dg-ico-animation10 [class*="color-"]:after {
    content: "";
    border: 2px solid;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

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

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

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

.dg-ico-animation11,
.dg-ico-animation11 .fa,
.dg-ico-animation11>.bg,
.dg-ico-animation11:after {
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

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

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

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

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

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

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

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

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

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

.dg-ico-animation12 .fa,
.dg-ico-animation12>.bg {
    transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 250ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 250ms;
    /* Opera */
    -ms-transition: all ease-out 250ms;
    /* IE9? */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
    [class*="dg-ico"].size-xl,
    [class*="dg-ico"].size-xxl {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 36px;
    }
    .dg-ico01.size-xl,
    .dg-ico02.size-xl,
    .dg-ico07.size-xl,
    .dg-ico-animation02.size-xl,
    .dg-ico-animation03.size-xl,
    .dg-ico-animation04.size-xl,
    .dg-ico-animation05.size-xl,
    .dg-ico-animation06.size-xl,
    .dg-ico-animation07.size-xl,
    .dg-ico-animation09.size-xl,
    .dg-ico-animation11.size-xl,
    .dg-ico01.size-xxl,
    .dg-ico02.size-xxl,
    .dg-ico07.size-xxl,
    .dg-ico-animation02.size-xxl,
    .dg-ico-animation03.size-xxl,
    .dg-ico-animation04.size-xxl,
    .dg-ico-animation05.size-xxl,
    .dg-ico-animation06.size-xxl,
    .dg-ico-animation07.size-xxl,
    .dg-ico-animation09.size-xxl,
    .dg-ico-animation11.size-xxl {
        line-height: 78px;
    }
    [class*=dg-ico].size-lg.left {
        margin-right: 20px;
    }
    [class*=dg-ico].size-lg.right {
        margin-left: 20px;
    }
    [class*=dg-ico].size-xl.left {
        margin-right: 20px;
    }
    [class*=dg-ico].size-xl.right {
        margin-left: 20px;
    }
    [class*=dg-ico].size-xxl.left {
        margin-right: 20px;
    }
    [class*=dg-ico].size-xxl.right {
        margin-left: 20px;
    }
}

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

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

.icon-svg>svg {
    padding: 2px;
}

.dg-ico-svg {
    overflow: hidden;
    display: inline-block;
}

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

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

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

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

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

.dg-ico-svg.size-lg .icon-svg {
    width: 80px;
    height: 80px;
}

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

.dg-ico-svg.size-xl .icon-svg {
    width: 96px;
    height: 96px;
}

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

.dg-ico-svg.size-xxl .icon-svg {
    width: 110px;
    height: 110px;
}

@media only screen and (max-width: 767px) {
    .dg-ico-svg.size-xl {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 80px;
    }
    .dg-ico-svg.size-xl .icon-svg {
        width: 80px;
        height: 80px;
    }
    .dg-ico-svg.size-xxl {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 80px;
    }
    .dg-ico-svg.size-xxl .icon-svg {
        width: 80px;
        height: 80px;
    }
}

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

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

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

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

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

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

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

.dg-ico-max.size-xl {
    width: 96px;
    height: 96px;
    line-height: 96px;
    font-size: 76px;
}

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

.dg-ico-max.size-xxl {
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 90px;
}

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

@media only screen and (max-width: 767px) {
    .dg-ico-max.size-xl {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 80px;
    }
    .dg-ico-max.size-xl .icon-svg {
        width: 80px;
        height: 80px;
    }
    .dg-ico-max.size-xxl {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 80px;
    }
    .dg-ico-max.size-xxl .icon-svg {
        width: 80px;
        height: 80px;
    }
}


[class*="dg-iconbox"]:after {
    content: " ";
    clear: both;
    display: block;
    width: 100%;
    overflow: hidden;
}

.dg-iconbox01 {
    text-align: center;
    margin: 0px 0 20px;
}

.dg-iconbox01 .title {
    color: #424242;
    font-size: 18px;
    margin: 25px 0 15px 0;
    font-weight: bold;
}

.dg-iconbox01 .more {
    margin: 20px 0 10px 0;
    text-decoration: underline!important;
    display: block;
}

.dg-iconbox01 a .fa {
    font-size: 1.25em;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px;
}

.dg-iconbox01>[class*=dg-ico] {
    vertical-align: bottom;
}

.dg-iconbox02 {
    padding: 16px 0 0 0;
}

.dg-iconbox02 .title {
    margin: 6px 0 9px 0;
    font-weight: bold;
    font-size: 15px;
    color: #424242;
}

.dg-iconbox03 {
    margin: 0 0 20px;
}

.dg-iconbox03 .left {
    margin-right: 28px;
}

.dg-iconbox03 .right {
    margin-left: 28px;
}

.dg-iconbox03 .title {
    margin: 0 0 19px;
    color: #333;
    font-weight: bold;
}

.dg-iconbox03 p {
    font-size: 14px;
    margin: 0 0 10px;
}

.dg-iconbox03 a {
    font-size: 14px;
    color: #20a3f0;
}

.dg-iconbox04 .title {
    margin: 0 0 16px;
    font-size: 18px;
    color: #424242;
    line-height: 21px;
}

[class*="dg-iconbox"] .title {
    font-weight: bold;
}

.dg-iconbox04 {
    padding: 0 0 38px;
}

.dg-iconbox04 h6 {
    font-weight: bold;
}

.dg-iconbox04 .size-xs+.box-right .title,
.dg-iconbox04 .size-xs.title {
    margin-bottom: 11px;
}

.dg-iconbox04.display-table p {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .dg-iconbox04 {
        padding: 0 0 20px 0;
        margin: 0!important;
    }
}

.dg-iconbox05 {
    margin-bottom: 40px;
}

.dg-iconbox05 h3 {
    color: #333;
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 1px;
    font-weight: bold;
}

.dg-iconbox05 p {
    line-height: 1.8;
    color: #666;
}

.dg-iconbox05 h3 [class*=dg-ico] {
    vertical-align: middle;
}

.dg-iconbox05.text-right h3 [class*=dg-ico] {
    margin-left: 12px;
}

.dg-iconbox05.text-left h3 [class*=dg-ico] {
    margin-right: 12px;
}

.dg-iconbox06 {
    text-align: left;
    margin-bottom: 40px;
}

.dg-iconbox06 .title {
    margin: 0 0 17px;
    font-size: 18px;
    color: #424242;
    font-weight: bold;
}

.dg-iconbox06 p {
    font-size: 14px;
    color: #666;
    margin: 0 0 16px;
}

@media only screen and (max-width: 767px) {
    .dg-iconbox06 {
        margin-bottom: 20px;
    }
}

.dg-iconbox07 {
    text-align: center;
    margin: 0 0 20px;
}

.dg-iconbox07 [class*=dg-ico] {}

.dg-iconbox07 .title {
    color: #424242;
    font-size: 18px;
    margin: 25px 0 19px;
    font-weight: bold;
}

.dg-iconbox07 .title:after {
    content: "";
    width: 50px;
    border-bottom: 1px solid #20a3f0;
    display: block;
    margin: 20px auto 0;
    transition: width ease-in 200ms;
    -moz-transition: width ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: width ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: width ease-in 200ms;
    /* Opera */
    -ms-transition: width ease-in 200ms;
    /* IE9? */
}

.dg-iconbox07:hover .title:after {
    width: 90px;
}

.dg-iconbox08 {
    padding: 0 0 40px 0;
}

.dg-iconbox08 .box-right {
    overflow: hidden;
}

.dg-iconbox08 h5 {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.dg-iconbox08 span {
    font-size: 20px;
    color: #20a3f0;
    display: inline-block;
    margin: 0 15px 0 0;
}

.dg-iconbox08 .dg-ico02 {
    border-color: #FFF;
    color: #FFF;
}

.dg-iconbox08:hover .dg-ico02 {
    background-color: #FFF;
    color: #20a3f0;
}

.dg-iconbox09 {
    text-align: left;
    margin-bottom: 55px;
    padding-right: 30px;
}

.dg-iconbox09 .box-right {
    overflow: hidden;
}

.dg-iconbox09 h3 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.dg-iconbox09 p {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dg-iconbox09 {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dg-iconbox09 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .dg-iconbox09 {
        margin-bottom: 20px;
    }
}

.dg-iconbox10 {
    border: 1px solid #dddddd;
    padding: 50px 50px 42px;
    text-align: center;
    margin-bottom: 30px;
}

.dg-iconbox10 .title {
    color: #424242;
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dg-iconbox10 {
        padding: 25px 25px 21px;
    }
}

.bg-iconbox11 {
    margin-bottom: 30px;
}

.dg-iconbox11 .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.dg-iconbox11 .more {
    margin-top: 12px;
}

.dg-iconbox12 {
    padding: 0 0 40px 0;
}

.dg-iconbox12 .box-right {
    overflow: hidden;
}

.dg-iconbox12 .title {
    margin: 0 0 10px 0;
}

.dg-iconbox12>[class*=dg-ico] {
    margin-right: 30px;
}

.dg-iconbox13 .box-right {
    overflow: hidden;
}

.dg-iconbox13 .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 14px;
}

.dg-iconbox13 .title:before {
    content: "";
    width: 34px;
    display: block;
    border-bottom: 1px solid;
    margin-bottom: 14px;
}

.dg-iconbox13 .left {
    margin-right: 26px!important;
}

.dg-iconbox14 {
    margin-bottom: 35px;
}

.dg-iconbox14 h6 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 17px;
}

.dg-iconbox15 {
    text-align: left;
    padding-right: 30px;
    margin-bottom: 15px;
}

.dg-iconbox15 .title {
    margin: 0 0 5px;
    line-height: 1.2;
}

.dg-iconbox15 p {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px;
}

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

.dg-iconbox17 h3 {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 20px;
}

.dg-iconbox17 p {
    margin-bottom: 25px;
}

.dg-iconbox18 {
    text-align: center;
    position: relative;
    margin: 0 10%;
}

.dg-iconbox18 .number {
    position: absolute;
    font-family: Impact;
    font-weight: bold;
    pointer-events: none;
    opacity: 0.1;
    font-size: 150px;
    left: 10%;
}

.dg-iconbox18 .dg-ico-animation08 {
    color: #FFF;
    margin-bottom: 25px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 45px;
}

.dg-iconbox18:after {
    content: "";
    position: absolute;
    top: 55px;
    left: 100%;
    width: 98px;
    border-bottom: 1px solid #FFF;
    margin-left: 5%;
}

.dg-iconbox18 .dg-ico-animation08:before {
    border: 1px solid
}

.row>div:last-child .dg-iconbox18:after {
    content: normal;
}

.dg-iconbox19 {
    text-align: center;
    margin: 0px 0 20px;
}

.dg-iconbox19 h3 {
    font-size: 18px;
    color: #444444;
    font-weight: bold;
    margin: 15px 0 0 0;
    text-transform: uppercase;
}

.dg-iconbox19 .line {
    height: 1px;
    overflow: hidden;
    background-color: #20a3f0;
    width: 50px;
    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;
    margin: 20px auto 15px auto;
}

.dg-iconbox19:hover .line {
    width: 90px;
}

.dg-iconbox19 a {
    position: relative;
}

.dg-iconbox19 a:after {
    position: absolute;
    content: "\e944";
    font-family: 'dnngo' !important;
    right: -25px;
}

@media only screen and (max-width: 767px) {
    .dg-iconbox18 {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .dg-iconbox18:after {
        top: 100%;
        left: 50%;
        margin-left: -49px;
    }
}

.dg-iconbox20 {
    margin-bottom: 26px;
}

.dg-iconbox21 {
    margin-bottom: 14px;
}

.dg-iconbox21 .left {
    margin-right: 10px;
    line-height: 1;
}

.dg-iconbox21 h6 {
    font-size: inherit;
    margin: 0 0 5px;
}

.dg-iconbox22 {
    margin-bottom: 40px;
}

.dg-iconbox22 h6 {
    margin: 0 0 5px 0;
    font-weight: bold;
    /*	color:inherit;*/
}

.dg-iconbox22 h5 {
    font-weight: bold;
    color: #444444;
    margin: 25px 0 15px 0;
}

.dg-iconbox22 h6+small {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
    color: #7b7b7b
}

.dg-iconbox23 {
    margin-right: 100px;
}

.dg-iconbox23 h6 {
    margin: 0 0 10px;
    font-weight: bold;
}

@media only screen and (max-width: 1199px) {
    .dg-iconbox23 {
        margin-right: 0;
    }
}

.dg-iconbox24 {
    margin-bottom: 36px;
}

.dg-iconbox24 .box-right .title {
    margin: 0 0 2px;
    font-size: 18px;
    font-weight: bold;
}

.dg-iconbox24 .box-right {
    margin-bottom: 15px;
}

.dg-iconbox24 .left {
    margin-top: 5px;
}

.dg-iconbox24 .box-right small {
    font-size: 13px;
    color: #7f7f7f;
    font-style: italic;
}

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

.dg-iconbox25 h3 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin: 22px 0 18px;
}

.dg-iconbox25 p {
    margin-bottom: 30px;
}

.dg-iconbox26 {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    letter-spacing: 0.05em;
    padding: 40px;
}

.dg-iconbox26 .title {
    margin: 0 0 19px;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
}

.dg-iconbox26 .title:after {
    content: "";
    display: block;
    margin: 18px auto 0;
    width: 29px;
    border-bottom: 2px solid #6b6b6b;
}

.dg-iconbox26 .fa {
    position: absolute;
    font-size: 240px;
    line-height: 1;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.03;
    text-align: center;
    color: #000;
    z-index: -1;
}

.dg-iconbox26 p {
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dg-iconbox26 {
        padding: 20px 0;
    }
    .dg-iconbox26 .fa {
        font-size: 200px;
    }
}

.dg-iconbox27 {
    margin-bottom: 20px;
}

.dg-iconbox27 .box-right .title {
    margin: 0 0 2px;
    font-weight: bold;
}

.dg-iconbox27 .box-right {
    margin-bottom: 17px;
}

.dg-iconbox27 .box-right,
.dg-iconbox27 p {
    color: #333;
}

.dg-iconbox27 .left {
    margin-top: 7px;
}

.dg-iconbox27 .box-right small {
    font-size: 14px;
    color: #666666;
}

.dg-iconbox28 .title {
    color: #FFF;
    margin: 14px 0 26px;
}

.dg-iconbox28 .title:after {
    content: "";
    width: 120px;
    border-bottom: 1px solid #FFF;
    display: block;
    margin-top: 32px;
}

.dg-iconbox29 {
    text-align: center;
    margin: 0px 0 20px;
}

.dg-iconbox29 .title {
    color: #424242;
    font-size: 18px;
    margin: 25px 0 19px;
    font-weight: bold;
}

.dg-iconbox29 .title:after {
    content: "";
    width: 50px;
    border-bottom: 1px solid #d3d3d3;
    display: block;
    margin: 20px auto 0;
}

.dg-iconbox29 .dg-ico-animation01:before {
    border: 1px solid;
}

.dg-iconbox30 {
    border: 1px solid #dcdcdc;
    padding: 0 15px 15px 15px;
    position: relative;
    background-color: #fcfcfc;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    margin: 50px 0 15px 0;
}

.dg-iconbox30 .dg-ico-animation07 {
    margin-top: -48px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.dg-iconbox30 .title {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin: 45px 0 40px;
    position: relative;
    text-transform: uppercase;
}

.dg-iconbox30 .title:before {
    position: absolute;
    content: "";
    width: 50px;
    border-bottom: 1px solid #d3d3d3;
    bottom: -22px;
    margin: 0 0 0 -25px;
    left: 50%;
}

.dg-iconbox30:hover {
    border-color: #20a3f0;
}

@media only screen and (max-width: 767px) {
    .dg-iconbox30 {
        margin: 80px 0 15px 0;
    }
}

@media only screen and (min-width: 1200px) {
    .dg-iconbox30 {
        padding: 0 50px 42px;
    }
}

.iconbox-box {
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
}

.iconbox-box>div {
    border-right: 1px solid #dcdcdc;
    padding: 50px 35px 30px;
}

.iconbox-box>div:last-child {
    border: none;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .iconbox-box.row-display-table>[class*="col-sm-"] {
        display: block;
        width: 50%;
        float: left;
    }
    .iconbox-box>div {
        border-right: 0;
    }
    .iconbox-box>div:nth-child(2n) {
        border-left: 1px solid #dcdcdc;
    }
    .iconbox-box>div:nth-last-child(2) {
        border: none;
    }
}

@media only screen and (max-width: 991px) {
    .iconbox-box>div {
        padding: 15px;
    }
    .iconbox-box>div {
        border-bottom: 1px solid #dcdcdc;
    }
}

@media only screen and (max-width: 767px) {
    .iconbox-box>div {
        border-right: none;
        border-bottom: 1px solid #dcdcdc;
        border-right: none;
    }
}

.iconbox-box02 .dg-iconbox07 {
    background-color: #f8f8f8;
    padding: 70px 10px 65px 10px;
}

@media only screen and (max-width: 1024px) {
    .iconbox-box02 .dg-iconbox07 {
        padding: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .iconbox-box02 .dg-iconbox07 {
        padding: 15px;
    }
}

.iconbox-box03>[class*="col-"] {
    padding: 100px 55px 100px;
    position: relative;
}

.iconbox-box03>[class*="col-"]>* {
    position: relative;
}

.iconbox-box03>[class*="col-"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.iconbox-box03>[class*="col-"]:nth-child(1):before {
    background-color: #fff;
    opacity: 0.2;
}

.iconbox-box03>[class*="col-"]:nth-child(2):before {}

.iconbox-box03>[class*="col-"]:nth-child(3):before {
    background-color: #000;
    opacity: 0.2;
}

.iconbox-box03>[class*="col-"]:nth-child(4):before {
    background-color: #000;
    opacity: 0.4;
}

.iconbox-box03>[class*="col-"]:nth-child(5):before {
    background-color: #000;
    opacity: 0.6;
}

.iconbox-box03>[class*="col-"]:nth-child(6):before {
    background-color: #000;
    opacity: 0.8;
}

@media only screen and (max-width: 991px) {
    .iconbox-box03>[class*="col-"] {
        padding: 50px 20px 50px;
        position: relative;
    }
}

.dg-hover-info-box01 {
    text-align: center;
    margin: 0 0 20px;
    background-color: #f8f8f8;
    padding: 60px 28px;
    position: relative;
}

.dg-hover-info-box01 .title {
    color: #424242;
    font-size: 18px;
    margin: 15px 0 19px;
    font-weight: bold;
}

.dg-hover-info-box01 .title:after {
    content: "";
    width: 50px;
    border-bottom: 1px solid #20a3f0;
    display: block;
    margin: 20px auto 0;
}

.dg-hover-info-box01 .icon {
    color: #20a3f0;
}

.dg-hover-info-box01:before {
    content: "";
    background: -webkit-linear-gradient(left bottom, #20a3f0, #21d3a7);
    background: -moz-linear-gradient(left bottom, #20a3f0, #21d3a7);
    background: -o-linear-gradient(left bottom, #20a3f0, #21d3a7);
    background: -ms-linear-gradient(left bottom, #20a3f0, #21d3a7);
    FILTER: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#20a3f0, endColorStr=#21d3a7, GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.dg-hover-info-box01 .cont {
    position: relative;
}

.dg-hover-info-box01,
.dg-hover-info-box01 .title,
.dg-hover-info-box01 .title:after,
.dg-hover-info-box01 .icon,
.dg-hover-info-box01:before {
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.dg-hover-info-box01:hover:before {
    opacity: 1;
    visibility: visible;
}

.dg-hover-info-box01:hover {
    color: #FFF;
}

.dg-hover-info-box01:hover .title {
    color: #FFF;
}

.dg-hover-info-box01:hover .title:after {
    border-color: #FFF;
}

.dg-hover-info-box01:hover .icon {
    color: #FFF;
}

.dg-hover-info-box02 {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    text-align: center;
    border: 1px solid #dddddd;
}

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

.dg-hover-info-box02 li {
    float: left;
    width: 25%;
    border-left: 1px solid #dddddd;
    height: 356px;
    white-space: nowrap;
    color: #424242;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.dg-hover-info-box02 li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.dg-hover-info-box02 li .cont {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 25px;
}

.dg-hover-info-box02 .title {
    color: inherit;
    font-size: 18px;
    margin: 30px 0 0;
    font-weight: bold;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    -ms-transition: none;
    /* IE9? */
}

.dg-hover-info-box02 .title:after {
    content: "";
    width: 50px;
    border-bottom: 1px solid #ffffff;
    display: block;
    margin: 20px auto 17px;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
    visibility: hidden;
    opacity: 0;
}

.dg-hover-info-box02 .description {
    height: 0px;
    overflow: hidden;
    transition: height ease-in 300ms;
    -moz-transition: height ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: height ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: height ease-in 300ms;
    /* Opera */
    -ms-transition: height ease-in 300ms;
    /* IE9? */
}

.dg-hover-info-box02 li:hover {
    background-color: #353535;
    color: #FFF;
}

.dg-hover-info-box02 li:hover .title:after {
    visibility: visible;
    opacity: 1;
}

.dg-hover-info-box02 li:hover .description {
    height: auto;
}

@media only screen and (max-width: 767px) {
  .dg-hover-info-box02{
    margin:0px 15px 50px;
  }
  .dg-hover-info-box02 li{
    float: none;
    width: auto;
    border: none;
    border-bottom: 1px solid #dddddd;
  }
}
.dg-hover-info-box03 {
    text-align: center;
    margin: 0 0 20px;
    background-color: #353535;
    padding: 60px 28px;
    position: relative;
    color: #FFF;
}

.dg-hover-info-box03 .title {
    font-size: 18px;
    margin: 15px 0 19px;
    font-weight: bold;
    color: #FFF;
}

.dg-hover-info-box03 .title:after {
    content: "";
    width: 50px;
    border-bottom: 1px solid #FFF;
    display: block;
    margin: 20px auto 0;
}

.dg-hover-info-box03 .icon {
    color: #fff;
}

.dg-hover-info-box03:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.dg-hover-info-box03.bg-color-1:before {
    background: -webkit-linear-gradient(left bottom, #f98395, #fbc863);
    background: -moz-linear-gradient(left bottom, #f98395, #fbc863);
    background: -o-linear-gradient(left bottom, #f98395, #fbc863);
    background: -ms-linear-gradient(left bottom, #f98395, #fbc863);
    FILTER: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#f98395, endColorStr=#fbc863, GradientType=0);
}

.dg-hover-info-box03.bg-color-2:before {
    background: -webkit-linear-gradient(left bottom, #20a3f0, #21d3a7);
    background: -moz-linear-gradient(left bottom, #20a3f0, #21d3a7);
    background: -o-linear-gradient(left bottom, #20a3f0, #21d3a7);
    background: -ms-linear-gradient(left bottom, #20a3f0, #21d3a7);
    FILTER: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#20a3f0, endColorStr=#21d3a7, GradientType=0);
}

.dg-hover-info-box03.bg-color-3:before {
    background: -webkit-linear-gradient(left bottom, #9b61dc, #21a3fc);
    background: -moz-linear-gradient(left bottom, #9b61dc, #21a3fc);
    background: -o-linear-gradient(left bottom, #9b61dc, #21a3fc);
    background: -ms-linear-gradient(left bottom, #9b61dc, #21a3fc);
    FILTER: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#9b61dc, endColorStr=#21a3fc, GradientType=0);
}

.dg-hover-info-box03 .cont {
    position: relative;
}

.dg-hover-info-box03,
.dg-hover-info-box03 .title,
.dg-hover-info-box03 .title:after,
.dg-hover-info-box03 .icon,
.dg-hover-info-box03:before {
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 200ms;
    /* Opera */
    -ms-transition: all ease-in 200ms;
    /* IE9? */
}

.dg-hover-info-box03:hover:before {
    opacity: 0;
    visibility: hidden;
}

.dg-hover-info-box03:hover .title:after {
    border-color: #20a3f0;
}

.dg-hover-info-box03:hover .icon {}

.dg-hover-info-box04 {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.dg-hover-info-box04 li {
    float: left;
    width: 25%;
    text-align: center;
    color: #FFF;
    background-color: #565f69;
    position: relative;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.dg-hover-info-box04 .cont {
    z-index: 1;
    position: relative;
    padding: 70px 50px;
}

.dg-hover-info-box04 li:nth-child(2) {
    background-color: #3d444c
}

.dg-hover-info-box04 li:nth-child(3) {
    background-color: #30353c
}

.dg-hover-info-box04 li:nth-child(4) {
    background-color: #24282d
}

.dg-hover-info-box04 .title {
    font-size: 18px;
    margin: 30px 0 20px;
    font-weight: bold;
    color: #FFF;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.dg-hover-info-box04 .title:after {
    content: "";
    width: 50px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    display: block;
    margin: 20px auto 0px;
}

.dg-hover-info-box04 li .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}

.dg-hover-info-box04 li:hover .bg {
    opacity: 1;
    visibility: visible;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.dg-hover-info-box04 li .icon {
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 300ms;
    /* Opera */
    -ms-transition: all ease-in 300ms;
    /* IE9? */
}

.dg-hover-info-box04 li:hover .icon {
    color: #FFF!important;
}

.dg-hover-info-box04 li:hover .title {
    border-color: #FFF!important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dg-hover-info-box04 li{
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
   .dg-hover-info-box04 li{
    width: 100%;
    float: none;
  }
}

.dg-hover-info-box05 {
    margin: 0 0 30px!important;
    padding: 0;
    list-style: none;
    text-align: center;
}

.dg-hover-info-box05 .rotate .front {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    background-color: #20a3f0;
    white-space: nowrap;
}

.dg-hover-info-box05 .rotate .back {
    position: relative;
    height: auto;
    background-color: #20a3f0;
    padding: 60px 30px;
    color: #FFF;
}

.dg-hover-info-box05 .rotate .front .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.dg-hover-info-box05 .rotate .front:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.dg-hover-info-box05 .title {
    color: #FFF;
    font-size: 14px;
    margin: 0;
}

.dg-hover-info-box05 .icon {
    color: #FFF;
    margin-bottom: 18px;
}

.dg-hover-info-box05 .back .title:after {
    content: "";
    display: block;
    border-bottom: 1px solid #FFF;
    width: 50px;
    margin: 20px auto 16px;
}

.dg-hover-info-box05 a,
.dg-hover-info-box05 a:link,
.dg-hover-info-box05 a:active,
.dg-hover-info-box05 a:visited {
    color: #FFF;
}

.dg-hover-info-box05 a .fa {
    font-size: 0.7em;
    margin: 0 0 2px 4px;
}
/* Image Box*/
.full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

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

.dg-imagebox01 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox01 .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    color: #FFF;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 0ms;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox01:hover .content {
    opacity: 1;
    visibility: visible;
    transition: all 200ms ease-in 350ms;
    -moz-transition: all 200ms ease-in 350ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 350ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 350ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 350ms;
    /* IE9? */
}

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

.dg-imagebox01 .content a,
.dg-imagebox01 .content a:link,
.dg-imagebox01 .content a:active,
.dg-imagebox01 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox01 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 90%;
    position: relative;
    z-index: 1;
    color: #fff;
}

.dg-imagebox01 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0f3147;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox01 .content .center>*:last-child,
.dg-imagebox01 .content .center>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox01 .content .icon:hover {
    background-color: #000;
}

.dg-imagebox01 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox01 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox01 .content .info {
    font-style: italic;
    font-size: 13px;
}

.dg-imagebox01 .bg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    border-bottom: 28px solid;
    border-right: 28px solid;
    border-top: 28px solid transparent !important;
    border-left: 28px solid transparent!important;
    transition: all 400ms ease-in 200ms;
    -moz-transition: all 400ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 400ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 400ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 400ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox01:hover .bg {
    border-width: 600px!important;
    opacity: 0.85;
    transition: all 400ms ease-in 0ms;
    -moz-transition: all 400ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 400ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 400ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 400ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox01 .bg:before,
.dg-imagebox01 .bg:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 0px;
    border-bottom: 1px solid #FFF;
    left: 6px;
    top: 10px;
    transition: all 100ms ease-in 600ms;
    -moz-transition: all 100ms ease-in 600ms;
    /* Firefox 4 */
    -webkit-transition: all 100ms ease-in 600ms;
    /* Safari and Chrome */
    -o-transition: all 100ms ease-in 600ms;
    /* Opera */
    -ms-transition: all 100ms ease-in 600ms;
    /* IE9? */
}

.dg-imagebox01 .bg:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 11px;
    border-left: 1px solid #FFF;
    left: 11px;
    top: 5px;
}

.dg-imagebox01:hover .bg:before,
.dg-imagebox01:hover .bg:after {
    opacity: 0;
    visibility: hidden;
    transition: all 100ms ease-in 0ms;
    -moz-transition: all 100ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 100ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 100ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 100ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox01 .pic>img {
    width: 100%;
}

.dg-imagebox02 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox02 .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    color: #FFF;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox02:hover .content {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transition: all 200ms ease-in 350ms;
    -moz-transition: all 200ms ease-in 350ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 350ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 350ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 350ms;
    /* IE9? */
}

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

.dg-imagebox02 .content a,
.dg-imagebox02 .content a:link,
.dg-imagebox02 .content a:active,
.dg-imagebox02 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox02 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 90%;
    position: relative;
    z-index: 1;
}

.dg-imagebox02 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0f3147;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox02 .content .center>*:last-child,
.dg-imagebox02 .content .center>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox02 .content .icon:hover {
    background-color: #000;
}

.dg-imagebox02 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox02 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox02 .content .info {
    font-style: italic;
    font-size: 13px;
}

.dg-imagebox02 .color-dark,
.dg-imagebox02 .color-dark a,
.dg-imagebox02 .color-dark a:link,
.dg-imagebox02 .color-dark a:active,
.dg-imagebox02 .color-dark a:visited {
    color: #333333;
}

.dg-imagebox02 .color-dark .title:after {
    border-bottom-color: #cccccc
}

.dg-imagebox02 .color-dark .info,
.dg-imagebox02 .color-dark .info a,
.dg-imagebox02 .color-dark .info a:link,
.dg-imagebox02 .color-dark .info a:active,
.dg-imagebox02 .color-dark .info a:visited {
    color: #666666
}

.dg-imagebox02 .color-dark .icon {
    background-color: #4b4b4b;
    color: #FFF;
}

.dg-imagebox02 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox02:hover .bg {
    bottom: 11px;
    right: 11px;
    left: 11px;
    top: 11px;
    opacity: 0.85;
    visibility: visible;
}

.dg-imagebox02 .pic>img {
    width: 100%;
}

.dg-imagebox03 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox03 .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    color: #FFF;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox03:hover .content {
    z-index: 2;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

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

.dg-imagebox03 .content a,
.dg-imagebox03 .content a:link,
.dg-imagebox03 .content a:active,
.dg-imagebox03 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox03 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 90%;
    position: relative;
    z-index: 1;
    color: #fff;
}

.dg-imagebox03 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0f3147;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox03 .content .center>*:last-child,
.dg-imagebox03 .content .center>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox03 .content .icon:hover {
    background-color: #000;
}

.dg-imagebox03 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox03 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox03 .content .info {
    font-size: 13px;
}

.dg-imagebox03 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 100%;
    opacity: 1;
    z-index: 1;
    margin-top: -3px;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox03:hover .bg {
    opacity: 0.85;
    top: 0;
}

.dg-imagebox03 .pic>img {
    width: 100%;
}

.dg-imagebox04 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox04 .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    color: #666666;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox04:hover .content {
    opacity: 1;
}

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

.dg-imagebox04 .content a,
.dg-imagebox04 .content a:link,
.dg-imagebox04 .content a:active,
.dg-imagebox04 .content a:visited {
    color: #666666;
}

.dg-imagebox04 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 90%;
    position: relative;
    z-index: 1;
    background-color: #FFF;
}

.dg-imagebox04 .content .center:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 1px solid #FFF;
    z-index: -1;
}

.dg-imagebox04 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0f3147;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox04 .content .icon:hover {
    background-color: #000;
}

.dg-imagebox04 .content .title {
    font-size: 18px;
    margin: 0px 0px 4px 0px;
    font-weight: 600;
}

.dg-imagebox04 .content .title a {
    color: #333;
}

.dg-imagebox04 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox04 .content .info {
    margin: 0;
    font-style: italic;
    font-size: 13px;
}

.dg-imagebox04 .bg {
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    top: 10px;
    opacity: 1;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox04:hover .bg {
    opacity: 0.8;
}

.dg-imagebox04 .pic>img {
    width: 100%;
}

.dg-imagebox05 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox05 .content {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center;
    z-index: 2;
    color: #FFF;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox05:hover .content {
    opacity: 1;
}

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

.dg-imagebox05 .content a,
.dg-imagebox05 .content a:link,
.dg-imagebox05 .content a:active,
.dg-imagebox05 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox05 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    text-align: center;
    max-width: 90%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox05 .content .center:after,
.dg-imagebox05 .content .center:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1;
    transition: all 300ms ease-in 200ms;
    -moz-transition: all 300ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox05 .content .center:after {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
}

.dg-imagebox05 .content .center:before {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.dg-imagebox05:hover .content .center:after,
.dg-imagebox05:hover .content .center:before {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.dg-imagebox05 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #333333;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox05 .content .center>*:last-child,
.dg-imagebox05 .content .center>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox05 .content .icon:hover {
    background-color: #fff;
}

.dg-imagebox05 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox05 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox05 .content .info {
    font-size: 13px;
}

.dg-imagebox05 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0;
    opacity: 1;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox05:hover .bg {
    opacity: 0.85;
}

.dg-imagebox05 .pic>img {
    width: 100%;
}

.dg-imagebox05 .center a:hover {
    text-decoration: none;
}

.dg-imagebox05 .title a:hover,
.dg-imagebox05 .info a:hover {
    text-decoration: underline;
}

.dg-imagebox06 {
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
}

.dg-imagebox06 .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: -2;
    color: #FFF;
    letter-spacing: 0.05em;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dg-imagebox06:hover .content {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3;
}

.dg-imagebox06 .pic {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dg-imagebox06:hover .pic {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.dg-imagebox06 .pic>img {
    width: 100%;
}

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

.dg-imagebox06 .content h6 a,
.dg-imagebox06 .content h6 a:link,
.dg-imagebox06 .content h6 a:active,
.dg-imagebox06 .content h6 a:visited {
    color: #f8f8f8;
}

.dg-imagebox06 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox06 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #333333;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox06 .content .center>*:last-child,
.dg-imagebox06 .content .center>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox06 .content .icon:hover {
    background-color: #fff;
}

.dg-imagebox06 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox06 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox06 .content .info {
    margin: 0 0 20px;
    font-size: 13px;
}

.dg-imagebox07 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox07 .content {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center;
    z-index: 2;
    color: #FFF;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox07:hover .content {
    opacity: 1;
}

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

.dg-imagebox07 .content a,
.dg-imagebox07 .content a:link,
.dg-imagebox07 .content a:active,
.dg-imagebox07 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox07 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox07 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #333333;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox07 .content .center>*:last-child,
.dg-imagebox07 .content .center>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox07 .content .icon:hover {
    background-color: #fff;
}

.dg-imagebox07 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox07 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox07 .content .info {
    font-size: 13px;
}

.dg-imagebox07 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0;
    opacity: 1;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox07:hover .bg {
    opacity: 0.85;
}

.dg-imagebox07 .pic>img {
    width: 100%;
}

.dg-imagebox08 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox08 .content {
    position: absolute;
    text-align: center;
    z-index: 2;
    color: #FFF;
    padding: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox08:hover .content {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.dg-imagebox08 .content a,
.dg-imagebox08 .content a:link,
.dg-imagebox08 .content a:active,
.dg-imagebox08 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox08 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox08 .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #333333;
    position: absolute;
    top: 26%;
    left: 50%;
    margin-left: -18px;
    z-index: 3;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox08 .icon:hover {
    background-color: #fff;
}

.dg-imagebox08:hover .icon {
    opacity: 1;
    transform: scaleX(1);
}

.dg-imagebox08 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox08 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox08 .content .info {
    margin: 0;
    font-size: 13px;
}

.dg-imagebox08 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0;
    opacity: 1;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox08:hover .bg {
    opacity: 0.7;
}

.dg-imagebox08 .pic>img {
    width: 100%;
}

.dg-imagebox09 {}

.dg-imagebox09 .content {
    text-align: center;
    z-index: 2;
    color: #666666;
    padding: 25px;
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
    border-top: none;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox09 .content a,
.dg-imagebox09 .content a:link,
.dg-imagebox09 .content a:active,
.dg-imagebox09 .content a:visited {
    color: #666666;
}

.dg-imagebox09 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox09 .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0b2e45;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    z-index: 3;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox09:hover .icon {
    opacity: 1;
    transform: scaleX(1);
    transition: all 200ms ease-in 500ms;
    -moz-transition: all 200ms ease-in 500ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 500ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 500ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 500ms;
    /* IE9? */
}

.dg-imagebox09 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox09 .content .title a {
    color: #333;
}

.dg-imagebox09 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox09 .content .info {
    margin: 0;
    font-size: 13px;
}

.dg-imagebox09 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 100%;
    opacity: 1;
    z-index: 1;
    margin-top: -3px;
    opacity: 1;
    transition: all 300ms ease-in 500ms;
    -moz-transition: all 300ms ease-in 500ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 500ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 500ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 500ms;
    /* IE9? */
}

.dg-imagebox09:hover .bg {
    opacity: 0.7;
    top: 0;
    margin-top: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox09 .pic {
    position: relative;
}

.dg-imagebox09 .pic>img {
    width: 100%;
}

.dg-imagebox09 .pic:after,
.dg-imagebox09 .pic:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    opacity: .5;
    z-index: 2;
    transition: all 300ms ease-in 200ms;
    -moz-transition: all 300ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox09 .pic:after {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
}

.dg-imagebox09 .pic:before {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.dg-imagebox09:hover .pic:after,
.dg-imagebox09:hover .pic:before {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 300ms ease-in 300ms;
    -moz-transition: all 300ms ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 300ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 300ms;
    /* IE9? */
}

.dg-imagebox10 {}

.dg-imagebox10 .content {
    text-align: center;
    z-index: 2;
    color: #666666;
    padding: 25px;
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
    border-top: none;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox10:hover .content {
    color: #FFF;
    background-color: #20a3f0;
    border-color: #20a3f0;
}

.dg-imagebox10 .content .title,
.dg-imagebox10 .content a,
.dg-imagebox10 .content a:link,
.dg-imagebox10 .content a:active,
.dg-imagebox10 .content a:visited {
    color: #666666;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox10:hover .content .title,
.dg-imagebox10:hover .content a,
.dg-imagebox10:hover .content a:link,
.dg-imagebox10:hover .content a:active,
.dg-imagebox10:hover .content a:visited {
    color: #FFF;
}

.dg-imagebox10 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox10 .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    z-index: 3;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox10:hover .icon {
    opacity: 1;
    transform: scaleX(1);
}

.dg-imagebox10 .content .title {
    font-size: 18px;
    margin: 0 0 1px;
    font-weight: 600;
}

.dg-imagebox10 .content .title a {
    color: #333;
}

.dg-imagebox10 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox10 .content .info {
    margin: 0;
    font-size: 13px;
}

.dg-imagebox10 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox10:hover .bg {
    opacity: 0.7;
}

.dg-imagebox10 .pic {
    position: relative;
}

.dg-imagebox10 .pic>img {
    width: 100%;
}

.dg-imagebox11 {
    overflow: hidden;
    position: relative;
}

.dg-imagebox11 .content {
    text-align: center;
    z-index: 2;
    color: #666666;
    padding: 25px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-top: none;
    min-height: 108px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox11:hover .content {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.dg-imagebox11 .content a,
.dg-imagebox11 .content a:link,
.dg-imagebox11 .content a:active,
.dg-imagebox11 .content a:visited {
    color: #666666;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox11 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox11 .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    z-index: 3;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox11:hover .icon {
    opacity: 1;
    margin-top: 36px;
}

.dg-imagebox11 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox11 .content .title a {
    color: #333;
}

.dg-imagebox11 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox11 .content .info {
    margin: 0;
    font-size: 13px;
}

.dg-imagebox11 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox11:hover .bg {
    opacity: 0.7;
}

.dg-imagebox11 .pic {
    position: relative;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox11:hover .pic {
    transform: translateY(-108px);
    -webkit-transform: translateY(-108px);
}

.dg-imagebox11 .pic>img {
    width: 100%;
}

.dg-imagebox12 {}

.dg-imagebox12 .content {
    text-align: center;
    z-index: 2;
    color: #666666;
    padding: 25px;
    background-color: #fbfbfb;
    border-top: none;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox12 .content a,
.dg-imagebox12 .content a:link,
.dg-imagebox12 .content a:active,
.dg-imagebox12 .content a:visited {
    color: #666666;
}

.dg-imagebox12 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 98%;
    z-index: 1;
    color: #fff;
}

.dg-imagebox12 .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0b2e45;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    z-index: 3;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox12:hover .icon {
    opacity: 1;
    transform: scaleX(1);
    transition: all 200ms ease-in 500ms;
    -moz-transition: all 200ms ease-in 500ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 500ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 500ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 500ms;
    /* IE9? */
}

.dg-imagebox12 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox12 .content .title a {
    color: #333;
}

.dg-imagebox12 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox12 .content .info {
    margin: 0;
    font-size: 13px;
}

.dg-imagebox12 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 0;
    opacity: 0;
    transition: all 300ms ease-in 500ms;
    -moz-transition: all 300ms ease-in 500ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 500ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 500ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 500ms;
    /* IE9? */
}

.dg-imagebox12:hover .bg {
    opacity: 0.7;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox12 .pic {
    position: relative;
}

.dg-imagebox12 .pic>img {
    width: 100%;
}

.dg-imagebox12 .pic:after,
.dg-imagebox12 .pic:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    opacity: .5;
    z-index: 1;
    transition: all 300ms ease-in 200ms;
    -moz-transition: all 300ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox12 .pic:after {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
}

.dg-imagebox12 .pic:before {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.dg-imagebox12:hover .pic:after,
.dg-imagebox12:hover .pic:before {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 300ms ease-in 300ms;
    -moz-transition: all 300ms ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 300ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 300ms;
    /* IE9? */
}

.dg-imagebox13 {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
}

.dg-imagebox13 .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    color: #FFF;
    opacity: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
}

.dg-imagebox13:hover .content {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

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

.dg-imagebox13 .content a,
.dg-imagebox13 .content a:link,
.dg-imagebox13 .content a:active,
.dg-imagebox13 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox13 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    min-width: 205px;
    text-align: center;
    max-width: 90%;
    position: relative;
    z-index: 1;
    color: #fff;
}

.dg-imagebox13 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0f3147;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox13 .content .icon:hover {
    background-color: #000;
}

.dg-imagebox13 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox13 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox13 .content .info {
    font-style: italic;
    font-size: 13px;
}

.dg-imagebox13 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    transform: scale(0);
    -webkit-transform: scale(0);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dg-imagebox13:hover .bg {
    opacity: 0.85;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.dg-imagebox13 .pic>img {
    width: 100%;
}

.dg-imagebox14 {
    position: relative;
    display: inline-block;
}

.dg-imagebox14 .content {
    position: absolute;
    right: 13%;
    top: 13%;
    width: 52px;
    height: 52px;
    margin: -26px -26px 0 0;
    text-align: center;
    z-index: 2;
    color: #FFF;
    transition: all 300ms ease-in 600ms;
    -moz-transition: all 300ms ease-in 600ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 600ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 600ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 600ms;
    /* IE9? */
    letter-spacing: 0.05em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.dg-imagebox14:hover .content {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

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

.dg-imagebox14 .content a,
.dg-imagebox14 .content a:link,
.dg-imagebox14 .content a:active,
.dg-imagebox14 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox14 .content .center {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 15px;
    text-align: center;
    max-width: 90%;
    position: relative;
    z-index: 1;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transform: scaleX(0);
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox14:hover .content .center {
    visibility: visible;
    opacity: 1;
    transform: scaleX(1);
    transition: all 300ms ease-in 300ms;
    -moz-transition: all 300ms ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 300ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 300ms;
    /* IE9? */
}

.dg-imagebox14 .content .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    font-size: 16px;
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox14:hover .content .icon {
    visibility: hidden;
    opacity: 0;
    transform: scaleX(0);
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox14 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
}

.dg-imagebox14 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox14 .content .info {
    margin: 0;
}

.dg-imagebox14 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox14:hover .bg {
    opacity: 0.85;
    visibility: visible;
}

.dg-imagebox14 .pic {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.dg-imagebox14 .pic>img {
    width: 100%;
}

.dg-imagebox15 {}

.dg-imagebox15 .content {
    text-align: left;
    z-index: 2;
    color: #666666;
    padding: 25px 0;
    background-color: #FFF;
    border-top: none;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox15 .content a,
.dg-imagebox15 .content a:link,
.dg-imagebox15 .content a:active,
.dg-imagebox15 .content a:visited {
    color: #666666;
}

.dg-imagebox15 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in 500ms;
    -moz-transition: all 300ms ease-in 500ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 500ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 500ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 500ms;
    /* IE9? */
}

.dg-imagebox15:hover .bg {
    opacity: 0.7;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox15 .links {
    margin-bottom: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    /* Safari and Chrome */
    -ms-transform: translate(-50%, -50%);
    /* IE9? */
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox15 .links div {
    display: inline-block;
}

.dg-imagebox15 .links a:hover {
    text-decoration: none;
}

.dg-imagebox15 .links .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0b2e45;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #f0f0f0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox15:hover .links {
    opacity: 1;
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox15:hover .links .icon {
    transform: scaleX(1);
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox15 .links .icon:hover {
    background-color: #000;
    color: #FFF;
}

.dg-imagebox15 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox15 .content .title a {
    color: #333;
}

.dg-imagebox15 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox15 .content .info {
    font-size: 13px;
}

.dg-imagebox15 .pic {
    position: relative;
}

.dg-imagebox15 .pic>img {
    width: 100%;
}

.dg-imagebox15 .pic:after,
.dg-imagebox15 .pic:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    opacity: .5;
    z-index: 2;
    transition: all 300ms ease-in 200ms;
    -moz-transition: all 300ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox15 .pic:after {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
}

.dg-imagebox15 .pic:before {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.dg-imagebox15:hover .pic:after,
.dg-imagebox15:hover .pic:before {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 300ms ease-in 300ms;
    -moz-transition: all 300ms ease-in 300ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 300ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 300ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 300ms;
    /* IE9? */
}

.dg-imagebox16{
    position:relative;
}  

.dg-imagebox16 .content {
    text-align: center;
    z-index: 2;
    color: #666666;
    padding: 25px 0;
    background-color: #FFF;
    border-top: none;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox16 .content a,
.dg-imagebox16 .content a:link,
.dg-imagebox16 .content a:active,
.dg-imagebox16 .content a:visited {
    color: #666666;
}

.dg-imagebox16 .links {
    margin-bottom: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    /* Safari and Chrome */
    -ms-transform: translate(-50%, -50%);
    /* IE9? */
    transform: translate(-50%, -50%);
}

.dg-imagebox16 .links div {
    display: inline-block;
}

.dg-imagebox16 .links a:hover {
    text-decoration: none;
}

.dg-imagebox16 .links .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0b2e45;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #f0f0f0;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox16:hover .links .icon {
    opacity: 1;
    transform: scaleX(1);
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox16 .links .icon:hover {
    background-color: #000;
    color: #FFF;
}

.dg-imagebox16 .links .btn {
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
    margin: 0 5px;
}

.dg-imagebox16:hover .links .btn {
    opacity: 1;
    transform: scaleX(1);
    transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox16 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
}

.dg-imagebox16 .content .title a {
    color: #333;
}

.dg-imagebox16 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox16 .content .info {
    margin: 0;
    font-size: 13px;
}

.dg-imagebox16 .bg,
.dg-imagebox16 .owl-carousel .owl-stage-outer::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 0;
    z-index: 1;
    opacity: 0;
    transition: all 300ms ease-in 500ms;
    -moz-transition: all 300ms ease-in 500ms;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in 500ms;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in 500ms;
    /* Opera */
    -ms-transition: all 300ms ease-in 500ms;
    /* IE9? */
}

.dg-imagebox16 .owl-carousel .owl-stage-outer::after {
    background-color: #191919!important;
}

.dg-imagebox16:hover .bg,
.dg-imagebox16 .owl-carousel:hover .owl-stage-outer::after {
    opacity: 0.7;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox16 .pic {
    position: relative;
}

.dg-imagebox16 .pic>img {
    width: 100%;
}

.dg-imagebox17 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox17 .content {
    position: relative;
    text-align: center;
    z-index: 2;
    color: #FFF;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
    letter-spacing: 0.05em;
}

.dg-imagebox17:hover .content {
    z-index: 2;
    transition: all 200ms ease-in 350ms;
    -moz-transition: all 200ms ease-in 350ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 350ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 350ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 350ms;
    /* IE9? */
}

.dg-imagebox17 .content a,
.dg-imagebox17 .content a:link,
.dg-imagebox17 .content a:active,
.dg-imagebox17 .content a:visited {
    color: #333;
}

.dg-imagebox17 .links {
    margin-bottom: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    /* Safari and Chrome */
    -ms-transform: translate(-50%, -50%);
    /* IE9? */
    transform: translate(-50%, -50%);
}

.dg-imagebox17 .links div {
    display: inline-block;
}

.dg-imagebox17 .links a:hover {
    text-decoration: none;
}

.dg-imagebox17 .links .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0b2e45;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #f0f0f0;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox17:hover .links .icon {
    opacity: 1;
    transform: scaleX(1);
    transition: all 200ms ease-in 200ms;
    -moz-transition: all 200ms ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 200ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 200ms;
    /* IE9? */
}

.dg-imagebox17 .links .icon:hover {
    background-color: #000;
    color: #FFF;
}

.dg-imagebox17 .content {
    padding: 25px 0;
}

.dg-imagebox17 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #0f3147;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in 0ms;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in 0ms;
    /* Opera */
    -ms-transition: all 200ms ease-in 0ms;
    /* IE9? */
}

.dg-imagebox17 .content>*:last-child,
.dg-imagebox17 .content>*:last-child>.icon {
    margin: 0;
}

.dg-imagebox17 .content .icon:hover {
    background-color: #000;
}

.dg-imagebox17 .content .title {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 600;
    color: #000;
}

.dg-imagebox17 .content .info {
    color: #333;
}

.dg-imagebox17 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox17 .content .info {
    font-style: italic;
    font-size: 13px;
}

.dg-imagebox17 .color-dark,
.dg-imagebox17 .color-dark a,
.dg-imagebox17 .color-dark a:link,
.dg-imagebox17 .color-dark a:active,
.dg-imagebox17 .color-dark a:visited {
    color: #333333;
}

.dg-imagebox17 .color-dark .title:after {
    border-bottom-color: #cccccc
}

.dg-imagebox17 .color-dark .info,
.dg-imagebox17 .color-dark .info a,
.dg-imagebox17 .color-dark .info a:link,
.dg-imagebox17 .color-dark .info a:active,
.dg-imagebox17 .color-dark .info a:visited {
    color: #666666
}

.dg-imagebox17 .color-dark .icon {
    background-color: #4b4b4b;
    color: #FFF;
}

.dg-imagebox17 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox17:hover .bg {
    opacity: 0.8;
    visibility: visible;
}

.dg-imagebox17 .pic {
    position: relative;
}

.dg-imagebox17 .pic img {
    width: 100%;
}

.dg-imagebox17 .pic:hover>.bg {
    bottom: 11px;
    right: 11px;
    left: 11px;
    top: 11px;
}

.dg-imagebox18 {
    position: relative;
    overflow: hidden;
}

.dg-imagebox18 .content {
    position: absolute;
    text-align: center;
    z-index: 2;
    color: #FFF;
    letter-spacing: 0.05em;
    opacity: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    bottom: 50%;
    width: 100%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.dg-imagebox18:hover .content {
    opacity: 1;
}

.dg-imagebox18 .content a,
.dg-imagebox18 .content a:link,
.dg-imagebox18 .content a:active,
.dg-imagebox18 .content a:visited {
    color: #f8f8f8;
}

.dg-imagebox18 .content .center {}

.dg-imagebox18 .content .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
    color: #333333;
    transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 200ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 200ms ease-in;
    /* Opera */
    -ms-transition: all 200ms ease-in;
    /* IE9? */
}

.dg-imagebox18 .content .icon:hover {
    background-color: #fff;
}

.dg-imagebox18 .content .title {
    font-size: 18px;
    margin: 0 0 8px;
}

.dg-imagebox18 .content .title:after {
    content: "";
    border-bottom: 1px solid #ffffff;
    display: block;
    width: 38px;
    margin: 8px auto 0;
}

.dg-imagebox18 .content .sep {
    padding: 0px 4px;
}

.dg-imagebox18 .content .info {}

.dg-imagebox18 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0;
    opacity: 1;
    z-index: 1;
    opacity: 0.9;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.dg-imagebox18:hover .bg {
    opacity: 0.9
}

.dg-imagebox18 .pic>img {
    width: 100%;
}

.img-zoom[class*="dg-imagebox"] .pic,
.img-left-rotate[class*="dg-imagebox"] .pic,
.img-right-rotate[class*="dg-imagebox"] .pic {
    overflow: hidden;
}

.img-zoom[class*="dg-imagebox"] .pic img,
.img-left-rotate[class*="dg-imagebox"] .pic img,
.img-right-rotate[class*="dg-imagebox"] .pic img {
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /* Firefox 4 */
    -webkit-transition: all 300ms ease-in;
    /* Safari and Chrome */
    -o-transition: all 300ms ease-in;
    /* Opera */
    -ms-transition: all 300ms ease-in;
    /* IE9? */
}

.img-zoom[class*="dg-imagebox"]:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.img-left-rotate[class*="dg-imagebox"]:hover .pic img {
    transform: scale(1.1) rotate(-5deg);
    -webkit-transform: scale(1.1) rotate(-5deg);
}

.img-right-rotate[class*="dg-imagebox"]:hover .pic img {
    transform: scale(1.1) rotate(5deg);
    -webkit-transform: scale(1.1) rotate(5deg);
}

.portfolios_isotope .center>a:hover {
    text-decoration: none;
}

[class*="dg-imagebox"] .icon-white {
    background-color: #FFF !important;
    color: #000 !important;
}

[class*="dg-imagebox"] .icon-black {
    background-color: #0b2e45 !important;
    color: #f5f5f5 !important;
}

[class*="dg-imagebox"] .icon-white:hover {
    background-color: #ddd !important;
    color: #666 !important;
}

[class*="dg-imagebox"] .icon-black:hover {
    background-color: #000 !important;
    color: #FFF !important;
}

[class*="dg-imagebox"] .owl-dots {
    margin-top: -35px;
    z-index: 100;
    position: absolute;
    text-align: center;
    top: 100%;
    left: 0;
    width: 100%;
}

[class*="dg-imagebox"] .owl-dots .owl-dot {
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin: 0 6px 3px;
    border: 1px solid transparent;
    position: relative;
    transition: border-color ease-in 200ms;
    -moz-transition: border-color ease-in 200ms;
    -webkit-transition: border-color ease-in 200ms;
    -o-transition: border-color ease-in 200ms;
    -ms-transition: border-color ease-in 200ms;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

[class*="dg-imagebox"] .owl-dots .owl-dot::after {
    content: "";
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    position: absolute;
    background-color: #dcdcdc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    -webkit-transition: background-color ease-in 200ms;
    -o-transition: background-color ease-in 200ms;
    -ms-transition: background-color ease-in 200ms;
}

[class*="dg-imagebox"] .owl-dots .owl-dot.active {
    border-color: #20a3f0;
    background-color: transparent;
}

[class*="dg-imagebox"] .owl-dots .owl-dot.active::after {
    background-color: #20a3f0;
}

[class*="dg-imagebox"] .owl-nav .owl-prev,
[class*="dg-imagebox"] .owl-nav .owl-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    opacity: 0;
    transition: all .2s ease 0s;
    width: 40px;
    height: 40px;
    line-height: 48px;
    font-size: 0;
    text-indent: -999px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin: -20px 0 0 0;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    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;
}

[class*="dg-imagebox"]:hover .owl-nav .owl-prev,
[class*="dg-imagebox"]:hover .owl-nav .owl-next {
    opacity: 1;
}

[class*="dg-imagebox"] .owl-nav .owl-prev:hover,
[class*="dg-imagebox"] .owl-nav .owl-next:hover {
    background-color: #000;
}

[class*="dg-imagebox"]:hover .owl-nav .owl-prev {
    left: 10px;
}

[class*="dg-imagebox"]:hover .owl-nav .owl-next {
    right: 10px;
}

[class*="dg-imagebox"] .owl-nav .owl-prev {
    left: 0;
}

[class*="dg-imagebox"] .owl-nav .owl-next {
    right: 0;
}

[class*="dg-imagebox"] .owl-nav .owl-prev:before,
[class*="dg-imagebox"] .owl-nav .owl-next:before {
    content: "";
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    margin: -4px 0 0 -2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    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;
}

[class*="dg-imagebox"] .owl-nav .owl-next:before {
    margin: -4px 0 0 -4px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg)
}
.dg-imagebox19{
    position:relative;
    overflow:hidden;
}
.dg-imagebox19 .content{
    position: absolute; 
    text-align: center;
    z-index: 2;
    color: #FFF;
    letter-spacing: 0.05em;
    opacity: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    bottom: 50%;
    width: 100%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.dg-imagebox19:hover .content{
    opacity:1;
}
.dg-imagebox19 .content a, 
.dg-imagebox19 .content a:link, 
.dg-imagebox19 .content a:active, 
.dg-imagebox19 .content a:visited{
    color:#f8f8f8;
}
.dg-imagebox19 .content .center{
}

.dg-imagebox19 .content .icon{
    width:36px;
    height:36px;
    line-height:36px;
    background-color:#fff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display:inline-block;
    text-align:center;
    margin-bottom:24px;
    color:#333333;
    transition:         all 200ms ease-in;
    -moz-transition:    all 200ms ease-in; /* Firefox 4 */
    -webkit-transition: all 200ms ease-in; /* Safari and Chrome */
    -o-transition:      all 200ms ease-in; /* Opera */
    -ms-transition:     all 200ms ease-in; /* IE9? */
}
.dg-imagebox19 .content .icon:hover{
    background-color:#fff;
}
.dg-imagebox19 .content .title{
    font-size:18px;
    margin: 0 0 8px;
}
.dg-imagebox19 .content .title:after{
    content:"";
    border-bottom:1px solid #ffffff;
    display:block;
    width:38px;
    margin:8px auto 0;
}
.dg-imagebox19 .content .sep{
    padding:0px 4px;
}
.dg-imagebox19 .bg{
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    top:0;
    opacity:1;
    z-index:1;
    opacity:0.9;
    transition:         all 300ms ease-in;
    -moz-transition:    all 300ms ease-in; /* Firefox 4 */
    -webkit-transition: all 300ms ease-in; /* Safari and Chrome */
    -o-transition:      all 300ms ease-in; /* Opera */
    -ms-transition:     all 300ms ease-in; /* IE9? */
}
.dg-imagebox19:hover .bg{
    opacity: 0.9
}
.dg-imagebox19 .pic > img{
    width:100%;
}
.dg-imagebox20 .pic{
    position: relative;
}
.dg-imagebox20 .pic img{
    width:100%;
}
.dg-imagebox20 .pic .img_con{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2;
}
.dg-imagebox20 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 0;
    opacity: 0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox20:hover .bg {
    opacity: 0.85;
}
.dg-imagebox20 .img_con a{
    color: #fff;
}
.dg-imagebox20 .img_con a:hover{
    text-decoration: none;
}
.dg-imagebox20 .img_con .icon{
    font-size: 40px;
    display: block;
    padding: 0 0 20px 0;
}
.dg-imagebox20 .content{
    text-align: center;
    padding: 35px 25px;
}
.dg-imagebox20 .content a em{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: 0 0 2px 5px;
}

.dg-imagebox20 .content p{
    padding: 0px 0px 15px 0px;
}
/* Accordion FAQ*/
.dg-accordion07 .panel {
    border:none;
}
.dg-accordion07 .panel-heading{
    background-color:#f5f5f5;
    padding:0;
    position:relative;
}
.dg-accordion07 .panel-body{
    padding:24px 40px 0 40px;
}
.dg-accordion07 .panel-heading a{
    display:block;
    color:#424242;
    padding: 12px 23px 11px 40px;
     font-size:15px; 
    margin:0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.dg-accordion07 .panel-heading a .fa{
    margin-right:12px;
    font-size:1.2em;
    display:inline-block;
    vertical-align:middle;
}
.dg-accordion07 .panel-heading h4{
    margin:0;
}
.dg-accordion07 .panel-heading a.collapsed{
    color:#333;
    background-color:transparent;
}
.dg-accordion07 .panel-heading a:hover,
.dg-accordion07 .panel-heading a{
    background-color:#20a3f0;
    color:#fff;
    text-decoration:none;
    -moz-transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    -ms-transition: all ease-in 200ms;
}
.dg-accordion07 .panel+.panel {
    margin-top: 14px;
}
.dg-accordion07 .panel-heading .arrow{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:40px;
}
.dg-accordion07 .panel-heading .arrow:after {
    content: "";
    width:7px;
    height:7px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-4px 0 0 -4px;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    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;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.dg-accordion07 .panel-heading .collapsed:hover .arrow:after{
    border-right-color:#ffffff;
    border-bottom-color:#ffffff;
}
.dg-accordion07 .panel-heading a.collapsed .arrow:after{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    border-right-color:#5b5b5b;
    border-bottom-color:#5b5b5b;
}
@media only screen and (max-width: 767px) {
.dg-accordion07 .panel-body {
    padding: 15px;
}
.dg-accordion07 .panel-heading a {
    padding: 12px 15px 11px 40px;
}
}

/* blog */
.blog-classic-list{
	position:relative;
}
.blog-classic-list .audio{
	width:100%;
	position: absolute;
	bottom: 0;
	left:0;

}
.blog-classic-list .list-date{
    left: 0;
    text-align: center;
    color: #333333;
    display: table-cell;
    vertical-align: middle;
}
.blog-classic-list .list-date .day{
	display:block;
	background-color:#eeeeee;
	/*height:44px;*/
	line-height:38px;
	padding:10px;
	font-size:20px;
	color:#333333;
}
.blog-classic-list .list-date .month{
	display:block;
	padding:10px;
	line-height:26px;
	color:#FFF;
	font-size:14px;
	background-color:#20a3f0;
}
.blog-classic-list .list-image img{
	width:100%;
	max-width:100%;
}

.blog-classic-list .list-main{
	padding:35px 0;
}
.blog-classic-title{
	position: relative;
	margin: 0 0 20px 0;
    display: table;
}
.blog-classic-title .ver-mid {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 20px;
}
.blog-classic-list .list-title{
	font-size:18px;
	color:#333333;
	line-height: 1.2;
	margin:5px 0 8px;
	font-weight: bold;
}
.blog-classic-list .list-title a, 
.blog-classic-list .list-title a:link, 
.blog-classic-list .list-title a:active, 
.blog-classic-list .list-title a:visited{
	color:#333333;
	font-weight:bold;
}
.blog-classic-list .list-title a:hover{
	text-decoration:none;
	color:#20a3f0;
}
.blog-classic-list .list-info{
	margin-bottom:0;
	font-size:13px;
}
.blog-classic-list .no-margin{
	margin:0;
}
.blog-classic-list .list-info a, 
.blog-classic-list .list-info a:link, 
.blog-classic-list .list-info a:active, 
.blog-classic-list .list-info a:visited{
	color:#888888;
}
.blog-classic-list .list-info a:hover{
	text-decoration:none;
	color:#20a3f0;
}
.blog-classic-list .list-info .sep{
	padding:0px 10px;
}
.blog-classic-list .list-info .fa{
	margin-right:6px;
}
.blog-classic-list .list-more, 
.blog-classic-list .list-more a:link, 
.blog-classic-list .list-more a:active, 
.blog-classic-list .list-more a:visited{
	color:#20a3f0;
}
.blog-classic-list .list-info a:hover{
	text-decoration:underline;
	color:#20a3f0;
}
.blog-classic-list .list-description{
	margin-bottom:25px;
}

@media only screen and (max-width: 991px) {
	.blog-classic-list .list-main{
		padding:25px 0;
	}
	.blog-classic-list {
        margin-bottom: 40PX;
    }
}

@media only screen and (max-width: 320px) {
	.blog-classic-list .list-main{
		padding:15px 0px;
	}
	.blog-classic-list {
        margin-bottom: 40px;
    }
}

/* ********* player video ******** */


.video-bg {
	position:relative;
	z-index:1;
	overflow:hidden;
	background-color:#f5f5f5;
}
.video-bg .videobox {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
    height: 100%;
	z-index: -1;
}
.video-bg .videobox .video{
	padding-bottom: 56.25%;
	height: 0;
	position:relative;
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1120px) {
	.video-bg .videobox .video{
	padding-bottom: 66.25%;
}
}
.video-bg .videobox iframe,
.video-bg .videobox object,
.video-bg .videobox embed,
.video-bg .videobox video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.video-bg .player_line{
	width:126px;
	margin:25px auto;
	border-top-width:2px;
}
.video-bg .play {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.35);
}
.player_boxes {
	padding: 90px 15px;
	text-align: center;
	color:#FFF;
}
.video-bg .player_boxes > *{
	position:relative;
	z-index:1;
}
.player_boxes .player_title {
    font-size: 50px;
    font-weight:bold;
    letter-spacing: 1px;
    line-height: 1.1;
	color:#FFF;
}
.player_boxes .player_smalltitle {
    font-size: 20px;
    letter-spacing: 5px;
    margin: 30px 0 30px;
    font-weight: normal;
    line-height: 1.2;
	color:#FFF;
	padding:20px 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%); 
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%); 
    background: -webkit-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%); 
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%); 
}
.player_boxes .player_content {
	margin: 0px 20%;
	color:#fff;
	line-height:2;
	font-size:15px;
}
.player_boxes.full-height{
	text-align:center;
	white-space:nowrap;
}
.player_boxes.full-height:after{
	content:"";
	height:100%;
	width:0;
	margin:0 ;
	vertical-align:middle;
	display:inline-block;
	overflow:hidden;
}
.player_boxes.full-height .vertical-center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
}
.dnngo-main .player_boxes .dg-btn-2:hover{
	border-color:#20a3f0;
    background-color: #20a3f0;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.player_boxes {
		padding: 50px 0px;
	}
	.player_boxes .player_content {
		margin: 0px 5%;
	}
}
@media only screen and (max-width: 767px) {
	.player_boxes {
		padding: 20px 0px;
	}
	.player_boxes .player_title {
		font-size: 25px;
	}
	.player_boxes .player_content {
		margin: 0px;
	}
}

.dg-Parallax{
	position:relative;
	background-attachment:fixed;
	background-size:40% auto;
	background-position:80% center;
}

/* Team or Icon Boxes with dividers*/
.dg-ourteam04{
	margin:0 6%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.dg-ourteam04 li{
	width:50%;
	margin:0;
	padding:70px 60px 70px 50px;
	position:relative;
	float:left;
}
.dg-ourteam04 li:after{
	content:"";
	position:absolute;
	top:48px;
	bottom:48px;
	left:-1px;
	border-left:1px solid #dcdcdc;
}
.dg-ourteam04 li:before{
	content:"";
	position:absolute;
	left:48px;
	right:48px;
	top:-1px;
	border-top:1px solid #dcdcdc;
}
.dg-ourteam04.color-white li:after,
.dg-ourteam04.color-white li:before{
	border-color:rgba(255,255,255,0.2);
}

.dg-ourteam04.color-white li{
	border-color:rgba(255,255,255,0.2);
}

.dg-ourteam04 li:nth-child(2):after{
	top:0;
}
.dg-ourteam04 li:last-child:after{
	bottom:0;
}
.dg-ourteam04 li:nth-child(2n-1):before{
	left:0;
}
.dg-ourteam04 li:nth-child(2n-1){
	padding:70px 60px 70px 10px;
	clear:left;
}
.dg-ourteam04 li:nth-child(2n):before{
	right:0;
}
.dg-ourteam04 li:nth-child(2n){
	padding:70px 10px 70px 60px;
}


.dg-ourteam04 .ourteam-left{
	float:left;
	margin-right:45px;
}
.dg-ourteam04 .ourteam-left .pic{
	width:128px;
	height:128px;
	overflow:hidden;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:20px;
}
.dg-ourteam04 .ourteam-left .pic img{
	max-width:100%;
}
.dg-ourteam04 .ourteam-left .social{
	text-align:center;
}
.dg-ourteam04 .ourteam-left .social a, 
.dg-ourteam04 .ourteam-left .social a:link, 
.dg-ourteam04 .ourteam-left .social a:active, 
.dg-ourteam04 .ourteam-left .social a:visited{
	color:#999999;
}
.dg-ourteam04.color-white .ourteam-left .social a, 
.dg-ourteam04.color-white .ourteam-left .social a:link, 
.dg-ourteam04.color-white .ourteam-left .social a:active, 
.dg-ourteam04.color-white .ourteam-left .social a:visited{
	color:#fff;
}
/*.dg-ourteam04 .ourteam-left .social a:visited{
	text-decoration:underline;
}*/
.dg-ourteam04 .ourteam-left .social a:hover{
	text-decoration: none;
}
.dg-ourteam04 .ourteam-left .social .fa{
	font-size:16px;
	margin:0 8px 5px;
}
.dg-ourteam04 .ourteam-right{
	overflow:hidden;
}
.dg-ourteam04 .ourteam-right h5{
	font-size:16px;
	margin:0 0 3px;
}
.dg-ourteam04 .ourteam-right h5 + i{
	display:block;
	margin-bottom:20px;
	line-height:1.2;
	color:#20a3f0;
}
.dg-ourteam04.color-white .ourteam-right h5 + i{
	color:#fff;
}

@media only screen and (max-width: 1199px) {
	.dg-ourteam04{
		margin:0;
	}
	.dg-ourteam04 li,
	.dg-ourteam04 li:nth-child(2n-1),
	.dg-ourteam04 li:nth-child(2n){
		padding:30px;
	}
}
@media only screen and (max-width: 991px) {
	
	.dg-ourteam04 li:before{
		left: 20px;
		right: 20px;
	}
	.dg-ourteam04 li:after {
		top: 20px;
		bottom: 20px;
	}
	.dg-ourteam04 .ourteam-left{
		margin-right:15px;
	}
	.dg-ourteam04 .ourteam-left .pic{
		width:100px;
		height:100px;
	}
}
@media only screen and (max-width: 767px) {
	.dg-ourteam04 li{
		float:none;
		width:auto;
		border-left:none;
	}
	.dg-ourteam04 li,
	.dg-ourteam04 li:nth-child(2n-1),
	.dg-ourteam04 li:nth-child(2n){
		padding:20px 5px;
	}
	.dg-ourteam04 .ourteam-left .pic{
		width:80px;
		height:80px; 
	}
	
}